Facebook客户javascript聊天显示仅单击按钮

我将facebook客户聊天集成到我的网站。我只想在访问者点击按钮后显示它。单击后，将显示messenger图标和对话框。这是我的代码，但它不工作。怎么了

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

        (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/hu_HU/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="100956841486197" theme_color="#EE0000" logged_in_greeting="Hello! Ez itt a DebrecENNI Bevásárlás messenger chat. Segíthetünk valamiben?" logged_out_greeting="Hello! Ez itt a DebrecENNI Bevásárlás messenger chat. Segíthetünk valamiben?"></div>

<script>
$(".fb-message-blue").click(function(){
      FB.CustomerChat.show();
      FB.CustomerChat.showDialog();
});
</script>

window.fbAsyninit=函数（）{
FB.init({
xfbml：是的，
版本：“v6.0”
});
FB.CustomerChat.hide（）；
FB.CustomerChat.hideDialog（）；
};
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=https://connect.facebook.net/hu_HU/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
$（“.fb消息蓝色”）。单击（函数（）{
FB.CustomerChat.show（）；
FB.CustomerChat.showDialog（）；
});

“怎么了？”-首先，这将是“它不工作”作为问题描述。请阅读，然后编辑您的问题，并添加一个适当的问题。“出了什么问题？”-首先，这将是“它不起作用”作为问题描述。请阅读，然后编辑您的问题，并添加一个适当的问题。