Google mas uno | Agregar Boton google plusone o Google 1 en una web, foro o blog

[hivitro]

Lo primero que tenemos que hacer para agregar la opcion de Google +1 en nuestro sitio web, es utilizar la aplicacion de google para generarlo, donde simplemente tendremos que elegir nuestro diseño y lenguaje, de esta manera obtendremos el codigo necesario para agregar en nuestro sitio.

 

Para esto, debemos acceder al siguiente sitio

 

 

http://www.google.com/webmasters/+1/button/

 

 

Una ves que nos encontremos en dicha web, veremos algunas opciones similares a la siguiente imagen.

 

 

 

 

Como dije antes, seleccionamos el diseño que mas se adapte a nuestro sitio y obtenemos un codigo, por un lado, simplemente los tag, para incluir en la plantilla correspondiente, o dentro de los <div> de maquetacion

 

<g:plusone></g:plusone>

Asi tambien, obtenemos un codigo Script que debemos incluir en nuestro sitio, donde tengamos definidos otros scripts, seguramente en el header como es en este caso, de vbulletin.

 

El codigo completo obtenido, deberia de verse como el siguiente, si eligieron la opcion TALL con burbuja Arriba

 

 

<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="tall"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
 window.___gcfg = {lang: 'es'};
 (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>

 

En el caso de elegir el modulo Standard, con burbuja a la derecha:

 

<!-- Place this tag where you want the +1 button to render -->
<g:plusone></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
 window.___gcfg = {lang: 'es'};
 (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>