Google Plus One Button Recommend Button Plus One Code

Here is how to add Google Plus One button into your Website. Google Plus One button helps you increase visibility on the Web, cause Plus One button works as recommendation of your Website.

Related Articles:

Google Plus One Button Recommend Button Plus One Code

Google Plus One Button Recommend Button Plus One Code

1) Default

<!-- Place this tag in your head or just before your close body tag -->

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

<!-- Place this tag where you want the +1 button to render -->

<g:plusone size="tall"></g:plusone>


2) Asynchronous

<!-- Place this tag where you want the +1 button to render -->

<g:plusone count="false"></g:plusone>

<!--  Place this tag after the last plusone tag -->

<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>

Here is the actual code for Plus One button. 2 Different codes (default and asynchronous).

Google Plus One Button Recommend Button Plus One Code

Button Style Options:

A) no count

count="false"

B) with count

don't need to specify (comes by default)

1) small

size="small"

2) standard

don't need to specify size property (comes by default)

3) medium

size="medium"

4) tall

size="tall"

Google Plus One Button Recommend Button Plus One Code

Additional settings

<!-- Place this tag in your head or just before your close body tag -->

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">

  {parsetags: 'explicit'}

</script>

<!-- Place this tag where you want the +1 button to render -->

<g:plusone size="tall" 

href="http://www.dieselbarracuda.com">

</g:plusone>

<!-- Place this render call where appropriate -->

<script type="text/javascript">gapi.plusone.go();</script>

Additional settings comes for URL and Parsing (default (onLoad) or Explicit)

Related Articles: