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.ページ編集画面では文字リンクのみですが、ページを開くとボタンが表示されます。

Comments are closed.