定制设计的Twitter按钮与事件

Question

我有一个自定义推文按钮:

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

现在我想在推文发布后获得一些结果.为此,我查看了Twitter Events API:

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

但是,此API仅适用于非自定义按钮(twitter-share-button类).

任何人都设法创建一个监听事件的自定义按钮？

Answer 1

您可以拥有自定义链接,但仍然具有网络意图!

在关键的是,而不是你的链接指向的,以" https://twitter.com/share "它应该指向" https://twitter.com/intent/tweet "

像这样:

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

这样您就可以像尝试一样使用网络意图:

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

检查这个jsFiddle