The New Google+ Share Button
Just when you think you have all the social media icons one could ever need (or at least want), Google releases another one. And just in case a simple +1 button isn’t enough for your adoring fans, they can now share your content within all their circles with a Google+ Share Button! Yeah! Woohoo! Are we excited yet?!
Google+ Share Button Examples
Customize your Google+ Share Button
To customize your button, you can visit the official Google+ Share Page at https://developers.google.com/+/plugins/share. If you are using Squarespace, be sure to click on the Advanced Options and add %PERMALINK% as the url to share.
Google Plus Share Button Advanced Options
Add Google Share Code to Squarespace
There’s a couple of things to take notice that will determine how much of the Google+ Share code you will need.
1. Do you already have a Google+ 1 Button on your website? If so, you do not need to add the second part of the code that says “Place this after the last Share Tag“:
However, if you are not using any type of Google+ button yet, paste the above code in your footer. (Structure Mode or in Website Settings)
2. If you are using my earlier tutorial on how to create a row of evenly spaced social media share buttons, you will want to wrap the code in the following html: http://textsnip.com/5d95a4 (go to textsnip link or click image to get code)
And be sure to have the following in your Custom Css (http://textsnip.com/06fbae):
With that out of the way, you will now need to navigate in Structure Module, to your Journal Configuration. Scroll down to Post Display Configuration and choose an HTML Snippet to paste the code. I used the Medium size icon with no annotation so yours may look a bit different from mine. (get code at http://textsnip.com/838dcf)
Green Highlighted Code is optional and used for styling
Choose HTML Snippet in Journal Configuration for Google Share Button
Paste Google+ Share Code in Html Snippet
You should now have a fully functioning Google+ Share Button.Go ahead and share something to make sure it’s functioning properly and you are all set! If you have any questions, please leave a comment. Also, code snippets don’t always display properly in these tutorials, so I’ve included textsnip links where needed.
Sharing an article using Google+ Share
Choose which Circles to Share in Google+
Use Code GIMME10 for 10% Off!
