맞춤형 LinkedIn 공유 버튼을 만드는 방법

82

내 사용자 지정 단추에 공유 기능을 추가 할 수 있어야합니다. LinkedIn 이미지를 변경할 수 없으므로 생성기에 관심이 없습니다. LinkedIn 공유 버튼에 내 이미지를 사용하고 싶습니다.

api  share  linkedin 
— 카롤
소스
1
그들은 당신이 사용자 정의 버튼을 만드는 것을 원하지 않습니다. 실제로 버튼이 버튼처럼 보이기를 원하기 때문에 서비스 약관에서 금지 할 수 있습니다.
— msw
하지만 트위터처럼 링크만으로 공유 할 수있는 방법은 없나요? 그런 다음 사용자는 확인
— 만하면
맞춤형 LinkedIn 로그인 버튼은 어떻습니까?
— DevDave 2013 년
LinkedIn에서 사이트에 액세스 할 수없는 경우 URL 기반 방법이 작동하지 않습니다. 여기에는 BasicAuth 벽 뒤에있는 경우도 포함됩니다.
— Matt Fletcher

답변:

145

공유를위한 공식 LinkedIn API :

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

이용 약관을 읽어보세요!

"사용자 지정 URL"방법을 사용하는 예제 링크 : http://www.linkedin.com/shareArticle?mini=true&url=/programming/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

JavaScript를 사용하여 팝업으로 열거 나 iframe. 간단하고 작동합니다-그것이 제가 찾던 것입니다!

편집 : 게시물에 첨부 된 비디오 :

링크드 인 게시물에 동영상을 삽입 할 수 없는지 확인했습니다. 유일한 옵션은 동영상 자체가있는 페이지에 링크를 추가하는 것입니다.

YT 링크를 urlparam 에 넣어서 달성 할 수 있습니다 .

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

당신이 지정하는 경우 summary와 title다음 링크드 인은 비디오, 예로부터 잡아 당겨 중지합니다 :

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

Vimeo와 똑같이 작동하며 아마도 모든 웹 사이트에서 작동 할 것입니다. 도움이되기를 바랍니다.

편집 2 : 게시물에 이미지 가져 오기 :

위의 링크를 열면 LinkedIn이 전달 된 URL (선택적으로 제목 및 요약)과 함께 일부 이미지를로드하는 것을 볼 수 있습니다.

LinkedIn은 자동으로 수행하며 https://developer.linkedin.com/docs/share-on-linkedin#opengraph 에서 읽을 수 있습니다.

다음과 같이 흥미 롭습니다.

오픈 그래프 태그가있는 경우 LinkedIn 크롤러는 공유 할 콘텐츠를 결정하기 위해 자체 분석에 의존 할 필요가 없으므로 공유되는 정보가 의도 한 것과 정확히 일치 할 가능성이 높아집니다.

Open Graph 정보가 첨부되어 있지 않더라도 LinkedIn은 자체 분석을 기반으로이 데이터를 가져올 수 있습니다. 그리고 YouTube의 경우 YouTube 페이지에 추가 된 오픈 그래프 태그를 찾을 수 없었기 때문에 그런 것 같습니다.

— 카롤
소스
5
텍스트 영역을 텍스트로 시드하는 방법이 있습니까? 여러 가지 매개 변수를 시도했지만 작동 할 수 없었습니다.
— Raphael
2
실제로 @raphaelcm이 아닙니다. 새 API에서는 요약 텍스트를 추가 할 수 있지만 텍스트 영역에는 표시되지 않습니다.
— Karol
1
예제 링크는 팝업 창에서 열어야합니다. 공유 한 후에는 팝업을 닫고 웹 사이트에 머물러야합니다. 예 : stackoverflow.com/a/14352248/571230
— Karol
3
새로운 API로 문서가 업데이트되었습니다 : docs.microsoft.com/en-us/linkedin/consumer/integrations/…
— Himanshu Aggarwal
6
/shareArticle이에 사용되는 URL은 더 이상 기능. 로 리디렉션되고 https://www.linkedin.com/sharing/share-offsite/?url=...다른 인수가 손실됩니다.
— Phil Gyford
52

다음 매개 변수를 포함 할 수있는 LinkedIn ShareArticle URL을 사용하여 나만의 공유 버튼을 만들 수 있습니다.

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

여기 에서 설명서를 찾을 수 있습니다. "맞춤 설정된 URL"을 선택하면 세부 정보를 볼 수 있습니다.

— 테이머 Shlash
소스
2
이미지를 추가 할 수있는 곳을 제안 할 수 있다면?
— 크래커
문서에 따르면 @cracker에는 사용자 지정 이미지에 대한 옵션이 없습니다.
— Tamer Shlash 2014
3
LinkedIn ShareArticle URL은 현재 작동하지 않습니다. 공유 할 수는 있지만 뉴스 피드에 표시되지 않았습니다
— jhedm
1
위의 공유 링크에 이미지를 포함하는 방법은 무엇입니까?
— Jitendra Pancholi
새로운 API로 문서가 업데이트되었습니다 : docs.microsoft.com/en-us/linkedin/consumer/integrations/…
— Himanshu Aggarwal
25

여기에있는 많은 답변은 최근까지 유효했습니다. 현재 유일하게 지원되는 매개 변수는 url이고 새 공유 링크는 다음과 같습니다.

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

출처 : 공식 Microsoft.com Linkedin Share Plugin Documentation . 개발자 문서에 대한 모든 LinkedIn.com 링크는 이제 Microsoft의 LinkedIn 인수와 관련하여 빈 페이지로 표시됩니다.

옛날 옛적에, 당신이이 PARAMS을 사용할 수 있습니다 title, summary, source. 당신이 자세히 본다면 모든 문서 , 여전히 사실 등 여전히 설정 요약, 제목에 방법이있다! <head>공유하려는 페이지 의 블록에 넣으십시오 .

  • <meta property='og:title' content='Title of the article"/>
  • <meta property='og:image' content='//media.example.com/ 1234567.jpg"/>
  • <meta property='og:description' content='Description that will show in the preview"/>
  • <meta property='og:url' content='//www.example.com/URL of the article" />

그런 다음 LinkedIn이 사용합니다! 출처 : LinkedIn 개발자 문서 : LinkedIn에서 웹 사이트 공유 가능 .

당신이 모든 일을 제대로했는지 확실하지 않습니까? 공유중인 페이지의 URL (예 : linkedin.com/share?url=example.com이 아니라 example.com)을 가져 와서 해당 URL을 LinkedIn Post Inspector에 입력합니다 . 이것은 귀하의 URL이 어떻게 공유되고 있는지에 대한 모든 것을 알려줍니다! 또한 페이지의 현재 캐시를 가져온 다음 새로 고칩니다 (링크드 인 데이터베이스에 페이지의 캐시 된 버전이 고착 된 경우). 캐시를 가져 오기 때문에 때로는 LinkedIn Post Inspector를 두 번 사용하는 것이 가장 좋습니다.

아직 확실하지 않습니까? 다음 은 20 개 이상의 소셜 공유 서비스로 구축 한 온라인 데모 입니다. 소스 코드를 검사하고 LinkedIn 공유가 정확히 어떻게 작동하는지 직접 확인하십시오.

2012 년부터 소셜 공유 URL 형식을 추적하고있는 Github Repo를 유지하고 있습니다. Github : Social Share URLs를 확인하세요 .

모든 소셜 공유 URL에 가입하지 않으시겠습니까?

소셜 공유 URL

— HoldOffHunger
소스
@ HoldOffHunger- LinkedIn 게시물을 작성하고 성공했습니다. 공유 게시 프로세스를 시작하면 URL이 다음과 같이 표시됩니다 -linkedin.com/sharing/share-offsite/?url=https://… of the record '. 하지만 게시물을 클릭하면 (게시 후) somedomain.cs73.force.com/s/stories?c__story 로 이동하고 레코드 ID는 생략됩니다. URL이 정확한 기록을 가지고 있지 않습니다. 당신은 ID를 추가하는 방법에 도움을 기쁘게 할 수
— Rohit
Hi, Rohit : 이러한 URL은 다르며 다른 GET 매개 변수로 끝납니다. 링크드 인에서 URL을 공유하려면 공유하려는 URL이어야합니다.
— HoldOffHunger
9

2017 년 4 월 현재 공유에 사용되는 URL은 다음과 같습니다.

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

— Kittu
소스
예, 한동안 이렇게되었습니다. 수락 된 답변의 편집 섹션에 있습니다
— Karol
3
이것은 더 이상 예전처럼 작동하지 않습니다. 로 리디렉션되고 https://www.linkedin.com/sharing/share-offsite/?url=...다른 인수는 손실됩니다.
— Phil Gyford 2011
@PhilGyford 요약 및 제목을 게시하는 방법을 찾았습니까?
— Mukus
@Mukus 아니요, URL 만 전달하고 LinkedIn에 의존하여 페이지 자체에서 제목을 선택했습니다.
— Phil Gyford
@Mukus 저는 Wordpress를 사용하고 있으며 제목이 example.co.uk/example_post/feed 에서 가져온 것 같습니다 . 나는 어떤 식 으로든 전문가는 아니지만 "/ feed /"파일을 편집 / 변경 / 덮어 쓰는 방법을 찾으려고합니다. 어떤 아이디어?
— Phil
7

API가 지금 업데이트되었으며 이전 API는 2019 년 3 월 1 일에 지원 중단됩니다.

LinkedIn에 대한 사용자 지정 공유 단추를 만들려면 지금 POST 호출을해야합니다. 여기 에서 업데이트 된 문서를 읽을 수 있습니다 .

— 히만 슈 아 가르 왈
소스
1
기사 공유 API는 여전히 작동합니다. 실제 감가 상각 정보가 포함 된 링크를 공유해 주시겠습니까?
— Michal
에서 developer.linkedin.com/plugins 새 API로 리디렉션됩니다.
— Himanshu 가르 왈
7

맞춤 URL 접근 방식 을 사용하는 것이 가장 좋습니다 . 그리고 가장 쉽습니다. 이걸 찾았어요. 팝업 창이 열리고 w_share모든 이유로 인해 BS 인증 문제가 필요하지 않습니다 .

<a href="https://www.linkedin.com/shareArticle?mini=true&url=http://chillyfacts.com/create-linkedin-share-button-on-website-webpages&title=Create LinkedIn Share button on Website Webpages&summary=chillyfacts.com&source=Chillyfacts" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;">
  <img src="http://chillyfacts.com/wp-content/uploads/2017/06/LinkedIN.gif" alt="" width="54" height="20" />
</a>
스 니펫 확장

url자신의 URL로 변경하십시오 . 다음은 링크입니다. http://chillyfacts.com/create-linkedin-share-button-on-website-webpages/

— Kingshuk Deb
소스
의 역할은 mywin무엇입니까? 한 곳에서만 볼 수 있습니다.
— Razvan Zamfir
@RazvanZamfir는 팝업 창 이름입니다 my window. 약어는 mywin입니다 . 모든 이름을 추가 할 수 있습니다.
— Kingshuk Deb
안녕하세요, 내 웹 사이트를 추가 할 때 작동하지 않습니다. 그러나 여전히 당신과 함께 작동합니다. 그 이유는 무엇입니까? 나는 모든 것을 시도했습니다 .. 고마워요
— Jessicascn
감사합니다. 이것은 공식 MS 문서보다 훨씬 더 유용하고 간단했습니다. 팝업없이 링크하는 두 번째 옵션은 정확히 제가 찾던 것입니다.
— OXiGEN
4

LinkedIn에서 API를 업데이트했으며 공유 URL이 더 이상 작동하지 않습니다. 이제 url쿼리 매개 변수 만 사용할 수 있습니다 . 다른 모든 매개 변수는 LinkedIn에 의해 URL에서 제거됩니다.

이제 사용자 를 대신하여 콘텐츠를 공유 하기 위해 oAuth를 사용하고 linkedin API 와 상호 작용해야합니다 .

— lcjury
소스
기사 공유 API는 여전히 작동합니다. 실제 감가 상각 정보가 포함 된 링크를 공유해 주시겠습니까?
— Michal
1
@michal https://www.linkedin.com/shareArticle또는 https://www.linkedin.com/sharing/share-offsite/방법 에 대한 공식 문서를 더 이상 찾을 수 없습니다 . 공식 문서 는 @lcjury가 언급 한대로 oAuth를 사용하는 것에 대해서만 설명 합니다. 다른 것을 찾으면 알려주십시오. 따라서 그들이 여전히 일종의 작업을 수행하는 동안 허용하는 유일한 url 속성이며 작업을 계속할 시간을 누가 알 수 있습니다.
— Brockenstein
2

이것은 나를 위해 작동합니다. 

https://www.linkedin.com/shareArticle?mini=true&url=articleUrl&title=YourarticleTitle&summary=YourarticleSummary&source=YourarticleSource

이 링크를 콘텐츠로 대체하여 사용할 수 있습니다. 100 % 작동합니다.

— Abaybay De Abaycious
소스
1

페이지로드 후 다음과 같이 표준 Linkedin 버튼을 사용자 정의 할 수 있습니다.

$(".IN-widget span:first-of-type").css({
                'border': '2px solid #DCDCDC',
                '-webkit-border-radius': '3px',
                '-moz-border-radius': '3px',
                'border-radius': '3px'
                });
— 블라드
소스
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.