[楽天]Facebook 「LikeBox」の設置について

公開日:  最終更新日:2015/10/22

Facebook 「LikeBox」の設置について
ネットショップ運営にFacebookは活用されてますか?
Facebookのウィジェットをトップページに埋め込んでいるショップを見た事がある方は多いかと思います。「いいね」の人数などを表示することでひと気を演出することが出来ますよね。

H27.10.22追記
現在、Likeboxは廃止になっています。下記を参照してみてください。
FacebookのLikeboxが廃止になるのでPagePluginに置き換えよう

スポンサードリンク

例えば、こちらのショップ 家具通販のロウヤ
ショップオブザイヤー2012で(家具・収納)ジャンル賞を受賞されてるショップ

ページの中ごろに↓↓↓こんな感じで表示されてます。

Like Box と呼ばれるウィジェットになります。
これの設置の仕方について説明します。


設定方法について

まず、Facebookにログインした状態で下記のURLにアクセスしてみてください。
https://developers.facebook.com/docs/reference/plugins/like-box/
ウィジェットの作成ページに移動できるので
↓↓↓の項目を設定していきます。

Facebook Page URL
FacebookページのURLを指定
Width
ウィジェットの幅を指定
Height
ウィジェットの高さを指定

Show Faces
いいね! した人の顔写真を表示する/しない
Color Scheme
見た目を指定(Lite,Darkのどちらか)
Stream
Facebookの記事を表示する/しない
Show Border
枠線の色を指定
Header
ヘッダーを表示する/しない

GetCodeボタンをクリックすると、貼り付け用のタグが表示されます。

何種類かコードがありますが、IFRAMEのタグをコピーします。
あとは、設置したいページに貼り付けるだけです。

GOLD内のhtmlに貼り付けるだけで表示される思います。
ついでに、このブログのFacebookページを作成してみました。

↓↓↓埋め込んだイメージはこんな感じになります。

よろしれば「いいね!」クリックしてくださいね。
ショップのFacebookページをいいね!してポイント5倍!GOGOキャンペーン などの楽天イベントも実施されていますので、うまく活用したいですね。




FacebookページやGoogle+ページにもブログ更新・気になる情報を流していますので
よろしければ、この機会にぜひ「フォロー」または「いいね」をよろしくお願いします。

ネットショップ出店をお考えの方はこちらをどうぞ

ネットショップ出店サービス一覧

ショップ運営に使えるjQuery動作デモ1ページにまとめてみた

ECサイト・ネットショップで使えるjQueryデモをまとめてみた

ショップにカルーセル表示を実装「おすすめ」

カルーセル表示実装ならjQuery「slick.js」が簡単でおすすめ

ネットショップ運営の効率化に使えるソフト・ASPサービス

ネットショップ受注・在庫・商品・発注管理

仕入先・商材をお探しの方はこちらをどうぞ

ネットショップ運営に使える仕入・卸サイト一覧

ネットショップへの集客に使える広告いろいろ

ネットショップへの集客に使える広告まとめ

ネットショップで使えるCSS・JavaScriptのデモを1ページにまとめてみた

ECサイト・ネットショップで使えるCSS・JavaScriptのデモをまとめてみた

ブログでの集客に記事作成代行サービスを活用

記事作成に使える記事外注サービスまとめ

お店(実店舗)の集客に活用できる店舗ポータル・Webサービスまとめてみた

お店(実店舗)の集客に活用できる登録サイト・webサービスまとめてみた

ショップ運営に役立つwebサービス・ツールについてまとめてみた

ECサイト・ネットショップで使えるwebサービス・ツールをまとめてみた

楽天市場の運営者向けの商品陳列HTMLタグ生成無料ツール作ってみました

楽天市場向け無料ツール

Your Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

スポンサードリンク

記事が気に入ったらシェアお願いします

PAGE TOP ↑