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>

请注意,我最初将<script async src= ... >代码放在HTML文件的<head>部分,但这也不起作用。

接下来,我手动下载了他们的一个Tweet按钮,并试图在<a href=" ..."标签后面强行将其硬编码到文档中,如下所示:

<a href="https://twitter.com/intent/tweet?text=Very%20Cool%20Indeed&ref_src=twsrc%5Etfw"  class="twitter-mention-button" data-show-count="false">
<img src="/images/TweetButton-93x30.png" width="93" height="30" />
Tweet about this moment!
</a>

但即便如此也无济于事。无论我做什么,按钮都不会出现。

这是怎么回事?关于如何解决这个问题有什么想法吗?

试试这个

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

我可以使用以下代码获得推特按钮:

<!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。

最新更新