Facebook Instant Articlesをご存知で、WordPressサイトに追加したいとお考えですか？
Instant Articlesは、Facebookユーザーに素早くコンテンツを配信するのに優れている。10倍速く読み込まれ、モバイルフォーマットを使用します。これは、優れたユーザーエクスペリエンスを提供し、フォロワーを増やすのに役立ちます。
この投稿では、WordPressにFacebook Instant Articlesを簡単に設定する方法を紹介します。
Facebook Instant Articlesとは？
Instant Articlesは、カスタマイズされたモバイルフォーマットを使用することで、コンテンツを10倍速く読み込むことができるFacebookの機能です。これは、モバイル端末向けのFacebookアプリで使用されているのと同じ技術に基づいています。
インスタント記事の投稿速度は、通常のウェブページの最大10倍です。この驚異的なスピードアップは、モバイルユーザーにより良いユーザー体験を提供します。
BuzzFeed、TechCrunch、Mashableなど、多くの人気メディアサイトがサイト上で利用している。Facebookフィードの稲妻アイコンで、インスタント投稿を簡単に見つけることができる。
Facebookインスタント記事の長所と短所
何でもそうですが、インスタント記事をサイトで使用することには、いくつかの利点と欠点があります。
Facebook Instant Articlesを利用するメリット
- ロード時間の短縮は、ユーザーエクスペリエンスの大幅な向上を意味します。
- 速さにより、ユーザーがコンテンツをシェアする可能性が高まります。
- Facebook Audience Networkによる収益化オプションへのアクセス。
- Facebookページのリーチの向上。
- Facebookの膨大なユーザーベースは、あなたのサイトに新しいトラフィックの波をもたらすことができます。
Facebook Instant Articlesを使うことの短所
- サイドバーを含むWordPressサイト全体のレイアウトがユーザーに表示されません。便利なウィジェットやメールリストフォームなど、投稿の一部でないものはすべて非表示になります。
- Facebookのインスタント投稿では、広告主や記事に表示できる広告の数が制限されているため、広告収入がドロップする可能性があります。
- 投稿に画像や動画を使用することもできますが、Facebookのインスタント記事には制限があります。
- ほとんどのショートコード、カスタマイザー、その他のWordPressブログの機能は、投稿に表示されません。
Facebook Instant Articlesを利用することの長所と短所を考えると、公開する側にとっては玉石混交である。実際には、あなたが作成するコンテンツの種類とあなたのビジネス目標に依存します。
ニュースメディアのサイトであれば、追加することに意味がある。ビジネスサイトなら、大きな違いはないかもしれない。
WordPressでFacebook Instant Articlesを有効化するために必要なものは？
WordPressサイトにFacebook Instant Articlesを設定するには、いくつかの必須条件があります。必要なのは
- WordPressサイトのFacebookページ。
- サイトに少なくとも10以上の投稿があること。
- Instant Articles for WPプラグイン（この記事の後半で設定方法を紹介します）。
とはいえ、まずはFacebook Instant Articlesに投稿してみよう。
Facebook Instant Articlesへの登録
まず、Facebook Instant Articlesのサイトにアクセスし、「Start earning」ボタンをクリックして開始する必要がある。
次に、Facebookアカウントにログインするか、アカウントをお持ちでない場合は新規作成します。
ログイン中、Creator Studioが表示されます。Facebookが「マネタイズ」タブでページを選択するように指示します。
あなたのサイトのFacebookページを選択し、「設定」ボタンをクリックしてください。
その後、設定作業を完了し、審査用にページを送信する必要があります。
まず、利用規約に同意する必要がある。
次に、「開始」ボタンをクリックして、レビュー用に10件のプロダクション投稿を追加する。
ボタンをクリックすると、さらにオプション設定が表示されます。
URLを請求することで、サイトの所有権を証明する必要があります。ドメインの請求オプションの前にある「請求」ボタンをクリックしてください。
Facebookは、WordPressサイトに追加する必要があるコードスニペットを表示します。
Facebook Instant Articlesには10サイトまで追加できます。
コードをコピーし、WordPressサイトの<head>セクションに挿入する必要があります。
このコードをサイトに追加する方法は2つあります。
子テーマのheader.phpファイルを編集し、<head>タグの直前にコードを貼り付けることができます。
ただし、子テーマを使用していない場合は、Insert Headers and Footersプラグインを使用することができます。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
プラグインを有効化した後、WordPressダッシュボードから設定 ” ヘッダーとフッターの挿入ページに移動し、ヘッダーセクションにコードを貼り付けます。
Save ボタンをクリックして変更内容を保存します。
サイトにコードを追加したら、Creator Studioタブに戻り、「Claim URL」ボタンをクリックします。
ポップアップウィンドウが外観表示されます。
ドメインを入力して「Claim」ボタンをクリックするだけです。サイトがまだ開発中の場合は、「This is a development URL」オプションを有効化できます。
次に、ドメインが承認されると、「承認済みドメインURL」フィールドにドメインが表示されます。
確認」ボタンをクリックしてください。
次のステップは、あなたのサイトのInstant ArticlesRSSフィードを追加することです。
そのためには、「プロダクション記事の追加」までスクロールダウンし、「追加」ボタンをクリックするだけだ。
次の画面では、ドロップダウンメニューが表示され、プロダクション記事の投稿方法を選択することができます。
記事の追加」ドロップダウンメニューをクリックし、「RSSフィードで追加」オプションを選択します。
生産RSSフィード情報のポップアップウィンドウが表示されます。
ここで、RSSフィードのURLを入力する必要があります。
RSSフィードURLを作成するには、WordPressダッシュボードに戻り、インスタント記事フィードを生成することができます。
まず、Instant Articles for WPプラグインをインストールして有効化します。WordPressプラグインのインストール方法については、こちらをご覧ください。
有効化した後、WordPressの管理画面からInstant Articlesにアクセスし、FacebookページIDを入力してください。ページIDはCreator StudioのClaim domainセクションで確認できます。
ページIDを入力したら、忘れずに設定を保存してください。
このプラグインは、WordPressサイトのインスタント記事フィードを生成する。
このように、サイトのURLの後に/feed/instant-articlesを追加することでフィードを見つけることができる：
https://www.example.com/feed/instant-articles
インスタント記事のフィードURLをコピーし、Facebook Creator Studioタブに戻ります。次に、RSSフィードのURLを入力し、「保存」ボタンをクリックします。
Facebookは、あなたのフィードが追加されたという成功メッセージを表示します。
インスタント記事のスタイルとブランディングを設定する
次に、Facebookインスタント記事のスタイルを編集します。
レビュー用に10本の本番記事を追加する」の下にある「記事のスタイルを設定する」オプションに行き、「設定する」ボタンをクリックするだけです。
その後、投稿のルック＆フィールを変更することができる。
スタイルの追加」ボタンをクリックします。
Instant Articlesの初期設定をカスタマイズできるポップアップが開きます。
サイトのロゴをアップロードし、タイトル、本文、傍線、字幕などのスタイルを編集するオプションがあります。
一番いいのは、右側のウインドウで行った変更のライブプレビューを見ることができることだ。
変更後、忘れずに「保存」をクリックし、「完了」をクリックしてください。
インスタント記事のフィードを送信してレビューを受ける
Instant Articlesフィードを審査に送信する前に、Instant Articlesフィードに少なくとも10件の記事があることを確認する必要があります。
すでに10以上の記事をサイトに公開しているにもかかわらず、フィードにすべて表示されていない場合は、直近の10記事を編集し、更新ボタンをクリックするだけです。
Instant Articlesフィードに10件の投稿があることを本当に〜してもよいですか？
Instant Articlesフィードにエラーがなく、必須タスクがすべて完了していれば、「レビューのために送信」ボタンが表示されます。このボタンをクリックしてフィードを送信してください。
Instant Articlesは、Facebookチームがフィードを確認し承認すると、あなたのサイトで利用できるようになります。
ボーナス：GoogleアナリティクスでFacebookインスタント投稿をトラッキングする
さて、WordPressでFacebook Instant Articlesのセットアップに成功したら、そのパフォーマンスも確認してみましょう。
Google アナリティクスでパフォーマンスをトラッキングすることで、どの投稿が最もトラフィックを集め、ユーザーがどのようにコンテンツとインタラクションしているかがわかります。
Facebook Instant Articlesをトラッキングする最も簡単な方法は、MonsterInsightsを利用することです。WordPressのための最高のアナリティクスソリューションで、コードを編集することなくGoogleアナリティクスを設定することができます。
MonsterInsights Proは、Facebook Instant Articlesアドオンやその他の高度なトラッキング機能が含まれているため、MonsterInsights Proバージョンが必要です。無料で使えるMonsterInsights Lite版もあります。
まず、MonsterInsightsプラグインをインストールし、有効化します。詳しくはWordPressプラグインのインストール方法をご覧ください。
有効化すると、WordPressダッシュボードにMonsterInsightsのウェルカム画面が表示されます。ウィザードを起動」ボタンをクリックして、WordPressサイトとGoogleアナリティクスを接続します。
詳しくは、WordPressにGoogleアナリティクスをインストールする方法のステップバイステップガイドをご覧ください。
その後、WordPressダッシュボードからInsights ” Addonsに向かい、’Facebook Instant Article’アドオンに移動します。
次に「インストール」ボタンをクリックすると、アドオンが自動的に有効化されます。
追加設定は必要ありません。MonsterInsightsがGoogleアナリティクスでFacebookインスタント記事のトラッキングを開始します。
Facebook Instant Articles トラブルシューティングのヒント
Facebook は、Instant Articles のフィードが開発者サイトに記載されている仕様と一致することを必須としています。Instant Articles for WPプラグインはその部分をあなたのために処理します。
しかし、サイトで使用しているテーマやプラグインによっては、エラーや警告が表示されることがあります。これらのエラーをトラブルシューティングする簡単な方法は、投稿を編集し、投稿エディターの下にあるFacebook Instant Articlesのメタボックスまでスクロールダウンすることです。
ほとんどのエラーは、Instant Articles for WP プラグインが使用する変換ルールがサポートしていないコンテンツを投稿に追加するプラグインやテーマが原因です。
カスタマイザーのルールを作成することができます。カスタムのトランスフォーマールールを追加する方法については、プラグインのドキュメンテーションを参照してください。
しかし、ほとんどの初心者が自分でそれを行うのは難しいと思われますので、開発者が必要かもしれません。他のプラグインやテーマを設定し、投稿にコンテンツブロックを追加しないようにすることもできます。
誤ったURL
Instant Articlesのフィードを送信する際に、Empty Feedエラーが表示され続ける場合は、追加しようとしているURLを確認してください。
http://www.example.com/feed/instant-articles
http://example.com/feed/instant-articles
これらは2つの異なるURLであり、WordPressの設定によっては、間違ったURLを入力すると404エラーになる場合があります。
それでもまだ空のフィードエラーが表示される場合は、サイトの最後の10投稿を更新してみてください。そうすることで、更新時間が変更され、フィードに追加されます。
この投稿がWordPressにFacebook Instant Articlesを設定するのにお役に立てば幸いです。WordPressブログを管理・成長させる40の便利なツールのリストやオンラインストアを始める方法もご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jay
Plz update this article, I am phasing more problems to connect feed url.
WPBeginner Support
We will be sure to look into updating this article when we are able.
管理者
Ahmad
Now it also need page access token
WPBeginner Support
Thank you for letting us know about this update to Facebook’s requirements
管理者
Derek
This says nothing about actually adding ads form the audience network though which is the hardest part.
WPBeginner Support
That topic would likely be best for a different article but thank you for the suggestion
管理者
vicky
I have created a website recently. it’s just been 20 days. And also i have created a Facebook page 4 days ago. my website has around 13 posts and on facebook page i have published 2 posts.
So is it something like that my facebook page should be 90 days old so that my page can be eligible for Facebook instant.?
usman
for instant article which hosting plan i should purchase?
WPBeginner Support
You do not need a specific hosting plan for Facebook Instant articles, for this method you would just want to be sure your site is a WordPress.org site.
管理者
Arize
So it’s just like Google AMP but a Facebook version of it. Right?
Naman Modi
This post really inspired for me . Therefore, try it especially if you want to increase traffic to your site. Take advantage of Facebook’s massive user-base to share your work.
Geet Rajput
The provided URL is not being accepted because the site has minimal readership, which violates the Instant Article Policies. Please provide a different URL.
this error show for my website. in my website 80+ article post. please tell me what to do.
Ernest
Im facing same problem here
naimesh
Get more traffic in your website and then try again
and make sure you put the metatag properly in header.php in your website.
Jithendar
One of my fb business page not appearing when applying to instant articles
gideon
please how can i use my existing Facebook page to register for Facebook instant articles?
Jilin
how to remove old website in instant article and add a new website
Rahat Hameed
please update your article
Alex
Most of the stuff is still accurate and applicable. You should have no problem following it. The only difference is that you no longer need to create a Facebook Developer App to do it. Essentially, Facebook made it easier.
Mathukutty P.V.
Thanks. I was looking in google about fb instant articles and also tweeted. But I dont think this will give more traffic to blog.
Suraj
Hiiii;
thanks for such a good post i have successfully setup the instant article.But i am getting a problem that my posts don’t show images on instant article and some post don’t show ads.
can you please help me..
Elisabeth
This is great, but it doesn’t tell us how to get the ads activated.
Milan
Hello, I have problem. When I try to activate Word press Instant Article plugin I see this: “No space left on device (28) in Unknown on line 0 Warning: Unknown: Failed to write session data (files). Please verify that the current setting of session.save_path is correct (/var/lib/php/session) in Unknown on line 0” ?
Vinayak Kejriwal
How to solve this error while claiming the URL in Step 4 :
“The fb:pages tag on the url doesn’t contain this page’s id. The url has fb:pages tag but they don’t have this page’s id. Please work with your developers / webmaster to add this tag to your website.”
Rohit
thanks for this tutorial…
i am facing problem in claiming my url
whenever i try to claim my url, it shows something like this.
“We tried going to your page and checking the page tags present, but there was a failure.”
please tell me what to do now.
Dameh
Please help. It seems the Instant Article plugin for WP has been updated and I was unable to follow your tutorial to set up the Plugin on my WordPress dashboard as the setting page looks totally diferent from what you showed on your images.
Yatin
Same is happening with me.. in first page of plugin..it is asking me for page id
Placement id.
Ad size and lots more things..
and when along with this error when i am entering that feed url then in result that url is showing full coding in result..
plz help me out
Elie
Hello,
thank you for your tutorials
when installing the plugin, it gives me this error!
Installation failed: Could not copy file. fb-instant-articles/vendor/facebook/facebook-instant-articles-sdk-php/src/Facebook/InstantArticles/Transformer/Warnings/NoRootInstantArticleFoundWarning.php
WPBeginner Support
Hi Elie,
Please see our WordPress troubleshooting guide or try plugin’s support forum.
管理者
Rahat Hameed
Please Update the Article
Saurav
what is my app domain
in settings under the dashboard tab?
david
greetings… WPBEGINNER SUPPORT, i appreciate this post.. very educative.
i was able to submit for review following your steps.
please i need help on the instant article plugin for wp, i could not submit for review, when ever i try submitting, i always get ” Permission Error”.
i wish to know if that will also be needed after the review from facebook team? Thank you very much……….. you are so kind.
Kumar Sarthak
In the WordPress instant article plugin, i am facing a error while logging into facebook. “ERROR – Facebook SDK returned an error: Couldn’t resolve host ‘graph.facebook.com”
and when it is directed to facebook, this is the messga i get, “Submit for Login Review
Some of the permissions below have not been approved for use by Facebook.
Submit for review now or learn more”
Please help me.
Mzainal
Can we add images in the instant article?
Pankaj Pandey
The fb:pages tag on the url doesn’t contain this page’s id. The url has fb:pages tag but they don’t have this page’s id. Please work with your developers / webmaster to add this tag to your website.
I am getting this error continously and unable to claim the website. plz help
Giuseppe
Hi, I use an advertising script I have inserted in the dedicated section of the wordpress plugin code . The posts that are published show instead of advertising a blank, why?
Thank a lot for your support
Best regards