Question

我的工作代码正确地将Tweet按钮放在页面上，并允许用户预览推文然后提交它：

<a href="https://twitter.com/share" class="twitter-share-button" 
    data-text="Check out this URL! "
    data-url="www.OurSite.com/UX1ab7"
    data-via="OurSite" data-size="large" data-count="none">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>

如果您还记得（例如，查看您自己的推文），您可以在推文中粘贴一个功能正常的链接 - 您的Twitter粉丝之一在阅读您的推文后会注意到

   'hey, I see an embedded URL here in this tweet -- I can tell it's a link 
    because it looks like a URL and its text color is a different color from 
    the other text in the tweet.  Here let me click on that url in the tweet
    and -- HEY it works, that blue-colored text IS a link, I just jumped to www.xyx.com.'

我的印象是，在上面的代码中，'data-url'设置应该会在推文的正文中显示一个可见的，特殊颜色的链接网址。嗯，这不是我的情况。

在上面的代码中，data-url =“www.OurSite.com/UX1ab7”甚至在Tweet中都不可见。并将“数据文本”更改为

   data-text="Check out this URL! www.OurSite.com/UX1ab7"

上面代码生成的推文是：查看此网址！ www.OurSite.com/UX1ab7

但即使'www.OurSite.com/UX1ab7'网址出现在推文中 - 它也不是链接，只是文字和与推文的其余部分具有相同的文本颜色。

上面推文中的www.OurSite.com/UX1ab7文字不是

看起来像一个可点击的链接
就像一个可点击的链接

这只是文字。

如何通过推文按钮显示推文按钮以显示可点击的URL链接？我认为'data-url'会使链接可见且可点击，但事实并非如此。

Answer 1

当您发推文时，它是来自特定页面吗？即博客文章或信息文章？如果是这样，我相信您可以退出data-url选项，它应该从地址栏中提取URL。

这是我们用于推文的代码

<a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" data-size="large" data-count="none">Tweet</a>

这将下拉页面标题（您可以使用data-text标记定义）和您当前所在页面的网址，因此会为您提供类似

的内容

{{Title of Page or Title defined by data-text}} 
{{http://oursite.com/url_of_page_i_am_on}}

Answer 2

这可能是因为您所分享的链接无法供公众访问。它不适用于本地/开发域。

编辑：

校正。它不适合我，因为我使用的是相对网址（'/ blog'而不是'https://mysite.com/blog'）。

使用推文按钮 - 链接根本不会出现在推文文本中

2 个答案: