【Page Plugin】Facebookページのタイムラインをブログに表示する方法

ABOUTこの記事をかいた人

兵庫県加古川市在住の2児の父親です。
・ブログのサポート(月額会員制スポット
・某コミュニティの技術サポート
オルゴナイトのネットショップ店長
アクセスバーズ™️プラクティショナー

最近は、ダークファンタジーもののマンガやアニメが好きすぎて困ってますw

 

確定申告に!使いやすくておすすめです^^

ブログサポーター渾身のサービス!

ブログ運営者のためのサポート保険『Blog-Relief(ブログリリーフ)』

単発スポットサポート(30分 3,000円〜)はこちら!

どうも、「癒せるブログ屋さん」がみたかです。

 

このブログが3年目に入る時にFacebookページを作りました。

で、せっかく作ったのでもっとブログでも知ってもらおうと今更ですが「Page Plugin」を使ってサイドバーに設置してみたので、その手順を残しておこうと思います。

WordPressだとめっちゃ簡単なので、良かったら真似してみてください^^

 

Page Pluginにアクセスする

WordPressのプラグイン「JetPack」を使っている人は「Facebook Likeボックス」というのを使ってサイドバーやフッターに設置していたと思いますが、この「Likeボックス」は2015年6月下旬に終了しています。

なので、この「Likeボックス」は使わずに「Page Plugin」というものに乗り換える必要があるんですね。

現在は「Page Plugin」を表示するウィジェットがあります。

 

あと、表示するのは「Facebookページのタイムライン」で、「個人のタイムライン」ではありません。

 

Page Pluginの場合は、コードを貼り付けるだけで設置ができるのですが、まずはじめにコードを作成しないといけません。

コードを作成するために「Page Plugin」にアクセスします。

Page Plugin

Page Pluginの作成ページ

Page Pluginの作成ページ

 

こんなページが出てきます。

 

コードをゲットする

必要事項の入力

これが入力画面になりますが、これだけでコードの出力ができますw

Page Plugin作成画面

Page Plugin作成画面

 

FacebookページのURLを入力して、横幅と高さを決めるだけです。

横幅はサイズ制限があるから注意!

 

ここでチェックボックスの解説を残しておきますね^^

  1. よくわかりませんでしたw
  2. 表示に友達の顔も表示するか?
  3. ヘッダー領域を小さくするか?
  4. カバー画像を非表示にするか?
  5. Facebookページの投稿も表示するか?
  6. プレビュー

 

コードの表示

最後に「Get Code」をクリックします。

コードを作成する

コードを作成する

 

こんな感じでコードが出てくるので、コピーします(上下2種類とも)

添付用コードの取得

添付用コードの取得

 

WordPressに貼り付ける

まずは、サイドバーに貼り付けるため、ウィジェットのページを開きます。

ダッシュボード

ダッシュボードからウィジェットへ

 

「テキスト」と書かれたパーツを使う。

ウィジェット テキスト

ウィジェット テキストの挿入

 

入れるのはお好きな場所でいいと思います。

コードを2つともペースト

コードを2つともペースト

 

本来はphpファイルの「<body>タグのすぐ下」に1のコードを貼り付けるのですが、Wordpressの場合は2つのコードを同じ「テキストウィジェット」に貼り付けても動きます^^

コードを貼り付けたら「保存」しましょう!

 

実際にブログで確認する。

Page Pluginの表示

Page Pluginの表示

 

こんな感じで表示でいてたらOKだと思います^^

  • Likeボックスをまだ使っている人。
  • Facebookページを始めた人。

ブログと連動させたい人は是非「Page Plugin」を使ってみてください!

 

あ、ついでにいいね!を押してもらえると嬉しいです^^

※関連書籍

Facebookで集客・売上をアップする方法

新品価格
¥1,598から
(2015/9/12 23:10時点)

 

Facebookマーケティング [ビジテク] 価値ある「いいね!」を集める心得と手法 価値ある「いいね!」を集める心得と手法

新品価格
¥2,570から
(2015/9/12 23:12時点)

 

では、今回はこの辺で!

 

ブログ運営者のためのサポート保険!

ブログのトラブルや困ったことに時間を取られて

自分のやるべきことが出来ていない人のためサービスです!


『ちょっと困った』時のスポットサポート!

WordpressやWebに関する「ちょっと困った」を、

30分 3,000円〜で解決するサービスです!


Wordpressのお引越し!

安心・安全・快適で、ブログサポーターがおすすめする、

Xサーバーへのお引越しを代行します!


この記事が気に入ったら
いいね!をお願いします。

Twitter で

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