Facebook评论框在网站上的节制不起作用

时间:2015-09-08 06:23:11

标签: javascript html angularjs facebook facebook-graph-api

我在我的网站上添加了fb评论框http://www.ajinkyaxjs.com/learn.io/frontend-development-course.html 在页脚。 可见,但我无法控制它。

在评论排队面板 https://developers.facebook.com/tools/comments

中可见

请注意,我使用Angularjs异步加载评论框,这将是一个问题。如果是这样的话,你如何明确加载facebook SDK。

我的代码中有以下内容: HEAD

<meta property="fb:app_id" content="245629822267100" />
<meta property="og:url" content="http://www.ajinkyaxjs.com/learn.io/frontend-development-course.html" />
<meta property="og:type" content="website" >

并且comments.html加载了ng-include

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

    (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/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-comments" data-href="http://www.ajinkyaxjs.com/learn.io/frontend-development-course.html" data-numposts="5"></div>

并且fb调试一直说“og:type”缺失,而我已经添加了它。 https://developers.facebook.com/tools/debug/

1 个答案:

答案 0 :(得分:0)

主要的index.html页面上的

我不得不添加适当的og元标记,虽然Facebook评论在某个不同的页面上。