Facebook 集成，特定产品页面上的推荐按钮 +显示产品图片

Question

我有一个关于如何集成 Facebook 插件推荐按钮的问题。 我从 facebook 上获取了类似按钮的代码，并将其放在我想要显示的页面上。但这只会在当前页面上使用网站的随机图片和文本创建点赞。

我希望按钮与产品图片和描述相关联。 有人有这样的代码可以分享吗？

Answer 1

查看 http://ogp.me/ 了解 OG 元标记的说明，这些标记可帮助 Facebook 展示您的产品以更有意义的方式。您可以使用调试工具来测试 URL https://developers.facebook.com/tools/debug 查看OG标签是否添加正确。

如果您的页面需要登录，则您需要拥有一个在未登录时仍显示 OG 标签和基本内容的页面版本，或者拥有一个在用户代理是 Facebook Scraper 时显示正确标签的规则。请参阅 https://developers.facebook.com/docs/reference/plugins/like /#scraperinfo 有关所使用的用户代理字符串的信息。

Answer 2

为此，您需要 opengraph 标签。请参阅http://developers.facebook.com/docs/reference/plugins/like/< /a> 了解详细信息。

Answer 3

只需将 data-href 添加到您的 Facebook 类似代码中即可：

            <div id="{{ item.product.code }}"
                    class="fb-like"
                    data-share="false"
                    data-href="{{ url }}"
                    data-width="250"
                    data-show-faces="true">
            </div>