カスタムLinkedIn共有ボタンを作成する方法

82

カスタムボタンに共有機能を追加できるようにする必要があります。LinkedInの画像を変更できないので、ジェネレーターには興味がありません。LinkedInの共有ボタンに自分の画像を使用したい。

api  share  linkedin 
— カロル
ソース
1
彼らはあなたにカスタムボタンを作ってほしくない。実際、彼らの利用規約は、ボタンをボタンのように見せたいので、おそらくそれを禁止しています。
— msw 2012年
しかし、Twitterのようにリンクだけで共有できる方法はありませんか？そして、ユーザーは確認するだけでよいページにリダイレクトされます...
— Karol 2012年
カスタムLinkedInサインインボタンはどうですか？
— DevDave 2013年
LinkedInからサイトにアクセスできない場合、URLベースの方法は機能しないことに注意してください。それはにBasicAuthの壁の後ろだ場合、これは含まれて
— マット・フレッチャー

回答:

145

共有するための公式LinkedInAPI：

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リンクをurlparamに入れることでそれを達成することができます：

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タグが見つからなかったため、そうであるようです。

— カロル
ソース
5
テキスト領域にテキストをシードする方法はありますか？さまざまなパラメータを試しましたが、何も機能しませんでした。
— ラファエル
2
実際には@raphaelcmではありません-新しいAPIでは要約テキストを追加できますが、textareaには表示されません。
— カロル2013年
1
サンプルリンクはポップアップウィンドウで開く必要があります-この方法で共有した後、ポップアップを閉じてWebサイトにとどまります。例：stackoverflow.com/a/14352248/571230
— Karol
3
ドキュメントは、新しいAPIで、今更新されますdocs.microsoft.com/en-us/linkedin/consumer/integrations/...
— ヒマンシュアガルワル
6
/shareArticleそれが使用されるようなURLは機能しなくなります。にリダイレクトしhttps://www.linkedin.com/sharing/share-offsite/?url=...、他の引数を失います。
— PhilGyford19年
52

LinkedIn ShareArticle URLを使用して、独自の共有ボタンを作成できます。このURLには、次のパラメーターを含めることができます。

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

ここにドキュメントがあります。「カスタマイズされたURL」を選択するだけで詳細が表示されます。

— テイマーシュラッシュ
ソース
2
画像をどこに追加できるかを提案してもらえますか？
— クラッカー
ドキュメントによると@cracker、カスタムイメージのオプションはありません。
— テイマーシュラッシュ2014年
3
LinkedIn ShareArticleURLは現在機能していません。共有することはできますが、ニュースフィードには表示されませんでした
— jhedm 2017
1
上記の共有リンクに画像を含める方法は？
— Jitendra Pancholi 2018年
ドキュメントは、新しいAPIで、今更新されますdocs.microsoft.com/en-us/linkedin/consumer/integrations/...
— ヒマンシュアガルワル
25

ここでの回答の多くは最近まで有効でした。今のところ、サポートされているパラメータは、のみurlで、新しい共有リンクは次のとおりです...

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

出典：公式Microsoft.comLinkedin共有プラグインのドキュメント。開発者向けドキュメントへの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でWebサイトを共有可能にする。

すべてが正しく行われたかどうかわかりませんか？共有しているページのURL（つまり、linkedin.com / share？url = example.comではなくexample.com）を取得し、そのURLを次の場所に入力します：LinkedIn PostInspector。これにより、URLがどのように共有されているかがわかります。これにより、ページの現在のキャッシュが取得され、更新されます（LinkedInのデータベースにキャッシュされたバージョンのページがスタックしている場合）。キャッシュを取得するため、LinkedIn PostInspectorを2回使用するのが最適な場合があります。

まだわからない？これは私が20以上のソーシャルシェアサービスで構築したオンラインデモです。ソースコードを調べて、LinkedInの共有がどのように機能しているかを自分で確認してください。

2012年からソーシャルシェアURL形式を追跡しているGithubリポジトリを維持しています。チェックしてください：Github：ソーシャルシェアURL。

すべてのソーシャルシェアURLに参加してみませんか？

ソーシャル共有URL

— HoldOffHunger
ソース
@ HoldOffHunger- LinkedInの投稿を作成しようとしていますが、成功しています。共有投稿プロセスを開始すると、URLは次のようになります-linkedin.com/sharing/share-offsite/?url=https://…oftherecord '。しかし、（投稿後に）投稿をクリックすると、somedomain.cs73.force.com / s / stories？c__storyに移動し、レコードのIDを省略します。URLは正確な記録をとっていません。IDを追加する方法を教えてください
— Rohit 2010
こんにちは、Rohit：これらのURLは異なり、GETパラメータも異なります。LinkedInで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

— キツ
ソース
ええ、それはしばらくの間このようでした、それは受け入れられた答えの編集セクションにあります
— Karol
3
これは、以前のように機能しなくなります。にリダイレクトしhttps://www.linkedin.com/sharing/share-offsite/?url=...、他の引数を失います。
— PhilGyford19年
@PhilGyford要約とタイトルを投稿する方法を見つけましたか？
— 粘液
@Mukusいいえ、URLを渡すだけで、LinkedInを使用してページ自体からタイトルを取得することになりました。
— PhilGyford20年
@Mukus Wordpressを使用していますが、タイトルはexample.co.uk/example_post/feedから取得されているようです。私は決して気まぐれではありませんが、「/ feed /」ファイルを編集/変更/上書きする方法を見つけようとしています。何か案は？
— フィル
7

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

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

— ひまんしゅアガーワル
ソース
1
共有記事APIについて何を話しているのかはまだ機能します。実際の減価償却情報とのリンクを教えてください。
— ミハル
よりdeveloper.linkedin.com/plugins、新しいAPIにリダイレクトされます。
— HimanshuAggarwal20年
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/

— キングシュクデブ
ソース
の役割はmywin何ですか？私はそれを一箇所でしか見ません。
— RazvanZamfir19年
@RazvanZamfirはポップアップウィンドウ名ですmy window。の省略形はmywinです。任意の名前を追加できます。
— KingshukDeb19年
こんにちは、自分のWebサイトを追加すると、これは機能しません。しかし、それでもあなたのもので動作します。その理由は何ですか？私はすべてを試してみた...どうもありがとう
— Jessicascn
ありがとうございました。これは、公式のMSドキュメントよりもはるかに便利で簡単でした。ポップアップなしでリンクする2番目のオプションは、まさに私が探していたものでした。
— OXiGEN
4

LinkedInはAPIを更新し、共有URLは機能しなくなりました。これで、urlクエリパラメータのみを使用できます。その他のパラメータは、LinkedInによってURLから削除されます。

これで、oAuthを使用し、LinkedIn APIと対話して、ユーザーに代わってコンテンツを共有する必要があります。

— lcjury
ソース
共有記事APIについて何を話しているのかはまだ機能します。実際の減価償却情報とのリンクを教えてください。
— ミハル
1
@michalhttps://www.linkedin.com/shareArticleまたはhttps://www.linkedin.com/sharing/share-offsite/メソッドに関する公式ドキュメントはもう見つかりません。公式ドキュメントでは、@ lcjuryが述べたようにoAuthの使用についてのみ説明しています。何か違うものを見つけたら、私たちに知らせてください。したがって、彼らはまだ一種の仕事をしていますが、それは彼らが受け入れている唯一のurl属性であり、誰が彼らが仕事を続けるかを知っています。
— ブロッケンシュタイン
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.