2011-12-22 28 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