Botón Me gusta de Facebook en la Galería de imágenes de Pretty Photo

Question

En este sitio utilicé una bonita galería de imágenes. El problema es que cuando un usuario hace clic en el botón Me gusta de Facebook, en sus noticias solo se muestra el nombre del sitio. Lo que me gustaría es que, cuando un usuario haga clic en el botón Fb LIKE de una imagen en particular, esa imagen se muestre en sus noticias. ¿me pueden ayudar a hacer esto?

Answer 1

Al trabajar con Facebook, siempre siempre comprobar su URL del sitio web con el Facebook debugger.

Parece que el problema es que Facebook no pudo crear la imagen, por lo que tendrá que agregar una metaetiqueta para que Facebook pueda conocer la imagen deseada para la URL proyectada.

Ex: <meta property="og:image" content="YOUR_IMAGE_PATH"/> 

Actualización 1:

Con el fin de modificar el valor de la etiqueta Meta cuando el usuario cambia la imagen de la galería, puede utilizar el siguiente código para hacerlo:

$("meta[property=og\\:image]").attr("content", YOUR_IMAGE_PATH); 

nota que teníamos que escapar el carácter : como se menciona en el documentation

Actualización 2:

tendrá que alterar esas funciones con el fin de hacer que funcione:

$pp_gallery.find('.pp_arrow_next').click(function(){ 
      $.prettyPhoto.changeGalleryPage('next'); 
     // here you will need to read the current image url, then assign it to our facebook line. 
    $("meta[property=og\\:image]").attr("content", YOUR_IMAGE_PATH); 
      $.prettyPhoto.stopSlideshow(); 
      return false; 
     }); 

    $pp_gallery.find('.pp_arrow_previous').click(function(){ 
      $.prettyPhoto.changeGalleryPage('previous'); 
     // here you will need to read the current image url, then assign it to our facebook line. 
$("meta[property=og\\:image]").attr("content", YOUR_IMAGE_PATH); 
      $.prettyPhoto.stopSlideshow(); 
      return false; 
     }); 

Answer 2

de Uso Facebook OG Meta Tags

Para las imágenes, por ejemplo:

<meta property="og:image" content="http://yourwebsite.com/img/img.png"/> 

Para obtener más información, echa un vistazo a esto: http://davidwalsh.name/facebook-meta-tags