2012-10-24 58 views
2

我有一個頁面,我需要有大約3個Facebook Like按鈕。Facebook多個按鈕在單個頁面上

他們都喜歡不同的網址。

我該如何爲每個Like按鈕選擇不同的配置文件圖像(將在Facebook上顯示的圖像)。

任何幫助?

+0

那些不同像按鈕都指向相同的URL嗎?那麼這是不可能的,OG元信息綁定到一個URL。 – CBroe

+0

並不是所有的按鈕都指向不同的URL。 –

+0

那問題在哪裏?在每個網址上設置不同的OG元標記。 – CBroe

回答

0

最後我解決了這個問題我自己的路。

我做了什麼......

  1. 傳遞一個額外的參數與URL一起被人喜歡。參數 包含該鏈接的唯一標識符。

  2. 檢查該頁面的每個請求的參數。如果找到,則相應地設置元標記。

+5

你沒有,@CBroe以上 – Juan

0

其他頁面上類似按鈕的縮略圖由其他網址上的og.image設置。因此,如果你喜歡example.com/puppies,FB會使用來自該URL的OG數據,而不管你在哪裏。


http://ogp.me/

要打開你的網頁到圖形對象,你需要基本的元數據添加到您的網頁。我們基於RDFa協議的初始版本,這意味着您將在您的網頁中添加其他標籤。每個頁面的四個必需屬性爲:

og:title - 您的對象的標題,因爲它應該出現在圖形中,例如「The Rock」。

og:type - 對象的類型,例如「video.movi​​e」。根據您指定的類型,可能還需要其他屬性。

og:image - 一個圖像URL,它應該表示圖形中的對象。

og:url - 將用作圖形中永久ID的對象的規範URL,例如「http://www.imdb.com/title/tt0117500/」。

+0

我對此有一些疑惑。事實上,我有一個網頁上的多個按鈕用於不同的網址。你能告訴我如何做到這一點的例子嗎? –

+0

在您網站上每個單獨頁面的標題中,您都有一個生活按鈕,因爲您需要添加打開的圖形數據。 https://developers.facebook.com/docs/opengraph/objects/#publish –

+0

但我在每個單獨的頁面上有兩個像按鈕? –

-3

示例代碼:

<div id="fb-root"></div> 
<script>(function(d, s, id) { 
var js, fjs = d.getElementsByTagName(s)[0]; 
if (d.getElementById(id)) return; 
js = d.createElement(s); js.id = id; 
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=xxxxxxxxx"; 
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

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

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

<div class="fb-like" data-href="http://www.example3.com" data-send="false" data-width="450" data-show-faces="true"></div> 
+0

如何爲像按鈕這樣的圖像選擇圖像? –

相關問題