Compartir miniaturas y comentarios de WordPress en Facebook

Añadir un botón de enviar o «Me gusta» de Facebook es fácil, tan solo hay que copiar el código que nos dan.

En el muro de la persona que ha gustado de esa página se mostrará un resumen con una de las imágenes que contenga al azar.

He añadido un botón para compartir en FB y en Twitter las opiniones que dejáis en pqpq.es 

Me molestaba que esa imagen no fuera siquiera la primera, querí­a controlar qué imagen mostrar.

compartir Facebook

La solución es una Open Graph tags, una meta tag, una lí­nea de código dentro del <head>, concretamente og:image

Si tuviéramos una página estática añadirí­amos esta lí­nea dentro del <head>

<meta property="og:image" content="https://ceslava.com/miimagen.jpg" /> 

En sitios dinámicos gestionados por WordPress podemos aprovecharnos de los thumbnails, de las miniaturas que añadimos a los posts y decirle a Facebook que utilice esas miniaturas.

El código habrí­a que insertarlo en nuestro archivo functions.php

   1: function miniaturafacebook() {

   2: if ( has_post_thumbnail()) {

   3:    $fbthumb = wp_get_attachment_image_src( get_post_thumbnail_id());

   4:    $fbthumb = $fbthumb[0];

   5: } else {

   6:     $fbthumb = "https://ceslava.com/img/logo100.png";

   7: }

   8: echo '<meta property="og:image" content="'.$fbthumb.'" />'; 

   9: }

  10: add_action('wp_head', 'miniaturafacebook');

Recuerda cambiar la lí­nea 6 que mostrará una imagen en el caso de que ese post no tenga añadida una miniatura.

Botones de compartir en los comentarios

Para que cualquiera pueda RT o compartir los comentarios en un blog podemos añadir estas lí­neas en el archivo comments.php

   1: <a href="http://twitter.com/home?status=

   2: <?php urlencode(the_permalink());?>%23comment-<?php comment_ID() ?> 

   3: <?php  echo wp_title() ?> 

   4: via @ceslava">

   5: <img src="[icono-Twitter]"/>

   6: </a>

   7: <a href="http://www.facebook.com/share.php?u=

   8: <?php the_permalink();?>%23comment-<?php comment_ID() ?>" >

   9: <img src="[icono-Facebook]"/>

  10: </a>

Cambia la lí­nea 4 por tu usuario de Twitter y las 5 y 7 con las rutas a las imágenes de tus iconos.

Demo / debates

Si quieres probarlo en cualquiera de estos 18 debates sobre redes sociales, facebook, twitter y blogs

  1. ¿Deben los polí­ticos utilizar las redes sociales?
  2. ¿Deben las empresas «espiar» los perfiles de sus empleados en las redes sociales?
  3. ¿Son las redes sociales una moda pasajera?
  4. ¿Compartes tus fotos en Facebook o en Flickr?
  5. ¿Acabará @facebook.com con el resto de servicios de correo electrónico?
  6. Mark Zuckerberg
  7. ¿Cancelas las cuentas de Internet que ya no usas?
  8. ¿Dices la verdad en tus perfiles de Internet?
  9. ¿Tienes avatar o dejas el que viene por defecto?
  10. Tuenti vs. Facebook
  11. ¿Utilizas al navegar los botones de compartir?
  12. Chat vs. Mensajerí­a Instantánea vs Red Social vs. Foro
  13. Google Friend Connect vs. Facebook Connnect
  14. Facebook: ¿Te encanta o lo odias?
  15. ¿Estamos llegando al fin del fenómeno blogs?
  16. Redes sociales ¿Twitter o Facebook?
  17. ¿Prefieres Twitter o RSS?
  18. Micro Blogging: Tumblr vs. Twitter
Escribí esto el 11/05/2011

2 comentarios

  1. Jaime dice:

    Estupendo, normalmente lo que me salia era el contador de visitas. Probaré a ver que tal.

    Gracias.

  2. patoko dice:

    agregue la linea de codigo en mi sitio http://www.casadeldeporte.cl y no me sirve u.u trabajo en wordpress …

Usamos cookies para obtener datos estadísticos de su navegación y poder ofrecer publicidad contextual de terceros

ACEPTAR
Aviso de cookies