HTML
Facebook
Twitter
Line
SNS

SNS(Twitter/Facebook/LINE)シェアボタンを超簡単に設置する方法

こんにちは @kako_351です。

『WebにSNSのシェアボタンを置きたい!』などよくあることですよね。

JavascriptでAPI経由で設置など方法は色々ありますが、今回は最も簡単な(気がする)方法での設置をまとめます。


aタグで置けばいい

・Twitter


twitter.html

<a href="http://twitter.com/share?url=http://qiita.com/katsuma">Twitter</a>


・Facebook


facebook.html

<a href="https://www.facebook.com/sharer/sharer.php?u=http://qiita.com/katsuma">Facebook</a>


・LINE


line.html

<a href="http://line.me/R/msg/text/?http://qiita.com/katsuma">LINE</a>



スマートフォンでは、TwitterとLINEがインストールされているとそれぞれアプリが立ち上がります。Facebookは、ブラウザが起動するようです。

テキストの指定なども可能なようなので、より詳細な方法は以下のリファレンスからご参照ください。

▼参考

https://about.twitter.com/ja/resources/buttons#tweet

https://developers.facebook.com/docs/plugins/share-button?locale=ja_JP

https://media.line.me/howto/ja/