Sumirexxx

今日もiPhone片手に出かけます

FacebookのLike Boxを設置しました!「いいね!」押していただけるとうれしいです はてなブックマーク - FacebookのLike Boxを設置しました!「いいね!」押していただけるとうれしいです

WEBツール ブログ

今日はなんだか暑かったです。

いまさっき、FacebookのlikeBOXをつけました。前にもつけてたんだけど、なんか違うなぁ?と思ったら、プロフィール用バナーだった☆あはは

お昼休みの5分でできたのでご紹介します。まだの人はこの機会にぜひつけてみてくださーい!

Facebook Like Boxで検索。

Facebook developersという検索結果が出てくるので開きます。

Facebook developersはこちらからどうぞ!

このページはあとで使うので開いたままにしておきます。

Facebookを開く

Facebook Page URLという欄に、自分のFacebookのページアドレスを入力したいので、Facebookを開きましょう。

Facebookにログインした直後の画面て、「https://www.facebook.com」になってしまっていませんか?

これだと自分のページって認識してくれなそうですよね。

そんな時は、左上にある自分の名前のところをクリックして、独自のURLが出るようにしましょう。

ログイン

これをコピーして、先ほどのFacebook Page URLに貼り付けます。

アドレスコピー

あれ?出てこない?

何もうつらない
そんな方もいらっしゃるかもしれません。もしかしたら、長い間ログインしていなかったり、個人アカウントとFacebookページアカウントを持っていたりしませんか?

私の場合は、こう対処したら表示されました。

Facebookページにはいる。

左上の名前をクリックしたページではLike Boxが表示されなかったので、左上のFacebookボタンでいったん、ニュースフィード画面に戻ります。

もどる

Facebookページを作っていれば、真ん中あたりに表示されているはずですのでここをクリックします。

Facebookページ

そして、このページのURLをコピーしてみます。

コピー

Like Box生成の、Facebook Page URLに貼り付けてみてください。

表示された

今度はプレビューが表示されました。

URLは同じなのですが、何が違うんですかね?詳しいことまでわからなかったのですが、もし表示されない時はこの方法を試していただくのも良いかもしれません。

ヒントをいただいたブログを載せておきます。ご参考にどうぞ。

このページを参考にさせていただきました!

サイトに埋め込んだLike Box(Facebook)のウォールが表示されない時の対処法 | 野良メモ -noramemo-

大きさなどを指定して、GetCodeでソースを生成します。

GetCode

ソースは、

  • HTML5
  • XFBML
  • IFRAME
  • URL

から選ぶことができるようです。

今回は「IFRAME」を選んでみました。

Your Plgin Code

「IFRAME」タブを選んだら、下に表示されるソースをコピーします。

IFRAME

ウィジェットに貼り付けよう!

貼り付ける場所はお好みですが、私はウィジェットに追加しました。

コピーしたソースを管理画面⇒外観⇒ウィジェットに貼り付けます。

メニュー

タイトルはつけてもつけなくても。

ためしにつけてみました。

Facebookウィジェット

こんな感じで表示されます。

さ、さみしすぎる…。

表示

手順にするのは時間かかりましたが、実際の作業は5分位で終わります!

まだだれも「いいね!」していただけていないので

どなたかしていただけるとうれしいです…☆
FacebookもGoogle+も、もっと活用したいなぁ…。

Facebook 6.6(無料)
カテゴリ: ソーシャルネットワーキング

アプリをダウンロードする
Facebookページマネージャ 2.1(無料)
カテゴリ: ビジネス, ソーシャルネットワーキング

アプリをダウンロードする

それでは、また読んでくださいねっ☆

SMRX

Posted from するぷろ for iOS.

<