You may have heard about Facebook Instant Articles? Also, wanting to add Facebook Instant Articles on your Blogger BlogSpot site. In this article, we will show you how to setup Facebook instant articles in blogger with step by step instructions. We will also cover pros and cons of using Facebook Instant articles to see whether it is worthy to be considered or not.
Instant Articles powered by Facebook is a mobile publishing tool that allows publishers to load their articles ten times faster than a normal web page. Instant articles use Facebook App and customize web templates to maximize the load time.
Many popular websites are already using Facebook instant articles to distribute their content which includes RearFront, TechCrunch, Mashable and many other. To identify instant articles on Facebook, you can look for a lightning bolt icon as shown in the picture below:
Following are the few pros and cons of using Facebook instant articles, please go through them before you setup instant articles on blogger.
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. However, news or multimedia niche websites can surely benefit from this wonderful service.
Now you will be asked to select one of your Facebook pages that you would like to use for your instant articles.
After selecting the page of your choice, check the box to agree to the terms and conditions of using Instant articles. After agreeing to terms, 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 store 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 process.
If you have followed the instructions 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.
Another thing you will need to make sure that your “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 i.e.: http://www.mybloggerlab.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 instructions 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.
Step#2: Adding Logo to Your Instant Articles
Go to your Facebook page and click on Publishing Tools. From your left hand menu, click on ‘Configuration’ under Instant Articles.
Scroll down to the Tools section and click on “Styles” to expend more options.
Click on the “default” to customize it or click on “add styles” to create a complete design of your own.
Click on “Logo” and upload a transparent logo of your website which should be in PNG format. The minimum logo dimensions requirement is 690px in width and 132px in height.
There are many options for customization, and you can play with it and get a unique look for your instant articles.
After uploading the logo, click on Save and then click on Close.
Step#3: Submit Your Instant Articles for Review:
Before you can submit your Instant Articles for review, make sure that there are at least 5 Instant articles in your Production library. Once you are sure that there are at least five articles, then you are good to submit your Instant Articles for review.
Go to your Facebook page and click on Publishing Tools. From your left menu, click on ‘Configuration’ under Instant Articles.
In Initial Setup section, look for “Step 2: Submit For Review”
If there are no auto-generated errors you will be able to submit your Instant Articles for review. Go ahead and click on “Submit for Review” to send your feeds for reviewing. It will normally take 1-3 business days to get a reply from Facebook review team.
Once the Facebook review team fully approves your Instant Articles, you will be able to move to “Step 3: Start Publishing Instant Articles” and start publishing your Instant Articles.
We hope this article has helped you in learning how to setup Facebook instant articles for blogger blogspot domain. If you like this tutorial, then please share it on Facebook, Twitter or Google+.
Source link: http://www.mybloggerlab.com/2017/07/how-to-setup-facebook-instant-articles-for-blogger-blogspot.html