Social Login Javascript API Complete Code

 <script>
   //<![CDATA[

   // load the Social-ID Javascript API
   (function(){
     if (typeof(window.socialid) !== "object") window.socialid = {};
     socialid.onLoad = function() {
       showLoginWidget();
       customLoginButtons();
       eventHandlers();
     };
     var e = document.createElement('script');
     e.type = 'text/javascript';
     e.id = 'socialid_api_script';
     if (document.location.protocol === 'https:') {
       e.src = 'https://app.socialidnow.com/assets/api/socialid.js';
     } else {
       e.src = 'http://app.socialidnow.com/assets/api/socialid.js';
     }
     var s = document.getElementsByTagName('script')[0];
     s.parentNode.insertBefore(e, s);
   })();

   // render the login widget
   function showLoginWidget() {
     socialid.login.init(36, {loginType: "event"});
     socialid.login.renderLoginWidget("socialid_login_container", {
       theme: "bricks", 
       providers: ["facebook", "gplus", "twitter", "linkedin"],
       language: "pt_br",
       showSocialIdLink: true,
       loadCss: true
     });
   }

   // start login for custom buttons
   function customLoginButtons() {
     // start login process when user clicks on facebook button
     facebook_button = document.getElementById("facebook_login");
     facebook_button.onclick = function() {
       socialid.login.startLogin("facebook");
     };
     // start login process when user clicks on twitter and linkedin button
     socialid.login.startLoginClick("twitter_login", "twitter");
     socialid.login.startLoginClick("linkedin_login", "linkedin");
     socialid.login.startLoginClick("gplus_login", "gplus");
   }

   // add event handlers
   function eventHandlers() {
     socialid.events.onLoginSuccess.addHandler(function(data) {
       console.log("Website received onLoginSuccess: ", data);
     });
     socialid.events.onLoginCancel.addHandler(function(data) {
       console.log("Website received onLoginCancel: ", data);
     });
     socialid.events.onLoginError.addHandler(function(data) {
       console.log("Website received onLoginError: ", data);
     });
     socialid.events.onLoginStart.addHandler(function(data) {
       console.log("Website received onLoginStart: ", data);
     });
   }

   //]]>
 </script>