アメブロのサイドバーにFacebookのLikeBoxを設置する方法

こんにちは!中小企業売上UP研究所
ソーシャルマーケティングデザイナーの加藤です。

このブログのサイドバーに設置しているFacebookページのLikeBoxをアメブロに設置する方法を以前に質問を頂いていたので、ご紹介致します。

1.Facebookデベロッパーにアクセししてコードコピーする

まずは、FacebookデベロッパーのLilkeBoxのページにアクセスしましょう。
Facebookdevelopers-LikeBox

アクセスしたら、運営しているFacebookページのURLを入力して、アメブロのサイドバナーの幅を設定してください。新スキンの場合はだいたい300pxぐらいだと思います。

赤い枠で囲まれているところを編集しながら、下に表示されているプレビューを確認してください。

プレビューを確認してOKな場合は「GetCode」ボタンをクリックしてコードをコピーしてください。

コピーする箇所は赤枠で囲まれている箇所です。上をコピーして張り付けたら、下の赤枠をコピーして貼り付けます。

2.アメブロにコピーしたコードを貼り付ける

貼り付ける場所は、アメブロの「プラグイン追加」>「フリープラグイン」タブに貼り付けます。
コードを貼り付けたら保存ボタンをクリックしてください。

コードを貼り付けたらアメブロで表示を確認してみましょう。
サイドバーにちゃんと表示されたら完了です!
※表示されない場合は、フリープラグインをちゃんと配置しているか確認してみましょう。

This entry was posted in 未分類 by . Bookmark the permalink.
◆只今コチラのブログで更新中!今すぐクリック
Webマーケティング 企業の集客・販促について

コメントを残す

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

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>