带有事件的Twitter按钮的自定义设计
带有事件的Twitter按钮的自定义设计
提问于 2013-03-14 15:16:49
我有一个自定义的推文按钮：
<a href="http://twitter.com/share?url=http://example.com;text=myText;size=l&count=none" target="_blank">
<div>
<img src="/assets/twitter-logo.jpg">
<span>Twitter</span>
</div>
</a>现在我想在tweet发布后取得一些效果。为此，我研究了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>但是，此接口仅适用于非自定义按钮(twitter-share-button类)。
有没有人成功创建了一个监听事件的自定义按钮？
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-04-29 21:34:59
你可以有一个自定义的链接，但仍然有网页意图！
密钥应该指向"https://twitter.com/intent/tweet“，而不是指向"https://twitter.com/share”的链接。
如下所示：
<a href="https://twitter.com/intent/tweet">Tweet</a>这样你就可以像你尝试的那样使用web意图：
twttr.events.bind('tweet', function (event) {
// Do something there
alert('Tweeted');
});检查此jsFiddle
Stack Overflow用户
发布于 2014-10-31 00:25:15
我得到了一个有分享行动的人
<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>Stack Overflow用户
发布于 2019-12-22 12:58:55
不要浪费你的时间在"tweet“事件上。与其他社交网络不同的是，即使推文成功完成或用户刚刚关闭窗口，twitter也会触发此消息。因此，请使用下面的代码：
jQuery('#twitter').off('click').on('click', function() {
var field_list = {
url: 'https://example.com/',
text: 'Some random text',
hashtags: 'myhashtag,anothertag',
}
window.open('https://twitter.com/share?'+jQuery.param(field_list), '_blank', 'width=550,height=420').focus();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15413159
复制
相似问题
带有Turbolink的Facebook Twitter按钮
(Meteor)更改Twitter登录按钮设计
使用带有Twitter引导的tap事件
如何为twitter引导创建带有箭头的自定义按钮？
带有自定义Twitter推文按钮的自动url缩写
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
