loginradiusloginradius Blog

Integrating LinkedIn Social Login on a Website

It is important nowadays to allow your user to sign in to your website with their social network account. It provides a better experience for your user and also…

It is important nowadays to allow your user to sign in to your website with their social network account. It provides a 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.

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.

Set your App

After creating the app, you need to set the "JavaScript API domain" field for your app.  In that field, fill in your website URL. Here we have used http://localhost for this article.

luciusblog2-1

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" src="http://platform.linkedin.com/in.js">
api_key: your_api_key_goes_here
-->

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 frontend.

luciusblog2-2

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

<!--
Hello, ; .
-->

If everything has been implemented correctly, load your page, and you will see this lovely button appear on your site.

luciusblog2-3

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

Lucius Yu

Written by Lucius Yu

Lucius is a Software Developer at LoginRadius. He was born and raised in China, but came to Edmonton to graduate from the University of Alberta, double majoring in Computer Sciences and Mathematics. Besides coding, which is his real passion, he enjoys playing ping pong and swimming.

0

LoginRadius CIAM Platform

Our Product Experts will show you the power of the LoginRadius CIAM platform, discuss use-cases, and prove out ROI for your business.

Book A Demo Today