web-dev-qa-db-fra.com

Design personnalisé pour bouton Twitter avec événements

J'ai un bouton Tweet personnalisé:

<a href="http://Twitter.com/share?url=http://example.com;text=myText;size=l&amp;count=none" target="_blank">
    <div>
        <img src="/assets/Twitter-logo.jpg">
        <span>Twitter</span>
    </div>
</a>

Maintenant, je veux obtenir un résultat après la publication du Tweet. Pour ce faire, j'ai consulté l'API Twitter Events:

<script type="text/javascript" src="http://platform.Twitter.com/widgets.js"></script>
<script type="text/javascript">
    twttr.events.bind('Tweet', function (event) {
        alert("Tweet Successful");
    });
</script>

Cependant, cette API ne fonctionne que sur les boutons non personnalisés (classe Twitter-share-button).

Tout le monde a réussi à créer un bouton personnalisé qui écoute les événements?

21
Mateu

Vous pouvez avoir un lien personnalisé et conserver les intentions Web!

La clé est, au lieu de votre lien pointant vers " https://Twitter.com/share " il devrait pointer vers " https://Twitter.com/intent/Tweet "

comme ça:

<a href="https://Twitter.com/intent/Tweet">Tweet</a>

De cette façon, vous pouvez utiliser les intentions Web telles que vous les essayiez:

twttr.events.bind('Tweet', function (event) {
  // Do something there
  alert('Tweeted');
});

Vérifiez ceci jsFiddle

32
nmoliveira

J'ai eu quelqu'un avec une action de partage

<a href="https://Twitter.com/share" class="Twitter-share-button" data-via="pincheregio" data-size="large" data-count="none">Tweet</a>

<script>
    !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.Twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'Twitter-wjs');</script>

      twttr.ready(function (twttr) {
        twttr.events.bind('Tweet', function (event) {
        alert("paso");
      });

    });
</script>

http://jsfiddle.net/aXCNX/139/

0
Adan Luna