How to Setup Facebook Instant Articles for Blogger
Have you heard about Facebook Instant Articles? Want to add Facebook Instant Articles on your Blogger Blogspot site? In this tutorial, we will explain what are the pros and cons of Facebook Instant Articles as well as show you how to easily setup Facebook Instant Articles for Blogger.
What is Facebook Instant Articles?
Instant Articles is a Facebook feature which allows you to load your content 10 times faster by using a customized mobile format. It is based on the same technology used in Facebook apps for mobile devices.
Instant Articles load up to 10 times faster than a normal web page. This incredible boost in speed provides a better user experience for mobile users.Many popular websites are already using Facebook Instant Articles to distribute their content which includes RearFront, TechCrunch, Mashable, DailyPakistan and many other. To identify instant articles on Facebook, you can look for a lightning bolt icon as shown in the picture below:
Pros and Cons Of Facebook Instant Articles
Like everything else, there are some advantages and disadvantages of using instant articles on your website. Following are the few pros and cons of using Facebook Instant Articles, please go through them before you setup instant articles on blogger.
Pros Of Using Facebook Instant Articles:
- Faster load times means the significant improvement in user experience.
- Due to speed, users are more likely to share your content.
- Access to monetization options through Facebook Audience Network.
- Boosted Facebook Page Reach.
- Facebook’s massive user base can bring the new wave of traffic to your site.
- The best thing, you can use Instant articles on Facebook for FREE.
Cons of Using Facebook Instant Articles.
- Users will not see your sidebars. It will hide your useful widgets, email list forms, and everything else that is not part of the articles.
- You may witness a drop in advertising revenue, as Facebook instant articles limit the advertisers as well as the number of ads you can show in an article.
- You can use some images and videos in your article, but Facebook instant articles will limit that as well.
- Most shortcodes, custom fields, and other WordPress features will not be displayed in your articles.
Going through the pros and cons thoroughly, it may not be a right decision for you to implement Facebook instant articles especially if you are running a business oriented website.
How To Setup Facebook Instant Articles in Blogger.
There are a few requirements for setting up Facebook Instant Articles on your Blogger site. You need a:
- Facebook page for your WordPress website.
- Facebook page app
- At least 10 or more articles on your website.
- Instant Articles for WP plugin
Having said that, let’s get started by applying for Facebook Instant Articles.
Sign up for Facebook Instant Articles
First, you need to visit Facebook Instant Articles website and click on the signup button to get started.
Facebook will now ask you to select a page. Here you need to select the Facebook Page for your website.
After selecting the page of your choice, check the box to agree with Instant Articles terms and then click on ‘Access Instant Articles Tools‘ button.
It will take you to your page that you selected in the previous step. You will notice that your publishing tools now has Facebook instant articles section.
Now you need to authorize your website to be able to import instant articles. In other words, you have to prove the ownership of your site.
To begin the authentication process, click on “Authorize your site” link, and Facebook will scroll you to the tools section where you will see a small code snippet.
You need to copy this code and paste after the <head> section of your blogger Theme.
Go to Blogger >> Theme >> Edit HTML >> Search for <head> and just below it paste the code.
After adding the code to your Blogger Theme press Save to stores changes.
Once you have successfully added the meta code to your website, go back to the publisher tools section of your Facebook Page.
You need to enter the URL of your site. After entering click on “Claim URL” to finish the authentication.
If you have followed the instruction correctly, you will see a message that says “Your URL has been claimed“.
The next step is to add your website’s RSS Feed link to Facebook Instant Articles, so it can automatically fetch information about your articles when they are published on your site.
Luckily, Blogger provides a robust RSS feeds page by default for each blog that you create. Also, make sure your’s RSS Feeds are turned on your Blogger site.
Another thing you will need to make sure that “Blog Posts Feed” are set to full. Go to Blogger Dashboard >> Your Blog >> Settings >> others >> Site feed >> . Make sure “Allow Blog Feed” is either set to full or if you want custom settings you can follow as shown in the screenshot below:
If you are already using a setting that already allows full blog posts feeds then there is no need to make any changes in this step.
You can access your RSS feeds page by adding /feeds/posts/default?alt=rss after your site’s URL http://www.example.com/feeds/posts/default?alt=rss.
Copy your RSS feed URL and switch back to your page’s Publishing Tools >> Instant Article. Scroll down to tools section and select “Production RSS Feed” to expand more options.
Paste your RSS feed URL and click on the “Save” button. Now the page will be refreshed, and you will see a message. that your feed was successfully added if you followed the instruction correctly.
Visit your Facebook page and click on Publishing Tools. From your left hand menu, click on “Production Articles” under Instant Articles. If you have followed the steps correctly then you will be able to see a list of articles that are published on your website.
Adding Logo To Your Instant Articles
Visit your Facebook page and from the admin bar and click on Publishing Tools. From your left hand menu, click on configuration’ under Instant Articles.
Scroll down to the Tools section and then click on the Style tab to expand it. Facebook has already added a default style for your website.
Click on the default style to customize it.
This will open up a popup where you can upload your website logo.
Facebook requires images that are 690 by 132 pixel minimum.
After uploading the logo, click on Save and then click on Done.
Submit Your Instant Articles Feed for Review
Before you can submit your instant Articles feed for review, you need to make sure that you have at least 10 articles in your instant Articles feed. If you have already published more than 10 articles on your website, but the feed is not showing all of them, then you need to edit your last 10 articles and simply click on the update button.
Once you are sure that you have 10 articles in your instant articles feed you are now ready to submit to Facebook for review.
Go to your Facebook page and click on Publishing Tools from the admin bar. After that click on the ‘Configuration‘ link under Instant Articles on your left hand menu.
Look for ‘Step 2: Submit For Review‘ on the configuration settings page.
If there is no error with your instant Articles feed, then you will see a ‘Submit for Review‘ button. Go ahead and click on this button to send your feed for review.
That’s all, Instant Articles will become available for your website once a Facebook team has reviewed and approved your feed.