Content
SNSシェアボタンとは?
FacebookやTwitterなどに、表示しているページをシェアしてもらうボタンとなります。
アイコン利用規約などについては、コチラのサイトで解説がされていますので、ご参考くださいませ。
利用が必要なケース・利用しなくて良いケース
・利用が必要なケース
シェアボタンを設定したい場合には必要です。
・利用しなくて良いケース
シェアボタンを設置しない場合には必要ございません。
設置方法(Facebook)
1.Facebook for Developersのボタン取得ページを開きます。
2.ページ内の[カスタマイズしたいいね!ボタンを取得する]でURLを貼り付け【コードを取得】をクリックします。
※「レイアウト」や「アクションタイプ」を変更すると、緑枠内にイメージが表示されます。
3.ポップアップ画面でコードが表示されます。
4.ページ編集画面のページ設定>カスタムJSを開きます。
5.「ステップ1」のコードを「bodyタグの最後に挿入するjs」に貼り付け、【保存】をクリックします。
6.カスタムHTML要素を追加し「HTML」に「ステップ2」のコードを貼り付けます。
7.ページ編集画面では表示されませんが、ページを開くとボタンが表示されます。
設置方法(Twitter)
1.Twitterのボタン取得ページを開き、ページ内の[Twitter Buttons]をクリックします。
2.ポップアップ画面で【Share Button】をクリックします。
3.コードが発行されます。
※この後は「<a href〜</a>」(緑点線)と「<script〜</script>」(オレンジ点線)で貼り付ける場所が異なります。
4.ページ編集画面のページ設定>カスタムJSを開きます。
5.「<script〜</script>」コードを「bodyタグの最後に挿入するjs」に貼り付け、【保存】をクリックします。
※今回貼り付けた部分前のコードは、前目次「設置方法(Facebook)」で利用したコードになります。
6.カスタムHTML要素を追加し「HTML」に「<a href〜</a>」のコードを貼り付けます。
7.ページ編集画面では文字リンクのみですが、ページを開くとボタンが表示されます。