WordPressでFacebookをウィジェットに追加したい!

Facebookをホームページで表示したい プログラミング

このコミュニティではFacebookもやってるのですが、せっかくなのでFacebookのタイムラインをこのサイトにのせたい!(Facebookのページはココです)

だけどなぜかFacebookが表示されない!!

手を変え、品を変えても、何度やっても表示してくれない…。

今回は何度も調べながらやった内容です。

Facebookをサイトに表示する手順

手順は簡単なはずなんです。

Facebookの「ページプラグイン」というページを開き、

  1. FacebookページのURL」欄に、表示したいFacebookのURLを入力
  2. 「タブ」欄にtimelineと入力(すでに入力されているときは変更不要)
  3. 「幅」と「高さ」の欄を必要な値を入力
  4. [コードを取得]ボタンをクリック。

ページプラグイン画面1

その後、表示された画面の「上段と下段のコード」をサイトの表示したい場所に貼り付けるだけのはず!(コードはStep1とStep2の順にテキストエディタに貼り付けます)
ページプラグイン画面2

私はウィジェットにFacebookを表示したかったので、ダッシュボードから 外観→ウィジェット→テキスト と操作し、サイドバーにテキストを追加して、

ウィジェット追加

このウィジェットの本文(テキストエディタ)にFacebookのページプラグインで取得したコード(Step1とStep2)を貼り付けました。

コード追加方法

これでウィジェットにFacebookのタイムラインが表示される!!

そのはずが…

facebookが表示されない

表示されない!!

はあ~~~

表示されない!その原因と対策

なんで表示しないんだよ!!と悩みに悩み、ネットの海をウロウロすること数時間、やっとその原因が判明しました!!

ページプラグイントップ

なんだと…。

はい、灯台下暗しです。

サイトにFacebookのタイムラインを表示したくても、Facebook側で

  • 国別制限
  • 年齢制限

が設定されている場合はサイトに表示できません。

Facebookの設定を変えるには、設定→一般の「国別制限」と「年齢制限」の制限を解除してください。

Facebookの設定

「国別制限」の解除は、国名は入力せず、「指定した国のユーザーに非表示にする」にチェックしてきます。

国別制限

「年齢制限」の解除は「誰でも(13歳以上)」にしておきます。

年齢制限

これでFacebookのタイムラインが表示されるはず!

もし、

  • ページプラグインのコード発行画面でプレビューが表示されない
  • きちんとコードを埋め込んだのにタイムラインが表示されない

ときには
Facebook側の設定を確認してみてくださいね。

 

タイトルとURLをコピーしました