it-swarm.com.de

Custom Design für Twitter-Button mit Veranstaltungen

Ich habe einen benutzerdefinierten Tweet-Button:

<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>

Nun möchte ich ein Ergebnis erzielen, nachdem der Tweet veröffentlicht wurde. Dazu habe ich mir die Twitter Events API angesehen:

<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>

Diese API funktioniert jedoch nur für nicht benutzerdefinierte Schaltflächen (Twitter-share-button-Klasse).

Hat es jemandem geschafft, eine benutzerdefinierte Schaltfläche zu erstellen, mit der Ereignisse überwacht werden?

21
Mateu

Sie können einen benutzerdefinierten Link haben und trotzdem die Web Intents haben !

Die Taste ist anstelle Ihres Links auf " https://Twitter.com/share " zu zeigen, der auf " https://Twitter.com/intent") zeigen sollte/Tweet "

so was:

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

Auf diese Weise können Sie die Web-Intentionen so verwenden, wie Sie es versucht haben:

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

Überprüfen Sie dieses jsFiddle

32
nmoliveira

Ich habe jemanden mit einer Aktienaktion

<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