facebookのシェアボタン設置方法

2018.07.16

SNSのシェアボタンをサイトに設置するのは、サイトを広く知ってもらうためにとても有効な手段です。今回は、facebookのソーシャルプラグインを用いたfacebookのシェアボタン設置方法についてご紹介します。

1)facebookのソーシャルプラグインにアクセスします。

facebookのシェアボタン設置方法

2)シェアボタン構成ツールの「シェアするURL」に自身のサイトのURLを入力し「コードの取得」をクリックします。

このとき、レイアウトやボタンサイズを自分好みに設定しましょう。

facebookのシェアボタン設置方法

3)取得したコードのStep1をbody開始タグの直下に、Step3のコードはボタンを設置したい部分に張りつけます。

facebookのシェアボタン設置方法

公式のサンプルです。↓

facebookのシェアボタン設置方法
これで完了です!facebookのシェアボタンは、jsの記述が必要になってくるので、忘れずに記述しましょう。