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

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.

host a page with the javascript html and then call this static page.. what say ? .. why wait for google. ? — Gaurav Shah, Aug 23 '11 at 07:17
There are not absolutes, check out this thread: http://stackoverflow.com/questions/6676658/share-link-on-google/8070581#8070581 — Helmut Granda, Nov 09 '11 at 19:51
pattermeister's answer provides a way to share on google+ using a URL with parameters. It worked for me. — sanukcm, Nov 23 '11 at 03:53
pinterest link http://ajtroxell.com/articles/pinterest-and-google-plus-share-links-without-javascript/ — Vlad Vinnikov, Oct 17 '12 at 19:01

score 212 · Accepted Answer · edited Aug 29 '12 at 18:37

212

https://plus.google.com/share?url=http%3A%2F%2Fexample.com

You can share the link on Google+ with the official Google+ share link. Replace the url parameter with the URL encoded link you want to share.

edited Aug 29 '12 at 18:37

Chirag Shah

3,654
22
29

answered Jan 05 '12 at 15:11

Matt

2,144
1
13
2

6

yeah its nice and also working for me, But i need to add the title with this url, I tried and the query string like "&title-mytext" like that, But it does not affect with the share comments, what i do for this?... can u advice me! – VinothPHP Feb 03 '12 at 07:17
1

@Matt I've been using this method for some time, but are you or anyone for that matter aware of method to pass just text and not a URL? I want to share a text string and not a URL similar to a tweet button. – Scott Sword Jul 06 '12 at 16:24
3

What about for supplying a title/caption via the query string? I'm trying to share a JPG and can't specify the HTML meta. – Hari Honor Feb 14 '13 at 19:27
1

@Sangdol I found a mention of the share link quite a long way down on the official page... https://developers.google.com/+/web/share/ Seems only URL is supported. – Edward Sep 13 '13 at 00:58

score 36 · Answer 2 · edited Feb 12 '12 at 08:47

36

This one works fine for me :

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

edited Feb 12 '12 at 08:47

Peter O.

32,158
14
82
96

answered Feb 12 '12 at 07:45

davidmars

653
6
8

more solutions seem to be popping up. Google is finally getting their game straight – Dogoku Feb 13 '12 at 10:54

mimming · Answer 3 · 2012-04-25T00:08:17.057

The share link allows you to do this. It will work in an email, but it's not quite the same as the +1 button.

To use the share link, add a link element to your email that complies with the Google+ Buttons policy. Set the href attribute to https://plus.google.com/share?url={url encoded share target}

For example, linking to https://plus.google.com/share?url=http%3A%2F%2Fexample.com will allow you to share example.com on Google+: Google+ share button (yes, that is a working demo).

Check out the official docs for more info.

If you use this approach please be aware of the fact that it is not a direct replacement for the +1 button. The link shares the target URL on Google+, but it does not actually +1 the target page. Only the +1 button can +1 a page.

score 16 · Answer 4 · edited Nov 13 '12 at 14:26

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

score 12 · Answer 5 · answered Dec 27 '11 at 21:37

12

I'm using the following.. :)

https://m.google.com/app/plus/x/?v=compose&content=[TEXT]%20[URL]

answered Dec 27 '11 at 21:37

Tracker1

19,103
12
80
106

Samir Dash · Answer 6 · 2013-04-11T12:46:24.647

2

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.

edited Apr 11 '13 at 12:46

answered Apr 11 '13 at 12:40

Samir Dash

118
8

Can Interactive posts be used without JS? The scope of this question is Newsletter or other no-js scenarios – Dogoku Apr 12 '13 at 08:19
1

@Dogoku Yes Interactive Post can be used without JS. – Samir Dash Apr 16 '13 at 06:40

score 1 · Answer 7 · answered Nov 22 '11 at 02:17

1

Maybe this helps. It works (partially) for me. http://www.stateofsearch.com/share-on-google-plus-any-website/

answered Nov 22 '11 at 02:17

John Kern

11
1

score 0 · Answer 8 · edited Oct 28 '11 at 06:11

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.

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

8 Answers8

Linked