Simple Blogger Tutorials

Create Google+ Page for Your Blog

Google+ (Google Plus) finally rolled out Pages to connect you with others. Whether you are a brand or have a business or just blogging, you can create a fan Page on Google+ for people who love you. People can not only add your Page to their circles but also can recommend and start hanging out with you.

Same as Facebook fan Page, creating a fan Page on Google+ for your blog is also easy. It takes only three steps to create one after signing in to plus.google.com/pages/create. Check out below images.

Google+ Page Setup 1
Start creating a Page

Google+ Page Setup 2
Customize the profile

Google+ Page Setup 3
Finish your Page Setup

Final Google+ Page
Final Google+ Page

After setting up the fan page don’t forget to add an introduction under the About tab to let people know what’s this page is about.

Google+ Page Introduction

To toggle between and manage your pages, you can find the option from the dropdown menu under your profile picture. From here you will be also able to delete the Page created on Google+.

Google+ Manage/Delete Page
Manage/Delete Page

Get Your Blog Ready for Google+ Direct Connect

Google+ pages are also available on search results. For example, if you search for “+Angry Birds” on Google.com, it will directly take you to that page. Learn more by this video:

You can get this feature for your page also but you need to add rel="publisher" tag (however, it's not guarantied). For example if you adding a link to your blog so that your blog readers can reach your Google+ page then it should be:

<a rel="publisher" href="https://plus.google.com/[yourpageID]">Find us on Google+</a>
<link rel="publisher" href="https://plus.google.com/[yourpageID]" />

To add it to Blogger, go to Dashboard > Template, click Edit HTML and find <head> tag. Below it add the above snippet.

Add a Google+ Badge

You can also grab a badge for your Google+ page to add to your site or blog. Just visit grab a snippet of code, add your Google+ Page ID and get the code. Currently only icons are available but later badges will be introduced as promised by Google. You can also join and Circle me on Google+ by clicking the below icon:

Google+ Icon

Simple Blogger Tutorials on Google+

You will get two sets of snippets (check the image below), first is the link tag (I already told you how to add Google+ link tag to Blogger, if you already added it, you don’t need to add it over again) and the second is the snippet to add on your blog’s sidebar or wherever you want.

Google+ badge snippet
Get Google+ Badge

Google+ Badge


Here you need to add it differently. As I told you in adding Plus One button for Blogger, the asynchronous script sometimes fails to load when it's not placed immediately before closing body tag (there could be several other reasons too). So I would recommend you to:

Step 1: Click the Advance option and untick Asynchronous option.

Step 2: Now edit your Blogger template, find </body> tag and before it add:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"><script/>

Step 4: Save your template.

Step 5: Copy the second line from the Google Plus configuration page and add it wherever you find it appropriate (for example, by adding a HTML/JavaScript gadget to your sidebar). Check the image below:

Final Google Plus Badge Configuration
Google+ Configuration Page

What is Your Google+ Page ID

Go to the Home tab of your page (also known as Stream), click Get started link found under the left-hand menu, get you page ID under Tell the world section. Or simply, look at the address bar of your browser and get the ID from there.

Google+ Page ID
Google+ Page ID (highlighted)

Reference: Official Google Blog: Google+ Pages

1 comment :

  1. Thank you! I thought I was going mad...when the code provided by Google wouldn't work. You're the only one who suggested unticking the "Asynchronous" option, and now it works! :)

    ReplyDelete

Don't SPAM! Read comment policy.

Like