Я добавил код Facebook Like (вариант HTML5) к страницам с листингом на моем сайте. Однако, когда продукт "нравится", он отображается на временной шкале пользователей, так как им нравится страница, а не страница продукта, а также выбирает случайное изображение с домашней страницы, а не изображение продукта на странице продукта.
У меня есть код ниже на моих страницах с листингом продукта под тегом body, как указано в Facebook:
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=122370783453655";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Я повторяю этот код под каждым продуктом, указанным на странице. Переменная $ productURL будет уникальным URL для каждого продукта.
<div class="fb-like" style="margin-right:auto;margin-left:auto" data-href="'. $productURL . '" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false" data-action="recommend"></div>
Я также добавил приведенный ниже код к страницам $ productUrl:
<meta property="og:image" content="<?=$image?>" />
<meta property="og:image:secure_url" content="<?=$simage?>" />
<meta property="og:title" content="<?=$title?>" />
<meta property="og:description" content="<?=$desc?>" />
<meta property="og:url" content="<?=$url?>"/>
<meta property="og:site_name" content="<?=$sitename?>"/>
<meta property="og:type" content="Website"/>
Я удалил приложение из следующей строки, и он сработал.
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=122370783453655";
По какой-то причине, когда я пытался получить код, он заставил меня выбрать приложение, а затем добавить код приложения в код.
Все работает сейчас.
og:url
должен быть вашим URL-адресом продукта. Facebook использует этот URL для публикации обновлений на объекте.
Перейти к App page.. ->OpenGraph->Types->Browse Objects
вашего App page.. ->OpenGraph->Types->Browse Objects
→ Убедитесь, что ваш объект сопоставлен с правильным изображением og :. Вы можете просмотреть изображение там.
Надеюсь, это поможет.. ответ, если вам нужно что-нибудь еще. :)
Страница продукта productURL должна содержать разметку открытого графа