Want to drive more traffic from Facebook & earn more money?
If your answer is yes, today seems to be your lukcy day.. Read on…
The Facebook instant articles are not new to the users like you who is so net savvy. As a blogger & webmasters, Fb instant article is a boon & a curse. Boon because it will give us more traffic from Facebook & at the same time it’s bad; as you won’t be able to show your widgets or email box like you do right now. Needless to say, the Facebook instant article is here to stay & sooner you would integrate it, better it would be for you.
I have waited for quite long to share this article with you; as I wanted to give you all necessary details & guide to configure FB instant articles with your website. Today, I will be sharing the complete tutorial + a video guide to help you setup Facebook instant articles for your blog.
If you are not aware of Instant articles by Fb, let me quickly give you an overview of what it is & why it matters.
What are Instant Articles?
The instant article is a feature by Facebook that solves the problem of slow loading of articles. An Instant Article is a HTML5 document optimized for fast mobile performance, rich storytelling capabilities, branded design and customized the visual display. Once you have enabled Instant articles on your website/blog, after that whenever your articles are shared on Facebook, users surfing on the mobile app should be able to see instant article icon. The icon represents that the article is an instant article & it would open within seconds. In the below image you can see how instant articles icon look like:
I’m sure many of you already have experienced Instant articles when using the Facebook mobile app on your smartphone. If not, from now on pay attention or check few posts on ShoutMeHindi Facebook page using your Facebook mobile app.
There are many pros & cons of using Facebook Instant articles, but pros outweigh cons in the majority of cases. Since Instant articles are not too old and there is a great room for improvement & innovation in the coming days. Instant articles are very crucial for countries like Brazil, India, Philippines & many other countries where low connectivity is an issue. Check out this video to understand how Instant articles look on a smartphone:
I will cover the pros & cons of Facebook instant articles in coming days & for now let’s setup Instant articles for our WordPress blog.
How to Setup Facebook Instant Articles on WordPress platform:
I would suggest you to go through the steps mentioned below & then watch the video guide. While watching the video, start configuring Instant articles for your WordPress site. It should take about 15 minutes to configure everything & within one day, Instant articles should be live for your website. So, let’s get started:
- Login to your Facebook account.
- Head over to Instant articles signup page & click on Signup.
This will lead you to next page where you need to select the Facebook page where you would like to enable Instant articles tool.
- Select the page & click on Enable Instant articles. This would enable Instant articles for your Page & now we need to configure Instant articles.
- After enabling Instant articles for a page, you can always access the configuration page by going to page settings > Instant articles.
Here we need to do following things:
- Claim your URL
- Add RSS feed ( For other platforms, you can use their API to setup Instant articles. Here is the guide for the same)
- Submit for review
We will also be configuring official Instant articles WordPress plugin that I have covered in-depth below. If you feel you will be stuck in between, don’t worry as the video guide will make it easier for you to follow everything. A user with basic computer skills should be able to follow this guide. So let’s get started:
Claim your URL:
Click on Claim your URL & that would give you a Meta tag which you need to add to your Website <head> tag. You can do the same by editing your header.php file or if you are using Genesis WordPress theme like me, watch the video below.
Once you have added the Meta tag, do clear your WordPress cache. Now, click on Claim URL & you would see a success message as shown below.
The next step is to setup the RSS feed for Instant articles which would be done with the help of official WordPress plugin for Facebook Instant articles.
RSS Feed & Official Facebook Instant articles plugin:
Facebook has partnered with few publishing and analytics platforms to make it convenient for bloggers to create and post Instant Articles. Install Official Facebook instant article WordPress plugin. This plugin is developed by Facebook, Automattic & few more developers. Upon activation of plugin, a new feed has been generated & you can check it by adding /feed/instant-articles to your domain name. So, in my case it was:
Go back to your Facebook page instant Articles setting & add this RSS feed into the ‘Production RSS feed’ area (Refer to below screenshot)
Click on Save & now let’s get the last few things done.
Configuring the FB instant article WordPress plugin:
- To start using the plugin, you need to input the Facebook App ID and App Secret. For this, you need to create a Facebook app which is pretty easy.
- Follow the below-mentioned steps & it would be done within 5 minutes.
- Go to this page & click on add a new app
- On the pop-up select website as the option.
Click on Create App ID & on the next page, enter your website URL without HTTP://
Click on Next & then click on Skip quick start guide. On the next page, you would see your App ID & App secret.
- Also, you need to make your new app live. Click on App review > Change the toggle to yes & this would make your app live.
( I suggest you to watch the video that would make it pretty easy for you).
- Now, head back to Facebook instant article WordPress plugin settings & Copy the App ID & App secret to WordPress plugin
- Click on Next & you will see the option to Login with Facebook. Click on it & validate your login & select your Facebook page from the drop-down.
Click on next & that’s it. The plugin is configured & now you need to submit articles for review Now, before we complete the final submit for review step, click on Style & click on default style:
Here you need to add your website logo (Mandatory) that should be in the size of 690*132 Px.
Tip: If you don’t have the logo, simply create a blank canvas of the size 690*132 in Snagit or any other image editor tool you have & use your blog name as logo.
Once you have uploaded the logo, click on save & done.
Submit for review:
Now, this is where it gets tricky, as you need to submit 10 posts for review. Here is what you can do:
- Go back to your WordPress dashboard
- Open 10 already published blog posts in edit mode.
- Save all of them & this will send those article to your Facebook instant articles RSS feed.
Once that is done, you will be able to submit your articles for review.
Here is the video guide that I have mentioned above. This would clear any doubt that you might have for configuring Instant articles for your WordPress blog:
Facebook Audience Network:
One of the thing that most of the publishers are worried about is monetizing articles served via Facebook instant articles. Well, Facebook has open Facebook audience network which let you earn 100% of revenue generated via it. Here is the official explanation on Fb Audience Network:
Audience Network provides publishers and developers with engaging, high performing ad units backed by Facebook’s 3 million advertisers. Audience Network extends the reach of Facebook campaigns beyond Facebook, and provides publishers a way to monetize their content with relevant, better-targeted ads and innovative native ad formats.
Once you click on get started, you will also get the link for audience network dashboard. You can take help of this resource to configure your payment option. If you don’t update your payment option, Facebook will stop service ads once you have reached $100.
Just to let you know, it takes about 5 minutes for your audience network application to get approved. I will do a detailed article on this in the coming days.
- Analytics & measurements for Facebook Instant articles
- Developers Guide to Instant articles
- Facebook Instant Article partners
In the coming days, I would share tips & tricks to get most out of Instant articles. For now, go ahead & configure it for your blog. Do come back & share your experience with us. If you have found this guide useful, do share it with your friends who have a WordPress blog.
Subscribe on Youtube