Facebook 客户聊天插件不起作用

Posted

技术标签:

【中文标题】Facebook 客户聊天插件不起作用【英文标题】:Facebook Customer Chat Plugin not working 【发布时间】:2019-01-22 14:26:46 【问题描述】:

聊天插件不起作用,在网站上正确安装了所有内容,但聊天没有出现在网站上。我检查了控制台 - 有与 SDK 的连接,可能是什么问题?

<div id="fb-root"></div>
<script>(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 = 'https://connect.facebook.net/ru_RU/sdk/xfbml.customerchat.js';
  fjs.parentNode.insertBefore(js, fjs);
(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-customerchat"
  page_id="184854859536XXXX">
</div>

【问题讨论】:

您已经阅读了插件文档中的故障排除提示? @misorude 是的,我检查了提示。我的网站link &lt;div id="fb-root"&gt;&lt;/div&gt; 应该进入文档的正文,而不是头部。 刚刚做了,什么也没发生 你能解决 Sasha 的问题吗? 【参考方案1】:
<script>
  window.fbAsyncInit = function() 
    FB.init(
      appId            : 'facebook-developer-app-id',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v3.2'
    );
  ;
(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 = "https://connect.facebook.net/ru_RU/sdk/xfbml.customerchat.js";
     fjs.parentNode.insertBefore(js, fjs);
   (document, 'script', 'facebook-jssdk'));
</script>

<!-- Your customer chat code -->
<div class="fb-customerchat"
  attribution=setup_tool
  page_id="YOUR ID"
  logged_in_greeting="Hello. How we can help you?"
  logged_out_greeting="Hello. How we can help you?">
</div>

【讨论】:

试过这个,创建了一个应用程序并使用了它的 ID。使用了您的其余代码,但没有运气。 您必须将域列入白名单或将其公开。通常必须添加一个开发服务器域。像 myapp.test。还要检查任何 addblocker 甚至是 firefox 自己的拦截器。 facebook 立即被他们中的大多数人屏蔽了。

以上是关于Facebook 客户聊天插件不起作用的主要内容,如果未能解决你的问题,请参考以下文章

Facebook页面插件不起作用

客户端验证 jquery 插件不起作用

Facebook 评论框在 iPhone / Safari 中不起作用

Ejabberd集群聊天不起作用

Facebook REST API Like/UnLike 任何帖子都不起作用

从侧面菜单推送 ViewController 不起作用