HowTo's-Blogging tips-Tutorials programming and Guides

Tuesday, 19 September 2017

How To Setup Facebook Instant Articles For Blogger

You might have heard about the facebook instant articles before or thinking of how to set it up for your blog, in this post I will show you steps to set up the facebook instant articles.

If this is your first time you are seeing or hearing of Facebook instant articles I will give you a brief explanation of it and how it works.
Facebook instant articles is powered by Facebook it a mobile publishing tool for webmasters/publishers that allows them to load their article/content faster than a normal web page, facebook instant article uses facebook app and customized web template to increase/maximize the load time

Lots of popular websites/blogs are already using the Facebook instant articles to distribute their content such as Mashable, TechCrunch, RarFront and much more. To recognize the instant articles on facebook you can check out for a lightning bolt icon as shown in the image below

Why facebook instant articles is important
As we all know Facebook is one of the most popularize social recently counting on 2billion+

  1. It increases your load time which gives your readers reason to stay most people don't have all the time in the world to wait for a web page to load the faster the load time the more interest they have in reading. 
  2. There's nothing so impressive like getting a free service online, the Facebook instant articles is absolutely free no charges are attached.
  3. Due to better user experience, it is likely for users to share your content which promotes your visibility on social media. 
What you need to watch out for why using Facebook instant articles 

  1. In case you are using a third-party ad service such as Buysellads or infolinks you might witness a drop in your revenue because Facebook limits the number of adverts delivered through instant articles.
  2. Widget won't appear on your instant articles if any is applied on your content or web page.
  3. Sidebars will not be visible on your instant articles which means Advertisement or pieces of information in your sidebars will not reach your audience.
Knowing all of this you must be thinking of how to implement facebook instant articles especially if you are running an online business oriented website/blog moreover news or multimedia niche can also benefit from this great service.

How to get started


Step 1 signing up for instant articles
The first thing you need to do is go to the facebook instant articles home-page  and click on the Sign-Up button to get started

You will be asked to choose your preferred facebook page you want to use with instant articles

 After  your page selection don't forget to click on the agree to terms and conditions then click on Access instant articles tools to proceed you will be redirected to your facebook page you selected previously, your facebook page Publishing tools now has the Facebook instant articles section

Also Read: How To Auto Publish To Twitther With Feedburner

Now you will need to authorize your website/blog to be able to import contents


to proceed with the authorization click on "Authorize your site" and facebook automatically scroll you to the tools section where you will be giving a small code snippet to paste into your website


You will need to paste this code in your blogger template
How and where to paste the code 
Go to your blogger dashboard, by your left click on theme>>>>edith HTML search for <head> paste the code below it.

and click on save "theme" to apply your changes once the code is successfully added to your blog go back to your facebook publisher tool section.

How to Create And Add Google Sitemap to Your Blog

You need to enter your website or blog URL then you click on "Claim URL" to finalize your authentication process
if your code has been placed correctly on your blogger theme you will get a message that says your URL has  been claimed

Next step is to add your blog RSS feed link to instant articles so it can automatically get information about your articles when they are published on your blog.

blogger provides RSS feeds by default for each blog that you create also make sure your RSS feed is turned on from your blogger site.

One more thing you will need to make sure your blog post feed is set to full.

How to set your blog feed to full 
Go to your blogger dashboard follow the instructions in the image below

If you already applied a setting that allows full post feed there's no need to make changes.

Copy your RSS feed like and go back to facebook page publishing tools

How to access your RSS feed page
You can access your RSS feed page by adding /feed/posts/default?alt=rss after your blog URL
example http://www.techstoryhowto.ga/feeds/posts/default?=rss

Click on save the page automatically refresh itself and you will see a message that your feed has been added successfully if you have followed the instructions correctly.

Go to your facebook page and click on the publishing tool by the top left o your screen then click on Production articles below instant articles if you have followed the instructions correctly you will be able to see a list of articles from your blog

Step2 Adding a logo to your facebook instant articles

On your Facebook page click on publishing tool then click on configure below instant articles scroll down from the tools section and click on style for more option click on default or click on add style to create a new design of your own.

Also Read: How To LInk Javascript File in Html

Click on choose logo to upload a logo of your blog it should be in PNG format, your minimum logo dimension requirement should be 690px in width and 132px in height

they are many options to customize apply and get  a unique look for your facebook instant articles

After your logo is fully uploaded click on save and close

Step3 Submitting your instant articles for review 
Before you submit your articles for review make sure you have up to 5 instant articles in your production library once you are sure they are at least 5 articles you are good to go submit your articles for review.

Go to your facebook page click on publishing tool then configure under instant articles

In initial setup, section look for step 2 to submit for review

 if there is no error you will be able to submit your article for review then click on the "Submit" button for review, it normally takes 1-3 working days to get a reply from facebook review team.

Once your article is fully approved by facebook review team you will have access to step 3 to start publishing your instant articles.



I hope this post has helped you in learning how to set up the facebook instant articles for your Blogger Blogspot.
If you find this tutorial helpful and interesting please share to friends also join my Tutorial spot on Google+ connect with me on Facebook and Twitter







8 comments:

  1. Very well written and good article thanks for sharing a great information

    ReplyDelete
  2. If this really work I will be very grateful

    ReplyDelete
  3. Being a newbie into blogging, I have to learn a lot of things now and this is something that really helped me. Thanks for sharing this. :-)

    ReplyDelete
  4. I have already done it and now i want facebook ads to show on it.. Please help

    ReplyDelete
    Replies
    1. Kashmir i dont think facebook ads will display on instant articles but other adnetwork ads will do thank you

      Delete