Php 点击链接而不是自动加载时启动Facebook Livechat？

FB几个月前发布了Livechat API。添加以下编码后，右下角将弹出一个小图标

window.fbAsyninit=函数（）{
FB.init({
appId:'您的应用程序id'，
自动假肢：对，
xfbml：是的，
版本：“v2.11”
});
};
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））{return；}
js=d.createElement；js.id=id；
js.src=”https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

这意味着，当访问者访问网站时，它将自动加载

我的问题是，是否可以单击链接打开此实时聊天，而不是自动加载？

<a href="#">Click here to start FB livechat!</a>   // something like this

//类似这样的东西

将FB.init包装在按钮单击事件中。这样，在您单击其他内容之前，它不会初始化chat元素

普通javascript方法：

<script>
  var narf = function() {
    FB.init({
      appId            : 'your-app-id',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.11'
    });
  };
  (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.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-customerchat" page_id="PAGE_ID"></div>
<button onclick="narf();">Start Chat</button>

var narf=函数（）{
FB.init({
appId:'您的应用程序id'，
自动假肢：对，
xfbml：是的，
版本：“v2.11”
});
};
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））{return；}
js=d.createElement；js.id=id；
js.src=”https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
开始聊天

jQuery方法：

<script>
  $(function() {
      $("#openchat").click(function(){
          FB.init({
              appId            : 'your-app-id',
              autoLogAppEvents : true,
              xfbml            : true,
              version          : 'v2.11'
          });
      });
  });
  (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.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-customerchat" page_id="PAGE_ID"></div>
<button id="openchat">Start Chat</button>

$（函数（）{
$（“#openchat”）。单击（函数（）{
FB.init({
appId:'您的应用程序id'，
自动假肢：对，
xfbml：是的，
版本：“v2.11”
});
});
});
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））{return；}
js=d.createElement；js.id=id；
js.src=”https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
开始聊天

标准javascript中的延迟方法（如CBroe所述）：

var narf=函数（）{
parse（document.getElementById（'chat-wrapper'）；
};
window.fbAsyninit=函数（）{
FB.init({
appId:'您的应用程序id'，
自动假肢：对，
xfbml:false，
版本：“v2.11”
});
};
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））{return；}
js=d.createElement；js.id=id；
js.src=”https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；
开始聊天

您也可以像以前一样同时初始化它，但是使用

xfbml:false

，然后稍后调用

FB.xfbml.parse（）

。如果页面上可能同时有其他社交插件，比如button maybe，那么这会很有帮助-通过将DOM元素传递给

parse

，可以使它只查看特定的DOM子树。

<script>
  $(function() {
      $("#openchat").click(function(){
          FB.init({
              appId            : 'your-app-id',
              autoLogAppEvents : true,
              xfbml            : true,
              version          : 'v2.11'
          });
      });
  });
  (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.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-customerchat" page_id="PAGE_ID"></div>
<button id="openchat">Start Chat</button>

<script>
  var narf = function() {
      FB.XFBML.parse(document.getElementById('chat-wrapper'));
  };
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      autoLogAppEvents : true,
      xfbml            : false,
      version          : 'v2.11'
    });
  };
  (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.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<div id="chat-wrapper">
    <div class="fb-customerchat" page_id="PAGE_ID"></div>
</div>
<button onclick="narf();">Start Chat</button>