Development
How to Use The Google Plus Share Button
Google has been very busy this week with their Drive offering, however something that flew in under the radar is their new Google Plus Share Button.
Previously we have had the ability to +1 a page or post, but now site owners can allow visitors to share the posts with their friends and contacts.
The core difference between the +1 and the share then? The Google +1 is more of an endorsement of the material, however it doesn’t actually share it onto your stream. The Google Plus Share function will prompt the users which of their circles they want to share with, then include it in their stream.
So, on to the fun part. Implementation.
Here is an example of the simple button:
Simple Button
This is a general 20px button used to share content. Much like the +1 buttons, these will change colour once used.
<script src="https://apis.google.com/js/plusone.js"></script><g:plus action="share"></g:plus>
Share Tag
Here is the standard share code
<g:plus action="share" ...></g:plus>
HTML5 Div version
<div class="g-plus" data-action="share" ... ></div>
Asynchronous JavaScript Loading
Asynchronous inclusion allows your web page to continue loading while your browser fetches the share JavaScript. By loading these elements in parallel, you’re ensuring the HTTP request that gets the share button JavaScript doesn’t increase your page load time
<script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();</script>
For more tags and options, visit:
Tagged google plus, Google+, HTML5, JavaScript, social media, Social Media Sharing
TashWordMay 1, 2012 at 11:05 am
Have you implemented this somewhere Aidan so I can see what it looks like please?
TashWord recently posted..Social media predicts stuff
Aidan BradleyMay 1, 2012 at 11:26 amAuthor
We’ll be adding it on in a day or so for everyone to have a play
Aidan Bradley recently posted..5 Guiding Steps: A Freelance Logo Designer Career
Aidan BradleyMay 1, 2012 at 11:34 amAuthor
There we go I’ve added in a version of the simple button into the article
Aidan Bradley recently posted..Skype To Be Accessed Via Browser
TashWordMay 3, 2012 at 1:40 pm
Thanks Aidan
Does sharing a link also give it a plus 1, or are they completely separate actions?
TashWord recently posted..Blog editing policies
LeetPro77July 5, 2012 at 10:28 pm
This looks great, am going to try to implement it into my site.
Thanks for the help!
izzypopaJuly 13, 2012 at 5:12 am
Thanks a lot for this, i will use it on my forum even though Google Plus doesn’t seem to be as popular as Facebook, but it couldn’t hurt to just chuck it up there
Thanks heaps mate!
LauraJuly 19, 2012 at 8:19 pm
Don’t be mistaken, Google plus is growing more and more. I was surprised when I add the button on my blog
BreakfreeJuly 13, 2012 at 10:19 pm
Well , Google Plus is already popular so it won’t hurt using it on my blog, on hte ocntrary I have great expectations from using it . I am waiting for increase of traffic in my blog.
LauraJuly 17, 2012 at 6:45 pm
Have you seen a difference in the traffic on your blog since you use the Google +1 button?
cuenneJuly 23, 2012 at 3:33 am
Thanks for this. I think this will be helpfull to advertise my forum a bit. I was just wondering. Once a user click the Google +1 Who sees that the user clicked it ? Is this a great way to share a website or only the user who clicked the button will see the link ?
jaruriJuly 30, 2012 at 3:24 am
I’ve already started to use G+ more than I do facebook. This will come come in handy alot! Thanks!
coolboylkAugust 9, 2012 at 5:26 pm
I think due to Facebook timeline and other changes made some people to find to other social networks like Google +, pintrest .. etc. Any how nice post. Keep it up.
arajooAugust 11, 2012 at 6:43 pm
I added Google plus in my blog but it didn’t help much in promotion. I guess it still boils down to how popular your blog or site is prior to adding Google plus. Anyway Google plus is still indeed growing so I guess there is more to come and I am sticking with them.
arajoo recently posted..Review: ELF Studio Line Pink Passion Blush
MoniqueSeibelAugust 17, 2012 at 10:26 am
I really need to figure out how to utilize this and Google + in general. I feel as though there is no point to even including them on my blog, until I have more people in my circle. I feel like every other day there is a new popular social network to be on.
MoniqueSeibel recently posted..Make Money Online – Proof Web Perspectives Pays
dhintakaAugust 28, 2012 at 4:29 pm
Thanks for this information. I still need to figure out if I really need to use this as I have less people in my circle. I surely want to know how helpful has this been in creating traffic?
PaladinSeptember 26, 2012 at 11:20 am
Thanks for this. I think this will be helpfull to advertise my forum a bit. I was just wondering. Once a user click the Google +1 Who sees that the user clicked it ? Is this a great way to share a website or only the user who clicked the button will see the link ?
Paladin recently posted..Re: Make Money From Jokeroo