2011-12-22 33 views
0

我有一个网站,显示从MySQL的图像缩略图。我想为每个单独的缩略图添加一个Facebook按钮。问题是,当我添加类似按钮并在浏览器上查看它时,如果我点击某个特定缩略图的按钮,即使我没有点击它们,页面上的所有按钮也会被喜欢。 (我假设发生这种情况是因为它们都在相同的URL页面上)。我怎样才能解决这个问题,在此先感谢。Facebook Like Button Api,动态网站

我所有的图像链接到同一页面view.php

+0

只是使每个图像的独特的按钮url。 – Rufinus 2011-12-22 00:53:44

+0

发布示例代码。这听起来像你需要分配唯一的ID或放在你的表单元素的末尾像name =“likeButton []” – phpmeh 2011-12-22 00:54:40

回答

1

好了,所以我不知道你的设置,以便让使用此方案。你有一家卖鱼的商店(我喜欢鱼)。有一个主页显示哈多克,鳕鱼和鲱鱼,作为图像与说明链接到各自的网页。

的黑线鳕的页面可以在fish.com/haddock找到这样等按钮的设置将是

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

表示鱼的每个块具有“数据HREF”的实际页指向每个鱼。在这些页面中,您可以设置打开的图形元标记。这些是Facebook图形特定的元标记,告诉Facebook当人们与你的页面进行交互时要使用的图像,标题和描述。

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

所以

fish.com/product?name=cod

负载的产品 “鳕鱼”,并与其中的数据,那么你可以填充meta标签,像这样

<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重新设置网址。

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

0

请检查属性附加伤害你的div

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

如果使用相同的属性附加伤害data-href,这将让你体验状态,我希望这将帮助你,3年索里等待..:v