loading

It is important nowadays to allow your user to sign into your website with their social network account, it provides better experience for your user and also lets you obtain more information about your user. The most welcomed social platforms are Facebook, Twitter, LinkedIn and Google. In this article we will cover how to integrate LinkedIn social login authentication into your website. You can view an sample login button integrattion and some features you can access after setting the login using LinkedIn button up here.

Step 1: Create a LinkedIn App

Creating an app for the social platform is always the first step no matter which platform you are working with in this case the created app will service the LinkedIn social login. Basically you are creating a gate to let your user go through this gate and access the service, and in this gate you can specify the permissions and the preferences you want to grant to your user. You can refer to the instructions here for clear instructions on how to create a LinkedIn social login app.

Step 2: Set Your App

After creating the app, you need to set the “JavaScript API domain” field of your app. In the field, fill in your website URL, I will use http://localhost for this article.

Step 3: Implement the Script in Your Html File

Now you are ready to code! First put this JavaScript code snippet inside your head tag:

<script type="text/javascript"sr="a href"http://platform.linkedin.com/in.js"></a>
api_key: your_api_key_goes_here
</script

You can find your API key inside your application, the first entry under OAuth Keys “Consumer Key / API Key “. This script is used to load the LinkedIn script into your website, and it will not display anything on your page, at least not the front-end.

Next you will need to add another script inside your body tag, it is used to actually display the sign in button.

<script type="in/Login">
Hello, <?js firstName ?> <?js=lastName ?>.
</script>

If everything has been done correctly, load your page and you will see a lovely LinkedIn button appear on your site.

Want to extend your social systems with additional provider functionality check out this post on Twitter social login.

<a href="http://yeslinker.com/media_network/" rel="nofollow">join yeslinker.com social media network to grow your business,knowledge,experience,ideas,chat with friends,message to business holder users &amp; much more..</a>

About This Instructable

1,250views

1favorite

License:

More by KarlWittig:How to Implement Facebook Social Login Integrating LinkedIn Social Login Implement Login with Twitter Button 
Add instructable to: