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

Question

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

<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”设置应该使一个可见的、特殊颜色的链接 URL 出现在推文正文中。嗯，就我而言，情况并非如此。

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

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

上面的代码生成的推文是:查看此 URL! www.OurSite.com/UX1ab7

但即使“www.OurSite.com/UX1ab7”URL 出现在推文中 - 它不是链接，只是文本，并且 与推文的其余部分具有相同的文本颜色。

上面推文中的 www.OurSite.com/UX1ab7 文本不存在

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

• 充当可点击的链接

这只是文字。

如何让 Tweet 按钮显示带有 Tweet 按钮的可点击 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标签定义)和当前所在页面的URL，因此会给您类似的内容

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