Google+ Plus Badge For Your Website

Adding a Google+ Badge to Your Website

A Google+ Badge permits visitors to interact with your Google+ Company Page directly from the badge itself. There are a couple of ways to accomplish this and you can read more from Google here.

The Screenshot for our website below shows all 4 of our Social Media Badges on the right column.

social media icons

However, the minimum code required to render a Google+ badge on your website is one JavaScript include and a badge tag.

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

You can find your page ID in the URL when you are on one of your Google+ pages.

https://plus.google.com/u/0/b/106248181214540563669/+Playgooglesgamewin/posts

Just look for a string of numbers in the URL, and copy and paste them into this snippet of code and pop it into a Text Widget for the side column of your WordPress website.

Our code looks like the snippet below. Where 106248181214540563669 is our Page ID.

<script src=”https://apis.google.com/js/platform.js” async defer></script>
<g:page href=”https://plus.google.com/106248181214540563669″></g:page>