如何为单个产品安装“赞”按钮

时间:2013-01-23 22:08:38

标签: facebook facebook-like

我想在特定页面上为各个产品安装“赞”按钮。他们的方式是这样做的吗?我只能为页面本身安装“LIke”按钮。示例我在一个页面上有3个产品。我需要在此页面上使用3个“喜欢”按钮,以便用户具体了解他们喜欢的产品。

1 个答案:

答案 0 :(得分:0)

Open Graph(Protocol)基本上假定每个对象(=产品)都有自己的URL&网页。这很容易,你只需要在每个产品页面上设置正确的og:title,og:url,og:image等。

http://yourdomain.com/product-A
http://yourdomain.com/product-B
http://yourdomain.com/product-C

在产品概述页面http://yourdomain.com/products上,你只需要3个相似按钮:

<div class="fb-like" data-href="http://yourdomain.com/product-A"/>
<div class="fb-like" data-href="http://yourdomain.com/product-B"/>
<div class="fb-like" data-href="http://yourdomain.com/product-C"/>

完成!

如果由于某种原因,您没有单独的产品页面,则必须在Facebook Crawler的不同URL上设置“虚拟”页面。然后,您将通过用户代理检测爬虫并向其提供正确的OG元标记集(页面不必包含多于with标记)。普通用户应重定向到产品概述页面。这里有一些应该这样做的PHP代码:

<?php
if (!(strpos(strtolower($_SERVER["HTTP_USER_AGENT"]),"facebookexternalhit") === false)) {
  // Its Facebook crawler, give him what he needs!
  echo '<html><head>';
  echo '<meta property="og:title" content="Product A">';
  echo '<meta property="og:url" content="http://yourdomain.com/product-A">';
  echo '</head></html>';
} else {
  // normal user, lets redirect
  header("Location: http://yourdomain.com/products");
}
?>