Google Plus - Badges

Google+ platform is an efficient platform to integrate with other social networking platforms. Google+ allows interaction with all other platforms such as YouTube, Twitter, etc. We can provide a button of our website/page on our Google+ account that people can use to easily navigate to the page. This generates more traffic to our website/page. If there is a need for google authentication, we can develop our own badges, +1 buttons, and follow buttons.

Adding Badges

Google+ badge is similar to FB ’like’ button or the ‘tweet’ button on Twitter. It’s a good idea to let other people know that we are on Google+. It helps customers to like or follow us directly by clicking the badge provided on our page.
People from other platform can also connect with us or our page with just one click on the badge. Adding a badge establishes that the page is verified. Badge generates more followers. Make sure to make the badge appealing and apt to our business.
There are 3 different kinds of badges −

• Google+ profile badge
• Google+ page badge
• Google+ community badge

Google+ Profile Badge

The Google+ profile badge is for people to directly follow our personal profile, which helps the visitors to directly contact us. It provides an option for people to directly add us to their circles.
Following is the code to render a profile badge to our website.

<script src="https://apis.google.com/js/platform.js" async defer></script> 
<g:person href="https://plus.google.com/{profileId}" datarel="author"></g:person>

Google+ Page Badge

The Google+ page badge is for people to follow our page unlike profile page in which the visitors directly engage with us.
Following is the code to render a page badge to our website.

<script src="https://apis.google.com/js/platform.js" async defer></script> 
<g:page href="https://plus.google.com/{pageId}"></g:page>

Google+ Community Badge

The Google+ community badge is for people to directly preview their community. It helps people find their community and engage on topics which they find interesting.
Following is the code to render a community badge to our website.

<script src="https://apis.google.com/js/platform.js" async defer></script> 
<g:community href="https://plus.google.com/communities/{communityId}"></g:community>