How to Install Facebook’s Instant Article in your WordPress.org and Blogger Blogs Easily ?

Source : wordpress.com

Since Facebook first rolled out instant articles back in May, there had been speculations about if the social media giant would make it available for small scale publishers and if at all it did, why would they embrace it? Now that it has opened up the gates of instant articles to everyone, Facebook has made sure no one can refuse its offer with huge incentives.

What are facebook Instant articles?

Facebook instant articles are a new way for publishers (both small and large) to distribute stories on Facebook. An Instant article is a HTML5 document that is optimized for fast loading, custom branding, and a customized visual display. Facebook instant articles will load 10 times faster than traditional articles on mobile browsers.

What sets Instant articles different for Facebook is, they are interactive and users won’t have to leave the platform in order to read an article. After they click a link shared on Facebook, the post will open directly on Facebook instead of taking you to a browser tab.

If you follow some of the largest publishers, Mashable, New York Times, National geographic etc, they have Instant articles enabled. If you click a URL of them on facebook mobile, you will not be redirected to a browser to read it, instead, you read it inside the Facebook mobile app.

Lets Set it up !

So you will see steps for WordPress and Blogger are somewhat same till the RSS feed generation.

Step – 1: Signing up

First you need to register your Facebook page, which is associated with your website, with Instant Articles. If you do not have a Facebook page for your website, create one right from your phone. Now, you need to go https://instantarticles.fb.com/ and click on “Sign Up”.

Enable Facebook Instant Article for Blogger Blog Picture credits to mymobiletips.com

A new page will open in a new tab. You have to select the page, associated with your website. And then click on “Access Instant Article Tools”. Facebook now approves all such requests.

Step – 2: Claim your URL

Once your page is allowed to have Instant Article Tools, you’ll find the options related to Instant Articles in “Publishing Tools” tab in your page. The “Publishing Tools” tab is situated right above your page’s Cover Photo.

Navigate through: Publishing Tools >> Instant Articles >> Configuration >> Tools >> Connect Your Site.

You’ll see a meta tag and be asked to put the meta tag below <head> tag in your template.

Enable Facebook Instant Article for Blogger Blog

 

[Note: In your Blogger / Blogspot account, go to: Template >> Edit HTML. Now type “Ctrl+F” to find out <head> tag. Below the <head> tag, put the meta tag given by Facebook. And save your template.]

Now write down your website’s URL. And click on “Claim URL”. Your website will be registered for Facebook Instant Articles.URL claim success

Step – 3: Generate RSS Feed for Instant Articles

Will discuss WordPress.org blogs first,

  1. Simply install and activate the Instant Articles for WP official plugin. Upon activation, the plugin will generate an instant articles feed for your WordPress site.
  2. You can find the feed by adding /feed/instant-articles after your site’s URL, like this: http://www.example.com/feed/instant-articles
  3. Copy your instant articles feed URL and switch back to your Facebook page’s publishing tool section. Scroll down to the Tools section and click on ‘Production RSS Feed’ to expand it.

Add instant articles feed

Paste your Instant Articles feed URL and click on the save button. Facebook will show you a success message that your feed is added.

Setting up Facebook Instant Articles plugin for WordPress

  1. In the previous step we installed Instant Articles for WP plugin to generate RSS feed for instant articles. Now you need to set up rest of the plugin settings.
  2. You will notice that upon activation the plugin added a new menu item in your WordPress admin bar labeled ‘Instant Articles’. Clicking on it will take you to the plugin’s settings page.Instant Articles WP plugin settings
  3. This plugin requires an App ID and Secret keys for activation. You will need to create a Facebook app for your page to get those keys. Let’s take a look at how you can do that.
  4. Creating a Facebook App for Your Page
    First, you need to visit the Facebook for Developers website. Click on the drop down menu next to My Apps menu on the upper right corner of the screen next to your profile photo.
    Create a new Facebook app
  5. This will bring up a popup on screen. You need to click on website.Choose website for your app platform
  6. This will take you to a quick setup wizard. You need to enter a name for your Facebook app. This could be anything that helps you identify the app.
  7. Click on the ‘Create New Facebook App ID’ button to continue.Enter a name for your FB app
  8. A new popup will appear asking you to provide a contact email address and select a category for your app.
  9. Enter an email address and select Apps for Pages as app category.Provide an email and choose category for app
  10. Click on create App ID button to continue.
  11. The popup will disappear and Facebook will now create an app for you. On the quick start page, you will see new information about how to use the app.
    You just need to scroll down a little to ‘Tell us about your website’ section.Add your website URL
  12. Enter your WordPress website address here and click on the next button to continue.
  13. Even though Facebook will be showing you that there are more steps in the set up wizard, but that’s all the information you needed to enter.
  14. You can now click on the ‘Skip Quick Start’ button at the top right corner of the page.Finish quick start
  15. You will be redirected to your newly created app’s dashboard. You will be able to see your App ID and to see your App secret key you will need to click on ‘Show’ button.App ID and secret keys
  16. Before you copy these keys, first you need to make your app live and publicly available.
  17. Click on the ‘App Review’ link from the menu on your left.Make your App live
  18. On the next screen, you will see that your app is under development mode. Click on the toggle to switch it to ‘Yes’ and make your app live.
  19. Now click on the dashboard link from the left hand column to go back to your app’s dashboard. Copy your App ID and Secret keys.
  20. Return to your Instant Articles for WP plugin’ settings page on your WordPress site and paste your App ID and Secret keys there.plugin settings
  21. Click on the next button to continue.
  22. The plugin’s settings page will now show you a login with Facebook button.Login with Facebook to continue
  23. This will take you to Facebook, and you will be asked to give the app permission to access your profile information.
  24. After giving permissions, you will be redirected back to your WordPress site. Click on the ‘Select Page’ drop down menu to select your Facebook page.Select your Facebook page

 

Your WordPress site is now ready for Instant Articles.

Setup Instant Articles on Blogger BLOGSPOT blogs.

Generation of RSS feeds are the tricky ones.

  1. Since Facebook Instant Articles officially is not integrated with Blogger, we have to use the RSS Feed to sync articles of your website. Blow the “RSS Feed URL”, put down this:
    http://www.YOURWEBSITE.com/feeds/posts/default?alt=rss

Step – 5 Setup Style and Branding for Your Instant Articles

lets style your instant article and customize how it looks on Facebook.

  1. 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.Customizing style of Instant Articles for your website
  2. 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.
  3. Click on the default style to customize it.
  4. This will open up a popup where you can upload your website logo. Facebook requires images that are 690 by 132 pixel minimum.Upload logo and customize colors
  5. After uploading the logo, click on Save and then click on Done.

Step – 6 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 it to Facebook for review.

 

  1. 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.
  2. Look for ‘Step 2: Submit For Review’ on the configuration settings page.Submit for review
  3. If there are no errors 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 Facebook team has reviewed and approved your feed.

Troubleshooting Tips:

  • WordPress : Facebook requires that your Instant Articles feed match specifications described on their developer website. Instant Articles for WP plugin handles that part for you.

However depending on the theme or plugins you are using on your site, you might see some errors or warnings. An easier way to troubleshoot those errors is by editing a post and scrolling down to the Facebook Instant Articles meta box below the post editor.Instant Articles for warnings

 

Most of the errors are caused by plugins or theme adding content into your posts that is not supported by transformer rules used by Instant Articles for WP plugin.

You can create your own custom transformer rules. Refer to the plugin’s documentation to learn how to add your custom transformer rules.

 

Source URLs

Wpbegginer

MyMobileTips

 

 

Automatically post your tweets to your Google+ account

Until Buffer supports posting directly to Google+, I’m using IFTTT to automatically post my tweets to my Google+ account.  The setup is a little complicated and it requires that you have a Google Voice account but once you’ve got it working it works well.  I’ll show you step by step what you need to do along with some nice screenshots to help you get it working.

Setup

1) If your Google Voice number is set in your Google+ Settings (not your profile contact information), remove it. You will have to add it back later after you obtain the e-mail address below.

Google+ Notification settings
Google+ Notification settings

 

2) Make sure the Text Forwarding to e-mail is set in your Google Voice, GV, settings. This setting must be left on permanently for this to function.

Google Voice settings
Google Voice settings

 

3) Send a test SMS, from your GV number, to 33669. You’ll get a SMS back with “Google+: Did not understand the request.” We are looking for the special email address you get back from Google+ SMS., e.g.,

<yourGVnumber>.33669.<special characters here>@txt.voice.google.com

4) Go to Gmail and record the From e-mail address from the message you got in Step 3. You can add this as a Google Plus contact in your Google account (Gmail, Google Voice). A merged contact with 33669 as the Mobile # to use this contact as either an e-mail contact or a Google Voice contact.

5) Go to Google+ Settings and add/restore your Google Voice number as your phone.

To post a message to Google+ via e-mail

  1. Compose a new e-mail message. 
  2. Add the email address from Step 3 above to the “To address” field.
  3. Type your message in the body of the e-mail. The subject is ignored.
  4. Send the e-mail.

Configure IFTTT

For the IFTTT portion of the configuration you’ll need to have your Twitter channel and Gmail channel activated.  You can use the RSS channel instead of Twitter but you won’t be able to differentiate between a new post, reply and retweet.

  1. Setup a new recipe and choose Twitter.  You’ll want to trigger on a new post and you can optionally select replies and retweets but I prefer not to post those to Google+ because they will appear out of context.
  2. Next choose Gmail as your target.   Enter the special email address from the steps above in the to: field.  The subject won’t matter as Google+ will ignore it.
  3.  For the Body I’ve chosen {{TweetEmbedCode}} but you can customize it any way you want.  This is what Google+ will post to your account.

IFTTT settings
IFTTT settings

 

Conclusion

If you’ve done everything correctly you should see your Tweets start to auto-magically appear on your Google+ account.  This should make it easier for you social media butterflies to keep all of your social media accounts in sync.  Special thanks to Jaime Hernández-Cordero who came up with the original idea and to Michael Ingraham who added some tips that helped me finally get it working.

Thanking : http://joshkerr.com/post-your-tweets-to-your-google-plus/

How to navigate Free through India using Google Maps.

hello Folks,I found out this trick on Airtel Network and didn’t took much care in testing on other networks but let me assure you that this trick worked like charm for me without even costing me a single rupee. Well do you happen to get lost in some place where you had your Android Smartphone but no active Data plan or are you planning to go on an adventures trip but dont want to pay more on Google guidance and navigation.

Continue reading How to navigate Free through India using Google Maps.