Como poner el botón compartir de Google+ en tu web

Google+ lanzo finalmente su botón compartir, con esto ya no será obligatorio valorar una noticia para poder compartirla en nuestro muro. Este pequeño tutorial nos enseña paso a paso como colocar el botón en nuestra web, como requisito debemos tener conocimientos básicos en HTML.

Este código nos generara el botón compartir de Google+, podemos asignarle diferentes valores como el tamaño del botón, el ancho/alto y el link para compartir.

<div class="g-plus" 
	data-action="share" 
	data-annotation="vertical-bubble" 
	data-height="60" 
	data-href="http://tednologia.com"></div>

Podemos configurarlo mediante el generador de botones y pre visualizarlo en la misma, una vez satisfechos con el acabado copiamos en primer bloque de código que esta a la derecha. Esto lo tendremos que pegar en el HTML y en el sitio donde deseamos aparezca el botón.

Finalmente el siguiente código tenemos que

coloca

rlo justo antes del tag . Es obligatorio tener el código para poder generar el botón y hacerlo funcionar.

<script type="text/javascript">
  window.___gcfg = {parsetags: &#039;onload&#039;};

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

Tamaños de botones

Bubble (horizontal)

Bubble (vertical)

Inline

Sitio Web: Share – Google+ Platform

Vía: GoogleplusPlatform

zp8497586rq

También te puede interesar