Twitter分享按钮没有推特图标,只是分享

时间:2014-04-01 06:56:18

标签: javascript twitter-bootstrap twitter

我想嵌入twitter分享选项,我得到的代码是javascript以及此分享链接:

<a href="https://twitter.com/share" class="twitter-share-button" data-text="Check out this link please" data-via="ObiWanKobi" data-related="User">Tweet</a>

我想要数据文本和所有显示但我想使用我自己的自定义图标而不是twitter图标。所以我带走了class="twitter-share-button",因为这是显示此按钮的内容,但是一旦我这样做,那么data-text就会丢失,它只是共享链接。如何破解这个以显示自定义图标?

你的帮助=非常感谢

1 个答案:

答案 0 :(得分:4)

最简单的方法是不使用他们的JavaScript,只是自己构建共享URL:

http://twitter.com/share?text={…}&url={…}

不要忘记对您放入的参数值进行URL编码。

您可能希望在链接中添加target="_blank"以在新窗口/选项卡中打开它,或者甚至添加window.open以选择性地在具有预定义宽度和高度的弹出窗口中打开它。 / p>