I have plugin that uses Facebook's Javascript SDK to display a Facebook's Customer Chat Plugin.

I've been getting feedback that it doesn't work well with other Wordpress plugins that load the Facebook Javascript SDK.

This is the code Facebook provides to use for my Facebook SDK plugin: Customer Chat for Facebook

  window.fbAsyncInit = function() {
      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'));

This is an example of a plugin that breaks mine: Simple Facebook Plugin

        var js, id = 'facebook-jssdk';
        if (d.getElementById(id)) {return;}
        js = d.createElement('script');
        js.id = id;
        js.async = true;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

How can protect my Facebook SDK plugin from any other Facebook SDK plugins that loaded before it AND not interfere with any plugins that load after it?

Live Example


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.