0

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

<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"

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

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

上面推文中的 www.OurSite.com/UX1ab7 文本没有

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

  • 就像一个可点击的链接

这只是文字。

如何让 Tweet 按钮显示带有 Tweet 按钮的可点击 URL 链接？我认为'data-url'会使链接可见且可点击，但事实并非如此。

4

2 回答 2

2

当你发推文时，它来自特定页面吗？即博客文章或信息文章？如果是这样，我相信您可以忽略该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}}
于 2012-03-12T13:27:42.167 回答
0

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

编辑：

更正。它对我不起作用，因为我使用的是相对 URL（'/blog' 而不是' https://mysite.com/blog '）。

于 2014-06-11T16:46:56.160 回答