Question

我有一个网站，显示来自mysql的图像缩略图。我想在每个缩略图上添加一个类似Facebook的按钮。问题是当我添加like按钮并在浏览器上查看它时，如果我点击特定缩略图的类似按钮，即使我没有点击它们，页面上的所有类似按钮也都会被喜欢。（我假设发生这种情况是因为所有这些都在同一个URL页面上）。我如何才能解决这个问题，提前谢谢。

我的所有图片都链接到同一个view.php页面

Answer 1

好的，所以我不知道您的设置，所以让我们使用这个场景。你有一个卖鱼的商店（我喜欢鱼）。有一个主页显示Haddock，Cod和Kippers，作为图像，其描述链接到各自的页面。

黑线鳕的页面可以在fish.com/haddock找到，所以类似的按钮设置将是

<div class="fb-like" data-href="http://fish.com/haddock" data-send="false" data-width="450" data-show-faces="true"></div>

显示鱼的每个块都有“data-href”指向每条鱼的实际页面。在这些页面中，您可以设置打开的图形元标记。这些是Facebook图形特定的元标记，告诉Facebook当人们与您的页面交互时使用的图像，标题和描述。

http://developers.facebook.com/docs/opengraph/上的文档将指导您如何设置这些元标记。您可以通过动态加载值来从数据库中填充它们。

所以

fish.com/product?name=cod

加载产品“cod”及其中的数据，然后就可以填充元标记

<meta property="og:title" content="Awesome Cod"/>
    <meta property="og:type" content="fish"/>
    <meta property="og:url" content="http://fish.com/product?name=cod/"/>
    <meta property="og:image" content="http://fish.com/images/cod.png"/>
    <meta property="og:site_name" content="The coders fish shop"/>
    <meta property="fb:admins" content="123"/>
    <meta property="og:description"
        content="Cod is an amazing fish biw before its awesomeness!"/>

您可以使用有用的Facebook lint确认元标记，您也可以使用它来触发更新以告知Facebook重新调整URL。

http://developers.facebook.com/tools/debug

Answer 2

请检查div

中的该属性

     data-href="http://www.your-domain.com/your-page.html"

如果您使用相同的属性data-href，这将成为您体验的条件，我希望这将有助于您，sory等待3年......：v

Facebook喜欢按钮Api，动态网站

2 个答案: