Html Twitter共享按钮未显示在网站中_Html_Twitter

Html Twitter共享按钮未显示在网站中

html twitter

Html Twitter共享按钮未显示在网站中,html,twitter,Html,Twitter,我一直在遵循Twitter的官方指示，如何在我的网站中嵌入一个推特按钮——但它不起作用。他们的按钮没有显示出来我的浏览器中没有安装任何类型的广告拦截器，所以我知道这不是问题所在这是我的密码： <div id="congratsDIV"> <h2 style="color: blue;">Congratulations!</h2> <br/> <br/>

我一直在遵循Twitter的官方指示，如何在我的网站中嵌入一个推特按钮——但它不起作用。他们的按钮没有显示出来

我的浏览器中没有安装任何类型的广告拦截器，所以我知道这不是问题所在

这是我的密码：

<div id="congratsDIV">
    
    <h2 style="color: blue;">Congratulations!</h2>
    <br/>
    <br/>
    Tell the World!
    <br/>

    <a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=This%20is%20awesome" data-size="large">Tweet this!</a>

    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

    <br/>
</div>

…但即使这样也不行。无论我做什么，按钮都不会出现

这是怎么回事？

关于如何解决这个问题有什么想法吗？

我可以使用以下代码获得一个Tweet按钮：

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=Hello%20world" data-size="large">Tweet</a>


<script>window.twttr = (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0],
    t = window.twttr || {};
  if (d.getElementById(id)) return t;
  js = d.createElement(s);
  js.id = id;
  js.src = "https://platform.twitter.com/widgets.js";
  fjs.parentNode.insertBefore(js, fjs);

  t._e = [];
  t.ready = function(f) {
    t._e.push(f);
  };

  return t;
}(document, "script", "twitter-wjs"));
</script>

</body>
</html>

仅仅通过链接创建按钮是不够的，所以我可以从中获取他们的javascript。

试试这个

<script type="text/javascript" async src="//platform.twitter.com/widgets.js"></script>

我不确定我是否理解：你是说从标记的src属性中去掉https://吗？只需将src属性以//platform.twitter.com/开头，而不使用https://？因为它不起作用。我刚试过，没用，我已经试过了。我忘了在我最初的问题中提到它，但我的想法与你完全相同：将他们的小部件代码直接复制粘贴到我的html页面中，看看这样做是否可行。仍然不起作用：没有按钮，完全空白。这真的毫无意义。一定有什么东西挡住了按钮或密码…嗯。。。我不太确定发生了什么事。我还复制了您的原始代码，并为我显示了一个按钮。

<script type="text/javascript" async src="//platform.twitter.com/widgets.js"></script>