html - 推特按钮 : wrong count (too many)

Question

我在我的网站中使用此 TWEET BUTTON 代码(从 GWT 插入):

<a href=\"https://twitter.com/share\" class=\"twitter-share-button\"
data-url=\"http://www.example.com/#!v;id="+diagramId+"\" 
data-text=\""+diagramTitle+"\" data-via=\"example\">Tweet</a>

当我点击它时，结果是正确的。此推文已发布:

我的标题 http://www.example.com/#!v;id=r5sWfujKlSua通过@example

但是，按钮显示的数据计数有问题。我会说它正在计算 http://www.example.com 而不是 http://www.example.com/#!v;id=r5sWfujKlSua 的推文总数(应该是 0 和它的 79)。

有什么想法吗？谢谢

Answer 1

您需要使用 %23 对 # 符号进行 URL 编码。这类似于向推文消息添加散列标签，如本 discussion on dev.twitter.com 中所讨论。 ;请参阅 Ben Ward 的回复。

仅使用 HTML 和 javascript(无 GWT)，以下算作 example.com，因为 # 标记未在 data-counturl 属性中编码:

<a href="https://twitter.com/share" class="twitter-share-button"
    data-url="http://www.example.com/#!v;id=0" 
    data-counturl="http://www.example.com/#!v;id=0" data-via="example">Tweet</a>

当我将 data-counturl 属性中的 # 替换为 %23 时，我得到的数字为 0:

<a href="https://twitter.com/share" class="twitter-share-button" 
    data-url="http://www.example.com/#!v;id=0" 
    data-counturl="http://www.exmaple.com/%23!v;id=0 data-via="example">Tweet</a>