Facebookページは、会社やお店の宣伝をするのに効果的です。
Facebookページのタイムラインをブログに貼り付けることで、検索からブログに訪れた人に「いいね！」を押してもらえたら、継続的にブログを見にきてもらうチャンスにもなります。
ワードプレスにFacebookページを貼り付ける方法を記載します。
貼り付け用コードを取得する
貼り付け用コードの取得はFacebookデベロッパーのページから行います。
https://developers.facebook.com
右上にログインボタンがありますが、コードの取得はログインしなくてもOKですので、上部にあるタブの「ドキュメント」をクリックします。
画面を下の方にスクロールさせると「ソーシャルプラグイン」という項目がありますので、クリックします。
「ページプラグイン」をクリックします。
「ウェブ」というボタンをクリックしてください。
このページで埋め込みコードを取得します。
「FacebookページのURL」という項目にURLを記載すると、自分のページが下に表示されます。
いいね！した人の顔を表示したい場合は、「友達の顔を表示する」にチェックを入れれば表示されます。
少し下にスクロールすると「コードを取得」というボタンがあるので、クリックします。
ポップアップウィンドウが開かれ、コードが表示されます。
ワードプレスにコードを貼り付ける
貼り付け用コードが表示された画面を表示したまま、別タブでワードプレスを開きます。
＜Step1＞と＜Step2＞で２つのコードが出てきたように、ワードプレス側も２箇所に貼り付けが必要です。
＜Step1＞のコードを貼り付ける
テーマ編集から【header.php】の<head>タグ内に貼り付けます。
わたしはプラグインを利用しました。
「Head, Footer and Post Injections」というプラグインです。
プラグインをインストールしたら、設定画面より「Header and Footer」という項目をクリックします。
でてきた画面にFacebookデベロッパーズで出てきた＜Step1＞のコードを貼り付けます。
＜Step2＞のコードを貼り付ける
次に＜Step2＞のコードの貼り付けです。
常に表示させておきたい場合は、サイドバーやFooterに貼り付けておくと良いでしょう。
その際、ウィジェットを使用します。
テキストウィジェットを貼り付けたい場所に追加します。
わたしは「フッター右」に追加しました。
＜Step＞2のコードを貼り付けます。
フッターを確認すると、このように貼り付けられていました。
まとめ
Facebookページをワードプレス内に貼り付ける方法を記載しました。
header.phpのファイルにコードを書き込む必要がありますが、プラグインを使えば簡単にできます。
ぜひTryしてみてください。
投稿者プロフィール
-
ブログ集客プロデューサー/ライター/コラムニスト
読者（消費者）との関係をつくり、集客や販売につなげる発信で5年10年後もお客様に愛される会社・お店づくりのためのメディアづくりをサポートしている。
これまで発信してきたもの、持っているコンテンツをわかりやすく見やすい形に編集してコーディネイトすることを得意とする。またコミュニケーションの中で、その人の中にある光るもの・強みを引き出すことも得意。
講座や個別サポートでは、その人ならではの魅力を引き出し、わかりやすく伝わりやすい言葉にして発信するお手伝いをしている。
最新の投稿
ブログ2018.08.11暑い！熱い！！平成最後の夏
WordPress2018.06.24記事下に著者情報を表示させるプラグインをVK Post Author Displayに変更してみました
ブログ2018.06.01お気に入り記事を久しぶりに見返したらビックリした
ブログ2018.05.30ランチ交流会を開催しました〜第127回関西ビジネスサテライト新聞社主催ランチ交流会〜