推文按钮不出现答案

【问题标题】：tweet button doesn't appear推文按钮不出现
【发布时间】：2012-02-22 02:15:56
【问题描述】：

我正在尝试向 html 页面添加推文按钮，我使用来自推特按钮生成器的官方代码， http://twitter.com/about/resources/buttons#tweet

当我在 chrome 和 Firefox 上测试页面时，按钮没有出现，只有带下划线的文字显示：“Tweet”

这里是代码：

  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  </head>
  <body>
  <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.3eesho.com/magazine/index.html" data-text="issue2 now" data-via="3eesho" data-hashtags="ipad,health,arabicmagazine">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>
  </body>
</html>

【问题讨论】：

使用该代码按预期工作
几天前我正在处理一个问题，一个官方推特按钮正在做一些时髦的事情，并将 iframes 放在其他奇怪的元素中来创建按钮。确保您没有任何可能会造成混乱的 CSS 规则，您的网站的现场演示会很酷...

标签： html button twitter

【解决方案1】：

我遇到了同样的问题，这让我发疯了，直到我将其范围缩小到可能被阻止的 cookie。我正在从 https://disconnect.me/ 运行一个名为“断开连接”的附加组件。一旦我禁用了这个插件并重新启动浏览器，Tweet 按钮就会再次开始工作。

因此，如果您使用该插件或任何其他插件来阻止 cookie 或阻止您被社交网站跟踪，如果您想看到推文按钮，则需要禁用它。

【讨论】：

【解决方案2】：

我刚刚注意到我重复了@jcaruso 的回复。

tl;dr;

尝试禁用广告拦截扩展程序。对我来说，问题是由disconnect.me 扩展引起的。

我是怎么发现的？我注意到在 chrome 开发控制台中，对 twitter 的加载 widgets.js 的请求获得了 307 重定向到 about:blank。

感谢that 的回答，我发现这是由其中一个扩展引起的。禁用 disconnect.me 扩展可以解决我和其他页面上的 twitter 和 facebook 按钮的问题。

【讨论】：

【解决方案3】：

对我来说，导致问题的是 Chrome 扩展 AdBlock。

感谢其他人为我指明正确的方向！

【讨论】：

【解决方案4】：

您的代码很好。如果您看不到该按钮，则表示您无权访问 twitter.com。

确保您可以通过浏览器正常访问 twitter.com，并且您的公司、防火墙、家长控制等没有以任何方式阻止或干扰访问。

【讨论】：

我可以正常打开推特，也可以发推文。
问题出在这部分“//platform.twitter.com/widgets.js”我添加了https:我不知道为什么这会有所作为！但是按钮现在可以使用了！谢谢大家！
@lama +1 感谢您的回复和更新您的解决方案的责任 :)

【解决方案5】：

查看您的代码在运行here 我刚刚测试过，它在 Firefox、Chrome 和 IE 中运行良好。

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  </head>
  <body>
  <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.3eesho.com/magazine/index.html" data-text="issue2 now" data-via="3eesho" data-hashtags="ipad,health,arabicmagazine">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>
  </body>
</html>

查看下面的屏幕截图，您的代码在 IE 8、Firefox 9、Chrome 16 中的性能。它按预期工作。

【讨论】：

谢谢 Bala.C，我想在本地 html 页面中使用它来将其插入 ipad 应用程序，但首先我必须使其在页面中工作，
谢谢，是的，当我在 html 实时编辑器中测试代码时，它工作正常，但是当我在浏览器中打开 html 页面时，我看不到它！我只看到文字“tweet”
@lama 查看上面的截图，正如我之前所说，即使在浏览器中也能正常工作。如果它不适合您，则可能有一些 CSS 冲突或您的浏览器设置有问题。