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

Twitter share button without the twitter icon, just the sharing

本文关键字:分享 按钮 图标      更新时间:2023-09-26

我想嵌入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就会丢失,它只是共享链接。如何破解它以显示自定义图标?

您的帮助=非常感谢

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

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

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

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