web-dev-qa-db-ja.com

カスタムLinkedIn共有ボタンの作成方法

カスタムbuttomに共有機能を追加できる必要があります。 their generator には興味がありません。linkinの画像は変更できないからです。 LinkedInの共有ボタンに自分の画像を使用したい。

apisharelinkedin
66
Karol

共有のための公式LinkedIn API：

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

利用規約をお読みください！

「カスタマイズURL」メソッドを使用したリンク例： 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

JavaScriptを使用してポップアップで開くか、iframeにロードするだけです。シンプルで動作する-それが私が探していたものです！

編集：投稿に添付されたビデオ：

LinkedInの投稿に動画を実際に埋め込むことはできないことを確認しました。唯一のオプションは、動画自体を含むページへのリンクを追加することです。

YTリンクをurlパラメーターに入れることで実現できます：

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

summaryおよびtitleを指定すると、LinkedInは動画からのプルを停止します。例：

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

Vimeoでもまったく同じように動作し、おそらくどのWebサイトでも動作します。それが役立つことを願っています。

編集2：画像を投稿にプルする：

上記のリンクを開くと、LinkedInがいくつかの画像と渡されたURL（およびオプションでタイトルと概要）を読み込むことがわかります。

LinkedInはこれを自動的に行います。詳細については、こちらをご覧ください。 https://developer.linkedin.com/docs/share-on-linkedin#opengraph

それが言うようにそれは興味深いですが：

Open Graphタグが存在する場合、LinkedInのクローラーは、共有されるコンテンツを決定するために独自の分析に依存する必要はありません。これにより、共有される情報が意図したとおりになる可能性が向上します。

Open Graph情報が添付されていなくても、LinkedInは独自の分析に基づいてこのデータをプルできることを教えてくれます。 YouTubeの場合、YouTubeページに追加されたOpen Graphタグを見つけることができなかったため、そうであるようです。

116
Karol

LinkedIn ShareArticle URLを使用して独自の共有ボタンを作成できます。このURLにはパラメーターがあります。

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

ドキュメントを見つけることができます こちら 、「カスタマイズされたURL」を選択するだけで詳細が表示されます。

45
Tamer Shlash

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

8
Satyadev

使用するのが最善です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/

4
Kingshuk Deb

APIは現在更新されており、以前のAPIは2019年3月1日に廃止されます。

LinkedInのカスタム共有ボタンを作成するには、POST呼び出しを今すぐ行う必要があります。更新されたドキュメント here を読むことができます。

4
Himanshu Aggarwal

LinkedInは最近サイトを改訂したため、開発者サポートホームページにリダイレクトする古いリンクがたくさんあります。以下は、LinkedInのサポートサイトの関連ページへの更新されたリンクです（2015年2月16日現在）： https://developer.linkedin.com/docs/share-on-linkedin

3
Ryan Francis

これは私のために働く：

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

このリンクをコンテンツに置き換えることで使用できます。 100％動作します。

1
Abaybay De Abaycious

ページの読み込み後、次のように標準のLinkedinボタンをカスタマイズできます。

$(".IN-widget span:first-of-type").css({
                'border': '2px solid #DCDCDC',
                '-webkit-border-radius': '3px',
                '-moz-border-radius': '3px',
                'border-radius': '3px'
                });
0
Vlad