LinkedInのシェアボタンを設置する

LinkedInのシェアボタンを設置する機会があったので、設置方法をメモ。

設置方法

公式で用意されているプラグインでボタンの追加ができます。
下記コードのdata-urlの値をシェアするURLに変更して、ボタンを設置したい箇所にコピペしてください。

<script src="https://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-url="https://cly7796.net/blog/sample/set-up-a-linkedin-share-button/"></script><p><a href=""></a></p>

これでシェアボタンを追加することができました。
LinkedInのシェアボタンのデモページ

シェア時のURLは「https://www.linkedin.com/sharing/share-offsite/?url=【シェアするURL】」のようになっているようなので、カスタマイズなどもできそうです。
通常のリンクでシェアできるようにしてみます。

<a href="https://www.linkedin.com/sharing/share-offsite/?url=https://cly7796.net/blog/sample/set-up-a-linkedin-share-button/index2.html">LinkedInでシェア</a>

カスタマイズのデモページ
ただし、LinkedIn側の仕様変更でリンクが変更される場合などはあり得るので、使用の際はご注意ください。