TOPページ > FAQ一覧 >

FAQ/フェイスブックのいいね！ボタンを設置する

最終更新日：2022/01/10

せっかく掲示板では、書き込まれた記事毎に、フェイスブックの「いいね！」ボタンを設置することが可能です。

掲示板全体への「いいね！」もしくは、返信機能を利用されている掲示板は、各スレッド毎に設置する事が可能です。

あくまでも一つの利用方法ですので、お客さま毎によって、カスタマイズして頂いたり、まったく異なる方法にてご利用頂けましたら幸いです。

 

掲示板全体を「いいね！」する設定方法

１．メンテナンスルームにログインします

２．デザイン変更のアドバンスモードの方へご入室ください。

３．TOP編集に入室します。

４．下記コードをお好きな位置に挿入してください。

<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

非表示系のコードですので、挿入位置に細かい指定は御座いません。

 

続いて、いいねボタンを表示する所に、下記コードを挿入して下さい。

TOP編集内のお好きな位置でOKです。

 

<div class="fb-like" data-href="掲示板のアドレス" data-send="false" data-layout="button_count" data-width="150" data-show-faces="true" data-font="arial"></div>

オススメの位置としましては、BASE1　返信機能を使っている時は、BASE2、RES1、RES2内の計4箇所に設置して下さい。

$nameや$date、$subの右側くらいに挿入するのが良いかと思います。

※掲示板のアドレス欄は、お客さまの掲示板のアドレスにして下さい。

 

５．＜設定の変更＞をクリックする

６．掲示板に更新を反映させてみて確認してみてください。

 

 

スレッド毎にツイートする設定方法

１．メンテナンスルームにログインします

２．デザイン変更のアドバンスモードの方へご入室ください。

 

３．TOP編集に入室します。

４．下記コードをお好きな位置に挿入してください。

<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

非表示系のコードですので、挿入位置に細かい指定は御座いません。

 

３．再度戻りまして、アドバンスモードの中にあります、投稿されたメッセージの設計を変更する＜ＭＥＳＳＡＧＥ編集＞のボタンをクリックします。

４．BASE1もしくは、BASE２のどちらかもしくは、両方に、下記ツイートボタンを設置ください。

<div class="fb-like" data-href="$menteurl?id=$id&mode=res&log=$list" data-send="false" data-layout="button_count" data-width="150" data-show-faces="true" data-font="arial"></div>

オススメの位置としましては、BASE1　返信機能を使っている時は、BASE2の計２箇所に設置して下さい。

$nameや$date、$subの右側くらいに挿入するのが良いかと思います。

 

５．＜設定の変更＞をクリックする

６．掲示板に更新を反映させてみて確認してみてください。