Html Twitter嵌入的按钮只是显示为链接

Html Twitter嵌入的按钮只是显示为链接,html,twitter,embed,Html,Twitter,Embed,出于某种原因,Twitter按钮在我的网站上不起作用 follow按钮和tweet按钮均未正确显示。相反,它们只是显示为标准的a href链接 下面是一个例子: 我可以清楚地看到,该类已被引用: 这是Tweet按钮的代码,在页面源代码中也有清楚的显示: 什么都试过了 您可以使用以下代码: <a href="https://twitter.com/RobMayzes" class="twitter-follow-button" data-show-count="false">

出于某种原因,Twitter按钮在我的网站上不起作用

follow按钮和tweet按钮均未正确显示。相反,它们只是显示为标准的a href链接

下面是一个例子:

我可以清楚地看到,该类已被引用:


这是Tweet按钮的代码,在页面源代码中也有清楚的显示:



什么都试过了

您可以使用以下代码:

<a href="https://twitter.com/RobMayzes" class="twitter-follow-button" data-show-count="false">Follow @RobMayzes</a>

<a class="twitter-share-button" href="https://twitter.com/intent/tweet">Tweet</a>

<script>
    ! function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0],
            p = /^http:/.test(d.location) ? 'http' : 'https';
        if (!d.getElementById(id)) {
            js = d.createElement(s);
            js.id = id;
            js.src = p + '://platform.twitter.com/widgets.js';
            fjs.parentNode.insertBefore(js, fjs);
        }
    }(document, 'script', 'twitter-wjs');
</script>

! 功能(d、s、id){
var js,fjs=d.getElementsByTagName[0],
p=/^http:/.test(d.location)?'http':'https';
如果(!d.getElementById(id)){
js=d.createElement;
js.id=id;
js.src=p+'://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js,fjs);
}
}(文档“脚本”、“twitter wjs”);
必须使用上述脚本才能显示正确的按钮

这是小提琴:


您需要twitter提供的
脚本
代码来创建按钮。检查下面我的答案。