JMiur [E]

Así como hay una manera de mejorar la forma de compartir las entradas en Facebook, podría ser que hubiera otra para hacer lo mismo en Google+. Al igual que la anterior, es una parte no demasiado documentada del API sobre la cual hay muchos foros que intentan poner algo de luz En este caso, el código es menos engorroso ya que no tiene opciones (o nadie ha descubierto si las hay); sólo se trata de una dirección URL a la cual se le adosa la dirección de la entrada a compartir, lo que daría como resultado algo como esto:


Al carecer de alternativas extras, tanto el resumen como la imagen, dependerán de Blogger ya que de poco sirve usar etiquetas META OpenGraph que es lo que leen los distintos servicios ya que no podemos modificarlas para cada entrada; aunque ahora la etiqueta META description puede ser personalizada, no ocurre lo mismo con la imagen. De todas maneras, esto es mejor que nada. La URL básica es:
https://plus.google.com/share?url=direccion_a_compartir
Así que esto, permitiría abrir la ventana del ejemplo:
https://plus.google.com/share?url=http://vagabundia.blogspot.com/2012/03/las-opciones-de-las-etiquetas-meta.html

Y para incluirlo en al plantilla, deberíamos colocar una URL dinámica, es decir, una etiqueta de Blogger que indique la dirección de la entrada: data:post.url Por lo tanto, colocando lo siguiente en alguna parte del footer de las entradas, tendríamos un botón para compartir en Google+
<a expr:onclick='&quot;window.open(\&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;\&quot;,\&quot;gplusshare\&quot;,\&quot;toolbar=0,status=0,width=548,height=325\&quot;);&quot;' href='javascript:void(0);' rel='nofollow' title='compartir en Google+'> texto o image </a>

7 comentarios:

Unknown  

Habrá pros o contras de utilizar 'data:post.canonicalUrl' en vez de 'data:post.url'?

Tengo el botón +1 y en ocaciones al darle click (se pone en rojo) poco después si vuelvo a entrar se pone en blanco como si no hubiese dado click :S

JMiur  

En tu caso si porque informan de dos direcciones URL diferentes; seguramente, data:post.canonicalUrl tiene este tipo de dato:
http://iso-signedpsp.blogspot.com/2012/03/titulo.html
y la etiqueta data:post.url este otro:
http://iso-signedpsp.blogspot.com.XX/2012/03titulo.html
donde XX es el pais del visitante por lo tanto, te quedan dos alternativas:

1 usar data:post.canonicalUrl
2 colocar un script que redirija el dominio y elimine el prefijo del país

En lo personal, me inclino por lo segundo que es una solución definitiva ya que ese prefijo no sólo afecta el funcionamiento de esos botones sino a muchas otras cosas que incluyen el PR, Adsense, estadísticas y servicios varios.

Responder
Unknown  

carlessiscar.blogspot.com

Responder
JMiur  

No sé que parte querías borrar, todo esto:

<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

puede borrarse sin que haya error en la plantilla aunque desconozco qué pasará en los móviles.

<p><data:blogCommentMessage/></p>
es el texto dejar comentari oo algo similar

<data:blogTeamBlogMessage/>
son scripts de Blogger que meustran mensajes de error o de comentario enviado

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
es el anchor al formulario

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
es el formulario en si mismo

JMiur  

¿Por qué no deshabilitas los comentariosde Blogger listo? ¿Eso no afecta a los móviles? Como te dije, deconozco como funciona en esos sistemas porque no los uso.

El código que indiqué es el único que hay que genera eso y hay otro includable de móviles que tambien puede modificarse:

<b:includable id='mobile-index-post' var='post'>

eliminando esta parte:

<div class='mobile-index-comment'>
.......
</div>

SidV  

Amigo Pozo, medio básico lo que voy a decirte, pero simple.
Abris HTML, extendes los artilugios, presionas Crtl y "A" (seleccionar todo), copias, abris el bloc de notas, pegas... guardar como "BACKUP".

Una vez que tenes eso, borras el código... y tocas mil veces hasta que salga. Si no sale, pones el backup y listo. No podes echarte ningun moco que te duela :P

Ahora, volviendo a lo que he leído de tu problema, si dandole ocultar se ha borrado tb los comentarios del Disqus, es porque el código del disques lo metiste dentro de los comentarios de blogger ¬¬

Saludos

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR