添加Facebook共享按钮不显示

时间:2014-03-01 19:23:13

标签: javascript facebook html5 asp.net-mvc-4 facebook-javascript-sdk

所以我查看了here找到的facebook文档,但我的分享按钮仍未显示。

我直接在我的_layout.cshtml页面的body标签下添加了这个:

<div id="fb-root"></div>
script
    window.fbAsyncInit = function () {
        FB.init({
            appId: 'xxxxxxxxxxxxxxxx',
            status: true,
            xfbml: true
        });
    };

    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) { return; }
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
script

(为了让代码块显示在SO上,我删除了小于/大于脚本标记周围的内容)

我将此添加到我的主页以进行测试:

<div class="fb-share-button" data-href="http://myurl.com" data-width="50px" data-type="button_count">Share</div>

我必须在div元素的文本中添加“看”“共享”文本。

我哪里错了?我想添加facebook小部件会提供facebook图像/图标和分享计数,我错了吗?

1 个答案:

答案 0 :(得分:6)

呃,愚蠢的AdBlocker / Avast反病毒软件......