在页面加载时隐藏 facebook 客户聊天插件的问候对话框

Question

我一直试图在初始页面加载时隐藏客户聊天插件的问候对话框。 以下是不起作用的事情：

• greeting_dialog_display 属性
• greeting_dialog_delay 属性

这很奇怪，因为 theme_color 和 logging_in_greeting 等其他属性似乎运行良好。

我正在使用 fbAsyncInit 函数来确保在插件初始化后运行代码。 我用它来订阅诸如 customerchat.show、customerchat.load 等事件，然后隐藏对话框，但这也不起作用。

还尝试将 xfbml 设置为 false，然后将其解析为使用 FB.CustomerChat.show(shouldShowDialog: boolean) 和 false 但无济于事。

这是代码：

    <!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      xfbml            : true,
      version          : 'v3.2'
    });

    $(document).trigger('fbload');
  };

  (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/en_US/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="123456789"
  greeting_dialog_display="fade"
  greeting_dialog_delay="10"
  theme_color="#ff7e29">
</div>
<script>
    $(function() {
        $(document).on('fbload', function() {
            console.log('fb loaded!');
        });
    });
</script>

Answer 1

你应该改变：

<div class="fb-customerchat"
  attribution=setup_tool
  page_id="123456789"
  greeting_dialog_display="fade"
  greeting_dialog_delay="10"
  theme_color="#ff7e29">
</div>

到：

<div class="fb-customerchat" attribution=setup_tool page_id="123456789" greeting_dialog_display="fade" greeting_dialog_delay="10" theme_color="#ff7e29"></div>

在一行中制作 div 标签。 这个对我有用

Answer 2

我有同样的问题。 我做错的是我把我的 HTML 放在脚本上面，因为我需要把它放在某个地方，所以我把所有的脚本放在页面的底部，信使的 HTML 放在我的页面的中心。 所以试着把脚本放在它上面。

<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId            : 'MY_APP_ID',
            autoLogAppEvents : true,
            xfbml            : true,
            version          : 'v2.12'
        });
    };

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

</script>
<div class="supportTeam">
    <div class="trigger"></div>
    <div class="messenger">
        <div class="fb-customerchat"
             page_id="YOUR_PAGE_ID"
             theme_color="#0084ff"
             greeting_dialog_display="hide"
             logged_in_greeting="Welcome, How we may help you"
             logged_out_greeting="Welcome, How we may help you">
        </div>
    </div>
</div>

如果这没有帮助，请尝试获取最新版本的 SDK，或检查控制台。 如果出现问题，他们会给你错误。

Answer 3

当设置为隐藏时， greeting_dialog_display 属性正在工作。 单击 Messenger 图标时，该对话框将保持打开状态，因为除非您登录 Messenger，否则无法关闭。