0

我已将 Facebook Like 代码（HTML5 选项）添加到我网站上的产品列表页面。但是，当产品被“喜欢”时，它会显示在用户时间线上，因为他们喜欢主页而不是产品页面，并且还会从主页中选择随机图像而不是产品页面中的产品图像。

按照 Facebook 的指示，我在 body 标签下的产品列表页面上有以下代码：

<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"/>
4

3 回答 3

0

og:url必须是您的产品网址。Facebook 使用此 url 发布对象的更新。
转到您的App page.. ->OpenGraph->Types->Browse Objects--> 确保您的对象映射到正确的 og:image。您可以在那里预览图像。
希望这会有所帮助..如果您需要其他任何内容，请回复..:)

于 2013-09-20T14:56:56.840 回答
0

我从以下行中删除了 appid 并且它起作用了。

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=122370783453655";

出于某种原因，当我试图获取代码时，它让我选择了一个应用程序，然后将应用程序 ID 附加到代码中。

现在一切正常。

于 2013-09-25T15:12:38.293 回答
0

$productURL 页面应包含开放图形标记

于 2013-09-20T13:11:03.557 回答