【twitter、facebook】html内に純正シェアボタンを設置して表示する方法

2016年8月12日

コーディングの作業をしていて、
html内にtwitterやfacebookなどsnsのシェアボタンを設置する機会があるかと思いますが、「画像」ではなく、sns各社が提供している「純正のシェアボタン」を設置する場合もあるかと思います。
その際に使用したページをメモとして残しておきます。

【Twitter】
https://about.twitter.com/ja/resources/buttons

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

それぞれ上記サイトにアクセスして、ツイート、フォローなどその時の目的に合わせてボタンを選択し入力項目については適宜変更していくと良いかと思います。
ざっくりとですが、純正ボタンを作成する為に必要なページのリンクのみ記載しました！

個人的には、画像ではなく純正ボタンで設置する意味がいまいちわからないんだよなー、、
facebookのシェアボタンはIEのバージョンによっては文字化けしたりもするし。
まあきっと何か理由があるのでしょう！ 以上！