Twitter分享按钮无法转发自定义文本

Question

我正在为一个带有Twitter分享选项的网站工作，与每个特定产品相关。我按照Twitter API说明进行tweet分享，除了自定义文本显示之外，一切正常。例如，我希望用户像这样Tweet：“你觉得呢？我应该买这个吗？http://url.etc@mywebsite”，但是当用户Tweet时，我只得到链接：http://url.etc。以下是代码：

<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
<a target="_blank" href="https://twitter.com/share" data-url="http://bit.ly/twitter-api-announce" data-via="testtest" data-text="What do you think? Should I buy this? " data-count="none" data-counturl="http://groups.google.com/group/twitter-api-announce" >TWITTER</a>

问题似乎出在数据文本选项上。 有任何相关经验吗？有什么想法吗？ 谢谢。

- Slavisa Perisic

Answer 1

在WordPress中，我只是使用了以下代码：<a href="https://twitter.com/share?url=google.com&text=your text here">Tweet</a> 它非常好用！

- lostkat

Answer 2

只需使用像此链接：

<a href="http://twitter.com/share?related=[your_twitter_account]&via=[your_twitter_account]&lang=[fr]&text=[hello%20world]&url=[www.google.com]">tweet</a>

只需更改[]中的内容（并删除它们） 请注意，所有内容都必须符合RFC标准（如将“空格”等奇怪字符替换为%20等）

Twitter提供了一个很好的页面来制作按钮 https://about.twitter.com/resources/buttons#tweet 但我的解决方案避免了JavaScript强制设计按钮的问题

- Fenix Aoras

Answer 3

你可以使用这个：

<a href='https://twitter.com/share?url=google.com&text=Signup>Tweet</a <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='//platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','twitter-wjs');</script>  

- Shankar ARUL

Answer 4

确认您已经包含了正确的Twitter脚本。更好的方法是从Twitter开发者界面生成您的推文按钮代码，链接在这里：https://about.twitter.com/resources/buttons

如果您想要在页面加载后动态修改推文按钮内容，您将需要动态地创建和插入推文按钮到HTML DOM中。

关于此方面的一些指导可以在这里找到。

http://denvycom.com/blog/twitter-button-with-dynamic-custom-data-text-message/

希望这对你有所帮助。

- Vykthur D .

Answer 5

在插入链接之前，您必须对文本进行编码。正确的步骤是：

1. 使用在线工具（例如this one）对文本进行编码。

2. 将结果放入HTML链接中（由@FenixAoras建议）：<a href="http://twitter.com/share?related=[your_twitter_account]&via=[your_twitter_account]&lang=[fr]&text=[encoded-text]&url=[url]">分享到Twitter</a>

---

如果你使用PHP生成HTML，你可以在脚本中直接使用urlencode函数：

echo "<a href="http://twitter.com/share?text=".urlencode("<your text>")."">Share on Twitter</a>";

---

如果您正在使用WordPress，最好的方法是创建一个短代码，因为它可以使用WordPress的本地功能：

function tweet_this($atts, $content = null)
{
    extract(shortcode_atts(array(
        "text" => ''
    ), $atts));
    return "<a href='https://twitter.com/intent/tweet?text=".urlencode( $text." - ".get_the_title()." - ".get_permalink() )."'>Share on Twitter</a>";
}
add_shortcode( 'tweet_this', 'tweet_this' );

（注意：上面的代码只是一个引导，您可以扩展它并进行测试）

用法：

[tweet_this text="my custom text with #hashtag and @Mention"]

- Marco Panichi