: Make Google +1 button +1 a specific URL rather than the URL it's on? Can I make a Google +1 button +1 a specific URL - e.g. my front page, http://www.givingwhatwecan.org/ - rather than the

@Sims2060225

Any user's want to show individual G+ button for different post/pages then they should recommend to use this code:

//where to show 1+ button...

<g:plusone expr:href="data:post.url" size="medium" annotation="bubble"></g:plusone>


and paste this below code before </body> tag:

<script>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/client:plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script>

Vote Up Vote Down

@Annie201

The new api requires that you do something like this:

<div class="g-plusone" data-href="http://domain.tld/example"></div>

Vote Up Vote Down

@Cody1181609

Your code snippet does not match the one over at NicheProfit. (Though it does match the description, which is inaccurate.)

The custom URL is added as an href attribute on the g:plusone element:

<g:plusone href="http://www.example.com/"></g:plusone>


Alternately, just use Google's code generator, pop open the Advanced Options toggle, and fill out the "URL to +1:" field.

And here's the actual documentation on setting a target URL.

Disregard your two examples behaving differently. They're just wrong in the first place, so not worth debugging.

Vote Up Vote Down