Adding a Google Plus (one or share) link to an email newsletter



Answers

This one works fine for me :

https://plus.google.com/share?url=your-page-url

Question

I am trying to find a way to embed a share/+1 link for Google+ in a Newsletter, much like the Facebook share and tweeter tweet links can be embedded in a newsletter, which can be achieved with the following two urls:

https://www.facebook.com/sharer.php?u=[URL]&t=[TEXT]
http://twitter.com/intent/tweet?source=sharethiscom&text=[TEXT]&url=[URL]

Is there a similar functionality available for Google Plus?

All I could find on my own, is the Google+ button, which unfortunately uses JavaScript and thus it cannot be used in an email newsletter. I would expect Google to provide a static url fallback, but I cannot find it anywhere.




There has got to be a way to do this by hacking the +1 script.

If you are interested in just changing the apperance you should download and modify this to suit your requirements.

Then, add this to your css:

.Uu .KF {
    background: url("your-replacement-image") no-repeat scroll -132px -21px transparent !important;
}

to override the Google icons. However, this is probably very unstable and subject to change.




I personally suggest Google Plus Interactive Posts button https://developers.google.com/+/web/share/interactive to use in your apps/websites.Here Google Plus allows many customizations to do according to the requirement. I have used it in my app. Its a better option than Share button.




Solution for those who needs custom title, description and image. You should make following changes to target URL:

Step1. add itemscope itemtype="http://schema.org/LocalBusiness" into <html> tag. It will look like <html itemscope itemtype="http://schema.org/LocalBusiness">. More itemtypes here

Step2. Place the follwing meta tags into <head>, change content attributes according your needs:

<meta itemprop="name" content="{Custom title goes here}">
<meta itemprop="description" content="{Custom description goes here}">
<meta itemprop="image" content="{http://www.your_url.com/your_image.png}">

Step3. Add the following link to your newsletter or anywhere you want:

<a href="https://plusone.google.com/_/+1/confirm?hl=en&url=http://www.your_url.com">Share it</a>

Tip. To check how google sees your page, you can use this tool http://www.google.com/webmasters/tools/richsnippets. Probably you'll be interested in section Extracted rich snippet data from the page

Good luck, Lauris




Related