Home > linkedin > Add LinkedIn Sign In button through Javascript API

Add LinkedIn Sign In button through Javascript API

Before integrating with Linkedin javascript API we need to register our application with Linkedin.

To do this go to  https://www.linkedin.com/secure/developer, in the Javascript domains add your application URL, localhost is accepted

Below code will describes how to add linkedin sign in button to your application.

Sample JSP file:


<!-- 1. Include the LinkedIn JavaScript API and define a onLoad callback function -->



api_key: your_api_key

scope: r_network,r_emailaddress,r_fullprofile,r_basicprofile,r_contactinfo







<!-- need to be logged in to use Search; if not, offer a login button -->





That’s it, linkedin sign in button will appear in your page, if you click on it based on the scope it will ask your permissions.

For searching people from your application , we have to use Linkedin People Search API

To use linkedin search API, i have developed small program. It will ask for first name and last name, based on the given data it will search in linked in and prints the result in UI.








LinkedIn JavaScript API Hello World



<!-- 1. Include the LinkedIn JavaScript API and define a onLoad callback function -->



api_key: your_api_key

scope: r_network,r_emailaddress,r_fullprofile,r_basicprofile,r_contactinfo





function searchClick() {

alert($("#firstNameId").val()+":"+$("#lastNameId").val());

if (!IN.ENV.auth.oauth_token) {

alert("You must login w/ LinkedIn to use the Search functionality!");

return;

}

IN.API.PeopleSearch()

.fields("id", "firstName", "lastName","emailAddress","headline","industry","pictureUrl","positions",

"summary","numConnections")

.params({

"first-name": $("#firstNameId").val(),

"last-name": $("#lastNameId").val(),

"count":25

})

.result(function(result, metadata) {

setSearchResults(result.people.values);

});

}

function setSearchResults(values) {

var table = $("#resulttable");

table.append('
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Head Line</th>
<th>Industry</th>
<th>Picture</th>
<th>No Of Connections</th>
<th>Summary</th>
<th>Positions</th>
</tr>
');

for (i in values) {

try{

var person = values[i];

var positionsStr = "
<ul>";

for(i in person.positions.values){

positionsStr+="
	<li>"+person.positions.values[i].company.name+"</li>
";

}

console.log(positionsStr);

table.append('
<tr>
<td>'+

person.firstName+'</td>
<td>'+

person.lastName+'</td>
<td>'+

person.headline+'</td>
<td>'+

person.industry+'</td>
<td><img src="'+

person.pictureUrl+'" /></td>
<td>'+

person.numConnections+'</td>
<td>'+

person.summary+'</td>
<td>'+

positionsStr+'</ul>
</td>
</tr>
')

}catch(err){alert(err);}

}

}







<!-- need to be logged in to use Search; if not, offer a login button -->
<div align="right">

</div>
Basic test of the People Search API via Connect.

First Name: 
Last Name: 



<table id="resulttable"></table>




Thats it, for further info regarding Linkedin API http://api.linkedin.com/

Categories: linkedin
  1. August 12, 2013 at 5:48 pm

    I have given the domain name as http://localhost ..but its displaying the login button

  2. August 13, 2013 at 10:26 am

    My project is in E:drive ..should i give the path name of it..or project name is enough?

    • rameshcharykotha
      August 13, 2013 at 9:32 pm

      When you run the application, You can see the URL in browser. Please give that.
      Usually it will be your project name.

  3. August 14, 2013 at 10:21 am

    thanks fa ur reply..i jus need a guidance from u..???will u pls help me..??? i have given the my domain name as.. http://domainname.in..but am not getting the login button..should i upload the js file separately in server .?? can u guess wat will be the error??

  4. August 14, 2013 at 11:05 am

    http://www.iexemplar.com/website/Dev/linkedin.html …this s my domain name..pls help me to get the login button

  5. August 14, 2013 at 12:17 pm

    Thanks a lot..my code is working well..

    • December 5, 2015 at 3:41 pm

      I have same problem as you have in starting , please help me to resolve this problem as you said that now your code is working fine (problem: I can’t see login button)

  6. August 16, 2014 at 3:33 am

    Nice post. I learn something new and challenging on blogs I stumbleupon on a daily
    basis. It will always be helpful to read content from other
    authors and use something from other web sites.

  7. August 24, 2014 at 8:13 am

    I like the helpful information you supply for your articles.
    I’ll bookmark your weblog and test again here frequently.
    I’m rather certain I will be informed many new stuff right right here!
    Good luck for the following!

  8. August 25, 2014 at 7:41 am

    This article gives clear idea designed for the new users of blogging, that actually how to do blogging and site-building.

  9. August 26, 2014 at 7:14 am

    Thanks for finally writing about >How to use LinkedIn Javascript API
    | java2practice <Loved it!

  10. pooja
    November 7, 2016 at 12:14 pm

    You must specify a valid JavaScript API Domain as part of this key’s configuration.

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: