WPナビtwitterfacebookrssHomeカスタマイズ方法WordPressとFacebookの連動や、インサイト、OGPの設定方法のまとめ記事の詳細WordPressとFacebookの連動や、インサイト、OGPの設定方法のまとめカスタマイズ方法TweetWordPressで新しい記事を投稿するとき、Facebookにもブログの更新情報を連動させたいときは、「Wordbooker」というプラグインを使うと便利です。「Wordbooker」を導入して設定しておくだけで、自動でブログの更新情報をFacebookのウォールに流してくれます。これでブログを「いいね」してくれた人にも更新情報を素早く伝えることができます。インサイトという解析ツールを導入すれば、自分のブログのFacebookでの反応を知ることができます。OGPを設定しておくことで「いいね!」を押してくれた方のページに表示される画像や説明を最適化してわかり易くすることができます。「Wordbooker」の導入・設定する方法1.WordPressのダッシュボードから「プラグイン」⇒「新規追加」をクリックして「Wordbooker」を検索します。2.「Wordbooker」が見つかるので「いますぐインストール」の文字をクリックします。3.インストールが完了するので「プラグインを有効化」します。これでWordpress管理画面の「設定」に「Wordbooker」が追加されます。4.WordPressの管理画面から「設定」⇒「Wordbooker」を開いて、「Wordbookerを認可してください」の文字をクリックします。5.Facebookのページに飛ぶのでログインします。6.以下のような画面が表示されるので「OK」ボタンを押します。7.「代わりに公開で投稿する許可を求めています」と表示されるので「OK」ボタンを押します。8.「Facebookページを管理することを求めています」と表示されるので「OK」ボタンを押します。9.「Wordbooker」の設定ページに戻ってきます。「ページを更新」ボタンが表示されるのでクリックします。これで様々な設定が可能になります。別でOGP設定を行う場合はチェックとりあえず、ここまで設定したら「ブログ全体の設定を保存します」ボタンをクリックします。次にユーザーレベルの設定を以下のように変更しました。Facebookページに変更この設定でブログの記事を投稿すると、Facebookのウォールには以下のように自動で更新情報が流れます。反応を分析するための、Facebookインサイト導入手順Facebookのインサイトとは、自分のブログ上で「いいね!」を押してもらった回数や、シェアされた記事のインプレッション数(表示回数)などを調べて分析することができるFacebookの解析ツールです。Facebookインサイトを導入するには、まず下のURLにアクセスします。https://www.facebook.com/insights/ログイン画面が表示されるので、Facebookにログインします。「ウェブサイトのインサイト」ボタンをクリックします。「ドメイン」に自分のブログのドメインを記入して、表示されているメタタグをコピーしてWordpressブログの「header.php」内に貼り付けます。コードを貼り付けたら「インサイトを取得」ボタンを押します。これで「いいね!」の回数やシェア数などの情報を知ることができるようになります。Pro」の略で、FacebookなどのSNSでシェアされたときに、自分のサイトの内容を相手のタイムライン上でわかり易く伝えるための情報です。※作業を行う際は自己責任で、必ずバックアップを取った上で行ってください。設定方法に関しては、以下のサイト様を参考にさせていただきました。あかめ女子のwebメモとてもわかりやすくて助かりました。xmlns="http://www.w3.org/1999/xhtml">を以下のように変更しました。xmlns:fb="http://www.facebook.com/2008/fbml">HTML5のサイトであれば以下タグを使います。xmlns:fb="http://www.facebook.com/2008/fbml">次に「OGP用のコード」を追加します。-->当ブログの場合、アイキャッチ画像がFacebookが推奨しているサイズ(200×200px)より小さいので、画像の部分だけ200×200pxのものを用意して固定にしました。-->「content=”○○○○○“」の○○○○○の部分にはFacebookのIDを入力します。私の場合、Facebookインサイトを導入したときのメタタグをそのまま使っています。(エラーが出てないからたぶん大丈夫?)「content=”●●●●●“」の●●●●●の部分には、表示させたい画像のURLを指定してください。設定した項目にエラーがないかを確認するには、以下のサイトにURLを入力して「デバッグ」ボタンを押してください。当ブログのトップページをデバッグしてみると、以下のように表示されました。他の記事もデバッグしてみましたが、特にエラーも表示されないのでこれで大丈夫かなと思います。views見出しタグ(h1~h6)の正しい使い方。viewsページ上部へ戻る『WPナビ』について当ブログでは初心者の方でもワードプレスで個人ブログが作れるように、ワードプレスをインストールするまでの手順、初期設定と記事の書き方、ブログの運営に便利なプラグインなどを紹介しています。ワードプレスを利用する方は難しいと感じることもあるかもしれませんが、慣れてしまえばカスタマイズ性に優れた使いやすいツールです。これから自分のブログを作ってみようかなと思っている方は、是非ワードプレスを使ったブログにチャレンジしてみてください。WordPressの使い方。WPナビページ上部へ戻る。