自分のフェイスブックの表示

⇒2013年2月7日のバージョンアップで追加されたかんたん入力機能でFacebookページURLを入力するだけでかんたんに変更することができるようになりました。


商品ページ右のFacebookのリンク（LikeBoxといいます）をお客様のページへ変更することは可能です。
ただし、こちらに表示できるのはFacebookページとなります。（個人ページは表示できません）

Facebookページは、Facebookの個人ページの一番下の「ページを作成」より作成できます。
（詳しくはこちらをご参照ください。 http://f-navigation.jp/manual/pages/make.html ）


LikeBoxの設定方法
1． 下記のページへアクセス
　　https://developers.facebook.com/docs/reference/plugins/like-box/

2． リンクを作成するための情報を入力
「Facebook Page URL」 に、お客様のFacebookページのURLを入力してください。
「Width」 は「210」としてください。easy myShopに適した横幅となります。
その他の設定は、お好みで設定してください。（わからない場合は変更しなくてもでも大丈夫です）

3． 「Get Code」ボタンを押す
2つのコードが表示されます。
このうち、
「2．プラグインを表示したい場所にプラグインのコードを設置します」
に書かれているコードを使用します。

4． フリーエリア4を変更
　　Easy myShop店長ナビトップ ＞ 拡張設定 ＞ デザイン設定 ＞ フリーエリア設定 ＞ フリーエリア4の「編集」ボタン
より、フリーエリア4の編集を行います。
フリーエリア4に書かれているコードの下記部分を、
「2．プラグインを表示したい場所にプラグインのコードを設置します」に書かれているコードに変更します。

変更する前のコード
<!-- プラグイン -->
<div class="fb-like-box" data-href="http://www.facebook.com/easymyshop" data-width="210" data-show-faces="true" data-stream="true" data-header="true" style="margin-left: auto;margin-right: auto; background:#eee;"></div>
<!-- / facebook LikeBox -->

変更後の状態
<!-- プラグイン -->
「2．プラグインを表示したい場所にプラグインのコードを設置します」に書かれているコード
<!-- / facebook LikeBox -->

5． フリーエリア4を保存する
「保存」ボタンを押して、変更を保存してください。

以上の設定で、商品ページ右のFacebookリンクを変更できます。

ご不明な点がございましたら、再度お問い合わせ下さい。

丁寧な説明ありがとうございました。
無事に設定出来ました！
今後ともよろしくお願いします。