日頃より全国なびご利用ありがとうございます。

最近　Facebook　の likebox　設置についての質問を度々受けますのでその質問にお応えします。

facebook like box 設置の説明は下記にございます。

https://developers.facebook.com/docs/plugins/like-box-for-pages/

この説明（デフォルト）

<div id=”fb-root”></div>

<script type=”text/javascript”>// <![CDATA[

(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>

上記をBody タグ内部に

プラグインを表示したい場所にプラグインのコードを配置します。

<div class=”fb-like-box” data-href=”https://www.facebook.com/FacebookDevelopers” data-colorscheme=”light” data-show-faces=”true” data-header=”true” data-stream=”false” data-show-border=”true”></div>

上記がlikebox設置の説明になります。

全国なびでのコード配置
Bodyタグ後に下記

<div id=”fb-root”></div>

<script type=”text/javascript”>// <![CDATA[

(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>

 該当場所のプラグインコード

<div class=”fb-like-box” data-href=”https://www.facebook.com/◯◯◯　該当ID　◯◯◯” data-width=”600″ data-height=”180″ data-show-faces=”true” data-stream=”false” data-show-border=”false” data-header=”false”></div>

というコード配置になっており、全国なび上のコードには問題が無いと考えております。

※しかしながら全国なび内においてもLIKEBOXがきちんと設置されている事業者様と、そうでない事業者様が居る事を確認しております。しかもLikeboxが認識されていない事業者様のページはURL等のリンクも動いていない事を確認しております。

この件については基本的にフェースブック側のバグかなんらかの仕様が影響していると考えております。
（更新がされていない場合Likeboxが投稿が表示されない、設定が違う等の記事を散見します。）
この問題については弊社も気をつけて見ておきますが、まだこの問題は解決しておりませんのでここに公開します。

どうぞよろしくおねがいします。

『全国なび』