关于如何在我的网站中嵌入推特按钮,我一直在遵循推特的官方说明,但它不起作用。他们的按钮就是没有出现。
我的浏览器中没有安装任何类型的广告拦截程序,所以我知道这不是问题所在。
这是我的代码:
<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。