Question

我正在尝试使用社交插件添加一个Facebook评论框到一个应用程序，该应用程序将在Facebook内作为Facebook应用程序运行。

当我通过其网址查看应用程序时，它工作正常但是当我在开发Facebook应用程序中查看应用程序时，评论插件无法加载。有谁知道这是否可行或是否需要任何其他设置。

我已尝试将data-href设置为应用程序所在的网址，并且facebook应用程序的网址似乎都无法正常工作

<div class="fb-comments" data-href="[MYDOMAIN]” data-num-posts="30" data-width="470"></div>

代码只是来自fb js sdk的标准片段

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '[MYAPPID], // App ID
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });
    FB.Canvas.setAutoGrow();
    // Additional initialization code here
  };

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

Answer 1

尝试提供频道文件和channelUrl。

来自Facebook JavaScript SDK documentation： “...包含跨框架通信代码的页面可能导致社交插件在没有channelUrl的情况下显示为空白...”

FB.init({
    appId      : 'YOUR_APP_ID', // App ID
    channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
    status     : true, // check login status
    cookie     : true, // enable cookies to allow the server to access the session
    xfbml      : true  // parse XFBML
});

在Facebook应用程序中使用Facebook评论

1 个答案: