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

0
40

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.

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


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.

[javascript]
<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>
[/javascript]

Tamaños de botones

Bubble (horizontal)

Bubble (vertical)

Inline

Sitio Web: Share – Google+ Platform
Vía: GoogleplusPlatform

zp8497586rq