How to make a custom LinkedIn share button

share on linkedin html code
facebook share button
linkedin share api
linkedin share url with query string
instagram share button code in html
linkedin share javascript sdk
share webpage on linkedin
ios linkedin share example

I need to be able to add sharing functionality to my custom button. I'm not interested with their generator, as I can't change LinkedIn image there. I want to use my own image for the LinkedIn share button.

Official LinkedIn API for sharing:

https://developer.linkedin.com/docs/share-on-linkedin

Read Terms of Use!

Example link using "Customized URL" method: http://www.linkedin.com/shareArticle?mini=true&url=https://stackoverflow.com/questions/10713542/how-to-make-custom-linkedin-share-button/10737122&title=How%20to%20make%20custom%20linkedin%20share%20button&summary=some%20summary%20if%20you%20want&source=stackoverflow.com

You just need to open it in popup using JavaScript or load it to iframe. Simple and works - that's what I was looking for!

EDIT: Video attached to a post:

I checked that you can't really embed any video to LinkedIn post, the only option is to add the link to the page with video itself.

You can achieve it by putting YT link into url param:

https://www.linkedin.com/shareArticle?mini=true&url=https://www.youtube.com/watch?v=SBi92AOSW2E

If you specify summary and title then LinkedIn will stop pulling it from the video, e.g.:

https://www.linkedin.com/shareArticle?mini=true&summary=youtube&title=f1&url=https://www.youtube.com/watch?v=SBi92AOSW2E

It does work exactly the same with Vimeo, and probably will work for any website. Hope it will help.

EDIT 2: Pulling images to the post:

When you open above links you will see that LinkedIn loads some images along with the passed URL (and optionally title and summary).

LinkedIn does it automatically, and you can read about it here: https://developer.linkedin.com/docs/share-on-linkedin#opengraph

It's interesting though as it says:

If Open Graph tags are present, LinkedIn's crawler will not have to rely on it's own analysis to determine what content will be shared, which improves the likelihood that the information that is shared is exactly what you intended.

It tells me that even if Open Graph information is not attached, LinkedIn can pull this data based on its own analysis. And in case of YouTube it seems to be the case, as I couldn't find any Open Graph tags added to YouTube pages.

Adding a Custom Facebook Like or Share Button – Documentation, and a new dialog box will appear with two different scripts. How to Add a Custom LinkedIn Share Button to Your Website In order to place a custom designed LinkedIn share button on your website, you simply need two things. The first one is the correct HTML code for the button and the second one is the CSS style for the button. Custom LinkedIn Share Button HTML Code

You can make your own sharing button using the LinkedIn ShareArticle URL, which can have parameters:

https://www.linkedin.com/shareArticle?mini=true&url={articleUrl}&title={articleTitle}&summary={articleSummary}&source={articleSource}

You can find the documentation here, just choose "Customized URL" to see the details.

How Do I Update the LinkedIn Custom CTA Button for My Company , to store your changes. You can now visit your website to see it in action. 1. On a site that has the LinkedIn share button enabled, you’ll see the blue LinkedIn logo button pinned to the top of the article or floating down the left-hand side of your browser window; 2. Click the LinkedIn share button, choose whether to share as a post or in a private message, add your comments, and then click Post. It’s as simple as that.

As of April 2017, this is the current URL used for sharing:

https://www.linkedin.com/shareArticle?mini=true&url=http://developer.linkedin.com&title=LinkedIn%20Developer%20Network &summary=My%20favorite%20developer%20program&source=LinkedIn

How to Add Official LinkedIn Share Button in WordPress, on leading social media sites by creating custom share buttons. How to Create Custom Share Buttons for Facebook, Twitter and LinkedIn. Add the following HTML code, for example, to the "Service Buttons HTML code" box in Drupal Configuration > Web services > AddToAny > Buttons > Service Buttons. <a class="a2a_button_linkedin_share"></a> In WordPress, the LinkedIn Share button is available by clicking the "Add/Remove Services" button in Settings > AddToAny > Share Buttons.

The API is updated now and the previous API will be deprecated on 1st March, 2019.

To create a custom Share button for LinkedIn, you need to make POST calls now. You can read the updated documentation here for doing so.

Custom Share Button Code for Facebook, Twitter, LinkedIn , Add the following HTML code, for example, to the "Service Buttons HTML code" box in Drupal Configuration > Web services > AddToAny > Buttons > Service Buttons. In WordPress, the LinkedIn Share button is available by clicking the "Add/Remove Services" button in Settings > AddToAny > Share Buttons. You just have to use the LinkedIn script and the WordPress function. Use The LinkedIn Code Generator To Add The Share Button. If you don’t know, let me tell you that LinkedIn has many buttons to add to your website. And here you need the share button.

Social Sharing With LinkedIn (May, 2020)

Many of the answers here were valid until about one or two weeks ago (i.e., April, 2020). For now, the ONLY supported param is url, and the new share link is as follows...

https://www.linkedin.com/sharing/share-offsite/?url={url}

Source: Official Microsoft Linkedin Share Plugin Documentation. All other LinkedIn links for dev documentation appear to be blank pages now -- perhaps related to the acquisition of LinkedIn by Microsoft.

Previously, the follower params were valid: title, summary, source. Unfortunately, these have all been entirely removed from any functionality. Attempting to build a URL from any other answer WILL REDIRECT to the above URL specs.

I have been maintaining a Github Repo that's been tracking social-share URL formats since 2012, check it out: Github: Social Share URLs.

Why not join in on all the social share url's?

Custom LinkedIn Share button, This tutorial shows how to add a LinkedIn Share button using CustomizedURL Method. The Duration: 5:54 Posted: Jun 12, 2017 Step 1: Select the desired button size, annotation format (meaning where the share count displays) and width. Customize Step 2: Select the appropriate advanced options. Advanced Google +1 button options allow you to choose how the button Step 3: Now that you’ve formatted your button, click

Create LinkedIn Share button on Website Webpages Customized , Enable the LinkedIn Share Button and get more of your website's content shared within the largest professional network! Enable The LinkedIn Share Button is a great way to have your content shared between your Customize the design. The LinkedIn Share Button is the easiest way to encourage your visitors to share your content with their connections and drive more traffic back to your website. Add it to your site in just a few clicks, and start tapping into new audiences today.

LinkedIn Share Button: How to Add to Your Website, Learn how to create social media sharing and follow buttons for 6 of the top Facebook Like and Share Buttons, and LinkedIn Share Button (and more) Once customized, grab the HTML code for your new button and place  After successful authentication, you will acquire an access token that can be used in the next step of the share process. Creating a Share on LinkedIn. There are multiple ways to share content with your LinkedIn network. In this guide, we will show you how to create shares using text, URLs, and images.

How to Create Social Media Buttons for All the Top Social Networks, Get the best widgets to help you develop! Try out custom LinkedIn Share Button right now! Get  How to Add a LinkedIn Button to Your Website or Resume. After logging into LinkedIn, go directly to this page for LinkedIn buttons 999 999 999 . To add a LinkedIn button to a TypePad blog, simply click on "Add to My TypePad blog" and your button will be added to your blog. Or, choose a button and

Comments
  • They don't want you to make a custom button. Indeed, their Terms of Service probably prohibits it because they want their buttons to look like their buttons.
  • But isnt there any method like with Twitter, that you can share using only the link? And then user is redirected to the page where he only needs to confirm...
  • how about a custom LinkedIn signin button?
  • Please bear in mind that if your site is not accessible by LinkedIn any URL based methods won't work. This includes if it's behind a BasicAuth wall
  • Is there any way to seed the text area with text? I tried a bunch of different parameters, couldn't get anything to work.
  • Not really @raphaelcm - in the new API you can add summary text, but it will not show up in textarea.
  • The example link should be opened in popup window - this way after sharing you close the popup and stay on the website, e.g. stackoverflow.com/a/14352248/571230
  • Docs are updated now, with new API: docs.microsoft.com/en-us/linkedin/consumer/integrations/…
  • The /shareArticle URL no longer functions as it used to. It redirects to https://www.linkedin.com/sharing/share-offsite/?url=..., losing the other arguments.
  • if you can suggest me that where i can add the image?
  • @cracker according to the documentation, there is no option for a custom image.