URLをSNSでシェア with 好きなアイコン

注意

SNSのアイコンはブランドガイドラインに従って使用する必要がある。

ガイドラインを無視すると権利問題になるので、各SNSのガイドラインをしっかり確認する。


Facebook

ブランドガイドラインと公式アイコンダウンロード

https://ja.facebookbrand.com/facebookapp/

設置方法

ここ(https://developers.facebook.com/docs/plugins/share-button)で生成したaタグを使用すれば簡単に実現できる。
サンプルは以下

<a target="_blank" href="[生成したURL]" class="fb-xfbml-parse-ignore" >
    <img src="[アイコンパス]" />
</a>

LINE

ブランドガイドラインと公式アイコンダウンロード

ガイドライン(https://social-plugins.line.me/ja/guideline)

ロゴ(https://line.me/ja/logo)

設置方法

カスタムアイコンを使用する場合のリンクフォーマットがここ(https://social-plugins.line.me/ja/how_to_install#lineitbutton)にある。

サンプルは以下

<a href="https://social-plugins.line.me/lineit/share?url=[シェアするURL]" target="_blank" >
    <img src="「アイコンパス」/>
</a>

続く(https://coneta.jp/article/show/2933)