jueves, 25 de agosto de 2011

Otro cambio en el botón Google +1

Según anuncian en su blog oficial, Google ha realizado otro cambio en su botón +1 para permitir que las entradas puedan enviarse y compartirse, de manera similar al botón compartir de Facebook.

Como en casos anteriores, los cambios sólo son accesibles desde la página de opciones siempre que se seleccione el idioma inglés y, por ahora, sólo se aplican a quienes se hayan registrado en Google+ Platform Preview sin embargo, nada impide modificar el código de nuestros botones para que ya estén preparados.

En Blogger, por lo general, usamos algo similar a esto:
<b:if cond='data:blog.pageType == "item"'>

<g:plusone size='medium' />

</b:if>
simplemente, debemos agregarle un nuevo atributo:
<g:plusone size='medium' annotation='inline' />
Hay que recordar que en este ejemplo, el botón sólo se visualiza en las páginas individuales y si alguien quiere que también sea visible en el home, es imprescindible que se añada la URL ya que en ese caso, no habrá un botón en la página sino varios y en cada uno de ellos se debe indicar de manera explícita, la dirección de la entrada.

En esos casos, el código debería ser algo así:
<g:plusone size='medium' annotation='inline' expr:href='data:post.url' />
Eso que se comparte, Google lo denomina snippet, que no es otra cosa que un resumen de la página acompañada por una imagen. Estos snippets pueden ser personalizados pero, en Blogger, no sé si será posible ya que para eso se necesitan agregar unas etiquetas META, similares a las que utiliza Facebook (la verdad, podrían ponerse de acuerdo y unificarlas para no molestarnos con sus guerras empresariales) pero, imagino que tendrán las mismas restricciones; al no poder acceder a los datos necesarios, es probable que nos veamos privados de esa posibilidad. Habrá que ver si el servicio lo hace de modo automático o no.

De todos modos, Google dice que para usar este tipo de cosas, deberíamos agregar un atributo (otro más) a la etiqueta HTML:
<html itemscope itemtype='http://schema.org/Article' .................................. >
Y definir los datos a mostrar con estas etiquetas:
<meta itemprop='name' content='el título de la entrada' />

<meta itemprop='description' content='la descripción o resumen de esa entrada' />

<meta itemprop='image' content='la imagen que acompaña ese resumen' />
Por lo que ahora veo. Parecería que existe una foram de personalizar eso en Blogger y en Customize +Snippet, seleccionar:

Markup Location:
Inside the page's <head> tag.
Inside the page's <body> tag.

De ese modo, en luagr de usar etiquetas META usamos etiquetas SPAN e imagino yo que podrán colocarse dentro del LOOp de las entradas:
<span itemprop='name'>el título de la entrada</span>

<span itemprop='description'>la descripción o resumen de esa entrada</span>

No hay comentarios:

Publicar un comentario