php - 自定义 Facebook 共享集成

Question

我正在开发一个电子商务网站，其中的购物车页面需要为所有产品项目提供 Facebook 分享按钮，并满足以下要求:-

假设购物车页面中有 4 个产品项目 - “p1”、“p2”、“p3”和“p4”。

1. 当用户点击“p4”项目的“分享”按钮时，如果他没有登录到 FB，他将被要求登录。这是使用“fb:login-button”FBML 标签完成的。

2. 登录后，用户将能够在我网站的弹出窗口中提供自定义消息。该弹出窗口还将包含“p4”项目的产品名称以及一张图片。

3. 当用户点击“分享”/“提交”按钮时，包含“p4”项目的产品名称和图片的消息将发布/发布在用户的 Facebook 墙上。第 2 点和第 3 点都是使用 JavaScript SDK 的“FB.init”和“FB.ui”核心方法完成的。

4. 现在在我的网站上，购物车页面将显示“p4”项目的 Facebook 分享已完成，因此即使刷新页面也不会再有“Facebook 分享”按钮再次或当更多此类产品添加到购物车时。在这里，我无法禁用“共享”按钮。

5. 用户将能够点击其他产品“p1”、“p2”和“p3”的“分享”按钮。但是共享消息的弹出窗口将显示相应产品的产品名称和图像，而不是最后一项“p4”。但是，此处弹出窗口始终只提供最后一项“p4”的信息。相反，我真正想要的是 Facebook 共享功能的多个实例。

我特别需要第 4 点和第 5 点的帮助。

Answer 1

我无法在第 4 条中解决您的问题，但我认为您想要做的就像动态创建 Facebook 共享器链接并适当设置样式一样简单。

我创建了一个 jsfiddle就是这样做的，看看这里是否对您有帮助。

代码的核心是一个简单的 jQuery 事件处理程序，它为 facebook 共享器配置 url 和一些参数，给定以下 html:

<ul class="products">
    <li id="product-1">
        Awesome Snacks 
        <a class="sharer" href="http://www.yoursite.com/some/url/to/product-1" data-title="Awesome Snacks on Website!">
            <span class="liketext">Share</span>
        </a>
    </li>
</ul>

以及以下 jQuery 事件处理程序定义:

$('.sharer').click(function(e) {
    e.preventDefault();

    var title = $(this).data('title');
    var url = $(this).attr('href');    
    var fbSharerUrl = 'http://www.facebook.com/sharer.php?';
    var params = { u: url, t: title };
    var fbSharerConfig = 'toolbar=0,status=0,width=600,height=400';

    window.open(fbSharerUrl + $.param(params), 'sharer', fbSharerConfig);
});

这将根据您购物车中链接的 href 和 data-title 属性为您动态生成一个 facebook 共享器链接。

看看 jsfiddle我之前链接过，因为它还包含一些 CSS，使链接看起来像 facebook 共享按钮:)