El nuevo botón share de Google+

Google ha creado un nuevo botón que puede agregarse a cualquier página web y que, en lugar de marcar entradas con un +1, permite compartir esa entrada en Google Plus.

Para utilizarlo, basta ingresar a la página de los desarrolladores, seleccionar el tipo, tamaño y lenguaje y, eventualmente, alguna de las opciones avanzadas.

Por defecto, el código que nos dará es algo así:

<!-- Place this tag where you want the share button to render. -->
<div class="g-plus" data-action="share"></div>

<!-- Place this tag after the last share tag. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'es', parsetags: 'onload'};

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

Pero, si ya tenemos agregado el script con el botón de Google +1, el script es innecesario por lo tanto, basta colocar el botón de este modo, allí donde quisiéramos que se viera:

<div class="g-plus" data-action="share"></div>

o usar este otro código:

<g:plus action="share"></g:plus>

En cualquier caso, podemos eliminar el texto Compartir esto en Google+ que se muestra a la derecha, estableciendo el ancho máximo:

<g:plus action='share' width='85'></g:plus>

La dirección URL a compartir será la de la página donde se encuentre el botón; en el caso de colocarlo en el home, donde hay varias entradas y querer que cada una de ellas se pueda compartir individualmente, debemos colocarlo en alguna parte dentro del post-footer, indicando la dirección de este modo:

<g:plus action='share' expr:href='data:post.url' width='85'></g:plus >