맞춤형 LinkedIn 공유 버튼을 만드는 방법
사용자 지정 buttom에 공유 기능을 추가 할 수 있어야합니다. 나는 거기에 링크드 인 이미지를 변경할 수 없기 때문에 생성기에 관심이 없습니다. LinkedIn 공유 버튼에 내 이미지를 사용하고 싶습니다.
공유를위한 공식 LinkedIn API :
https://developer.linkedin.com/docs/share-on-linkedin
이용 약관을 읽으십시오!
JavaScript를 사용하여 팝업으로 열거 나 iframe에로드하기 만하면됩니다. 단순하고 작동합니다-그것이 제가 찾던 것입니다!
편집 : 게시물에 첨부 된 비디오 :
LinkedIn 게시물에 동영상을 삽입 할 수 없는지 확인했는데 유일한 옵션은 동영상 자체가있는 페이지에 링크를 추가하는 것입니다.
YT 링크를 urlparam 에 넣어서 달성 할 수 있습니다 .
https://www.linkedin.com/shareArticle?mini=true&url=https://www.youtube.com/watch?v=SBi92AOSW2E
당신이 지정하는 경우 summary와 title다음 링크드 인은 비디오, 예로부터 잡아 당겨 중지합니다 :
Vimeo와 똑같이 작동하며 아마도 모든 웹 사이트에서 작동 할 것입니다. 도움이되기를 바랍니다.
편집 2 : 게시물에 이미지 가져 오기 :
위의 링크를 열면 LinkedIn이 전달 된 URL (및 선택적으로 제목 및 요약)과 함께 일부 이미지를로드하는 것을 볼 수 있습니다.
LinkedIn은 자동으로 수행하며 https://developer.linkedin.com/docs/share-on-linkedin#opengraph 에서 읽을 수 있습니다.
다음과 같이 흥미 롭습니다.
Open Graph 태그가있는 경우 LinkedIn 크롤러는 공유 할 콘텐츠를 결정하기 위해 자체 분석에 의존 할 필요가 없으므로 공유되는 정보가 의도 한 것과 정확히 일치 할 가능성이 높아집니다.
Open Graph 정보가 첨부되어 있지 않더라도 LinkedIn은 자체 분석을 기반으로이 데이터를 가져올 수 있습니다. 그리고 YouTube의 경우 YouTube 페이지에 추가 된 오픈 그래프 태그를 찾을 수 없었기 때문에 그런 것 같습니다.
매개 변수를 가질 수있는 LinkedIn ShareArticle URL을 사용하여 나만의 공유 버튼을 만들 수 있습니다.
https://www.linkedin.com/shareArticle?mini=true&url={articleUrl}&title={articleTitle}&summary={articleSummary}&source={articleSource}
여기 에서 설명서를 찾을 수 있습니다. "맞춤 설정된 URL"을 선택하면 세부 정보를 볼 수 있습니다.
2017 년 4 월 현재 공유에 사용되는 URL은 다음과 같습니다.
맞춤 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/ 링크입니다 .
API가 지금 업데이트되었으며 이전 API는 2019 년 3 월 1 일에 지원 중단됩니다.
LinkedIn에 대한 사용자 지정 공유 단추를 만들려면 지금 POST 호출을해야합니다. 여기 에서 업데이트 된 문서를 읽을 수 있습니다 .
LinkedIn은 최근에 사이트를 수정했기 때문에 개발자 지원 홈페이지로 리디렉션되는 오래된 링크가 많이 있습니다. 다음은 LinkedIn 지원 사이트의 관련 페이지에 대한 업데이트 된 링크입니다 (2015 년 2 월 16 일 기준) : https://developer.linkedin.com/docs/share-on-linkedin
이것은 나를 위해 작동합니다.
https://www.linkedin.com/shareArticle?mini=true&url=articleUrl&title=YourarticleTitle&summary=YourarticleSummary&source=YourarticleSource
이 링크를 콘텐츠로 대체하여 사용할 수 있습니다. 100 % 작동합니다.
페이지로드 후 다음과 같이 표준 Linkedin 버튼을 사용자 정의 할 수 있습니다.
$(".IN-widget span:first-of-type").css({
'border': '2px solid #DCDCDC',
'-webkit-border-radius': '3px',
'-moz-border-radius': '3px',
'border-radius': '3px'
});
Linkedin이 API를 업데이트했으며 공유 URL이 더 이상 작동하지 않습니다. 이제 "url"쿼리 매개 변수 만 사용할 수 있습니다. 다른 모든 매개 변수는 링크드 인에 의해 URL에서 제거됩니다.
이제 oAuth를 사용하고 링크드 인 API 와 상호 작용 하여 사용자를 대신하여 콘텐츠를 공유해야합니다.
참고 URL : https://stackoverflow.com/questions/10713542/how-to-make-a-custom-linkedin-share-button
'IT Share you' 카테고리의 다른 글
| 날짜 시간 값을 문자열로 변환 (0) | 2020.11.09 |
|---|---|
| 데이터베이스 서버 (mysql 워크 벤치)에 연결할 수 없습니다. (0) | 2020.11.09 |
| 선형 RGB 공간과 비선형 RGB 공간에서 색상 작업을 할 때 실질적인 차이점은 무엇입니까? (0) | 2020.11.09 |
| Android M 권한 대화 상자가 표시되지 않음 (0) | 2020.11.09 |
| React-Router는 자식 하나만 (0) | 2020.11.09 |