Question

我已将Facebook赞代码（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"/>

Answer 1

$ productURL页面应包含open graph markup

Answer 2

og:url必须是您的产品网址。 Facebook使用此URL在对象上发布更新。
转到App page.. ->OpenGraph->Types->Browse Objects - ＆gt;确保您的对象映射到右og：image。您可以在那里预览图像。
希望这有帮助..如果你还需要别的话回复.. :)

Answer 3

我从以下行删除了appid并且它有效。

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

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

现在一切正常。

Facebook赞/推荐按钮没有显示与喜欢或图像的正确链接

3 个答案: