Кнопка "Мне нравится" на Facebook в галерее "Красивые фото"

Question

На этом сайте я использовал симпатичную фотогалерею изображений. Проблема в том, что когда пользователь нажимает на кнопку "лайк" в Facebook, в его новостях отображается только название сайта. то, что я хотел бы, - когда пользователь нажимает кнопку fb LIKE на определенном изображении, это изображение показывается в его новостных лентах. ты можешь помочь мне сделать это?

Answer 1

При работе с Facebook всегда ВСЕГДА проверяйте URL своего сайта с помощью отладчика Facebook.

Похоже, проблема заключается в том, что Facebook не может обработать изображение с некоторой вероятностью, поэтому вам нужно будет добавить метатег, чтобы Facebook мог знать желаемое изображение для URL-адреса prvded.

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

Обновление 1:

Чтобы изменить значение метатега, когда пользователь изменяет изображение галереи, вы можете использовать следующий код:

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

обратите внимание, что нам нужно было избежать : персонаж, как указано в документации

Обновление 2:

вам нужно будет изменить эти функции, чтобы заставить его работать:

    $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

Используйте мета-теги OG в Facebook

Для изображений, например:

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

Для получения дополнительной информации, проверьте это: http://davidwalsh.name/facebook-meta-tags