Question

出于某种原因，Twitter按钮不能在我的网站上运行。

跟随按钮或推文按钮都没有正确显示。相反，他们只是将href链接显示为标准。

以下是一个例子：

http://www.homestudiocenter.com/twitter-follow-test/

我可以清楚地看到该课程已被引用：

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

这是Tweet按钮的代码，它也清楚地显示在页面源中：

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

尝试了一切！

Answer 1

您可以改为使用此代码：

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

上述脚本必须显示正确的按钮。

这是小提琴：

https://jsfiddle.net/tusharkhatiwada/cxakLpaw/

Twitter嵌入式按钮只显示为链接

1 个答案: