有没有办法自定义推特分享的推文按钮

时间:2015-08-31 10:49:13

标签: twitter share share-button socialshare

您好我在共享上使用带有回调函数的twitter分享按钮,这样我就可以对成功共享进行一些处理。我正在使用jQuery代码。

但是添加iframe和生成的Tweet按钮的代码与我的UI不匹配。我想使用图像进行推文而不是按钮

有什么方法可以让我在iframe中使用图片而不是按钮(在iframe代码中自定义推文按钮)或任何其他方式来执行此操作。

我的代码:

<script>
window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};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);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));
</script>

<a class="twitter-share-button" href="https://twitter.com/share" data-size="small" data-url="http://knoldus.com" data-text="Hello" data-count="none" >Tweet</a>


<script src="https://platform.twitter.com/widgets.js"></script>
<script>
twttr.events.bind('tweet' , function(event) {
// do somethings here
alert("Tweet has been successfully posted");
});
</script>

提前致谢。

0 个答案:

没有答案