Social Login Javascript API Complete Code
From Social ID Developers
(Difference between revisions)
Renato.neves (Talk | contribs) |
Dirceu.tiegs (Talk | contribs) m |
||
(6 intermediate revisions by one user not shown) | |||
Line 14: | Line 14: | ||
e.id = 'socialid_api_script'; | e.id = 'socialid_api_script'; | ||
if (document.location.protocol === 'https:') { | if (document.location.protocol === 'https:') { | ||
− | e.src = 'https:// | + | e.src = 'https://app.socialidnow.com/assets/api/socialid.js'; |
} else { | } else { | ||
− | e.src = 'http:// | + | e.src = 'http://app.socialidnow.com/assets/api/socialid.js'; |
} | } | ||
var s = document.getElementsByTagName('script')[0]; | var s = document.getElementsByTagName('script')[0]; | ||
Line 24: | Line 24: | ||
// render the login widget | // render the login widget | ||
function showLoginWidget() { | function showLoginWidget() { | ||
− | socialid.login.init( | + | socialid.login.init(36, {loginType: "event"}); |
socialid.login.renderLoginWidget("socialid_login_container", { | socialid.login.renderLoginWidget("socialid_login_container", { | ||
theme: "bricks", | theme: "bricks", | ||
− | providers: ["facebook", "twitter", "linkedin"], | + | providers: ["facebook", "gplus", "twitter", "linkedin"], |
language: "pt_br", | language: "pt_br", | ||
showSocialIdLink: true, | showSocialIdLink: true, | ||
− | loadCss: true | + | loadCss: true |
}); | }); | ||
} | } | ||
Line 44: | Line 44: | ||
socialid.login.startLoginClick("twitter_login", "twitter"); | socialid.login.startLoginClick("twitter_login", "twitter"); | ||
socialid.login.startLoginClick("linkedin_login", "linkedin"); | socialid.login.startLoginClick("linkedin_login", "linkedin"); | ||
+ | socialid.login.startLoginClick("gplus_login", "gplus"); | ||
} | } | ||
// add event handlers | // add event handlers | ||
function eventHandlers() { | function eventHandlers() { | ||
− | |||
socialid.events.onLoginSuccess.addHandler(function(data) { | socialid.events.onLoginSuccess.addHandler(function(data) { | ||
console.log("Website received onLoginSuccess: ", data); | console.log("Website received onLoginSuccess: ", data); |
Latest revision as of 08:31, 4 August 2014
<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>