Twitter 推文后绑定事件 ( twttr.events.bind ) 不起作用

2024-04-22

我有这个简单的代码,应该提醒“我刚刚发推文”,但似乎不起作用,我已经尝试了所有示例。甚至访问此链接寻求帮助https://dev.twitter.com/discussions/671 https://dev.twitter.com/discussions/671但仍然没有奏效。

<script>

function alertAfterTweet() {
  alert('I just Tweeted')
}

//Bind the custom function with twitter event
twttr.ready(function (twttr) {
  twttr.events.bind('click', alertAfterTweet);
});

function jsTweet() {
   var urlTW = "https://twitter.com/intent/tweet?text=Text&url=http://example.com";
   window.open(urlTW, "", "toolbar=0, status=0, width=650, height=360");
}</script>

<a href="javascript:void(0)" onClick="jsTweet();">Tweet</a>

</script>

请提供任何帮助,我们将不胜感激。谢谢


1.首先包含twitter api

<script>window.twttr = (function (d, s, id) {
    var t, js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src= "https://platform.twitter.com/widgets.js";
    fjs.parentNode.insertBefore(js, fjs);
    return window.twttr || (t = { _e: [], ready: function (f) { t._e.push(f) } });
  }(document, "script", "twitter-wjs"));</script>

2.使用twitter API创建分享按钮,然后绑定事件(看起来你想绑定tweet而不是点击):

twttr.ready(function(twttr) {
    twttr.widgets.createShareButton(
        'your url',
        document.getElementById('your-element-id'), {
            url: 'your url',
            count: 'none',
            text: 'your text',
            size: 'large',
            hashtags: 'your hashtag'
        }).then(function(el) {
        console.log("Twitter Button created.")
    });
    twttr.events.bind('tweet', function(event) {
        //add ur post tweet stuff here 
        console.log('tweet');
    });

});

您可以使用 API 设置许多选项。欲了解更多信息:

JavaScript:https://dev.twitter.com/web/javascript https://dev.twitter.com/web/javascript

Events: https://dev.twitter.com/web/javascript/events https://dev.twitter.com/web/javascript/events

顺便说一句,您也可以这样创建按钮:

<a class="twitter-share-button" href="https://twitter.com/share"
  data-related="twitterdev"
  data-size="large"
  data-count="none">
Tweet
</a>

希望有帮助!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Twitter 推文后绑定事件 ( twttr.events.bind ) 不起作用 的相关文章

随机推荐