1

我想知道如何在我的Ajax web應用程序上使用Facebook Like按鈕,它將捕獲Open Graph標籤中對og:title和og:url。我已經創建了一個Facebook應用程序並獲得了一個API ID。Facebook按鈕的Ajax頁面,如何實現並驗證它的工作原理

我想知道的是我需要放在我的網站上的代碼,以便Facebook捕獲我對包含該標題和URL信息的元標記所做的更改(即.og:title ,og:url)。

我按照Facebook上的說明沒有成功。此外,我想知道如何在本地測試Like按鈕以查看它是否正確地從Open Graph標記中抓取數據。

另外值得一提的是,我有一個JQuery代碼,可以自動更改Open Graph元標記以包含當前Ajax更改頁面的相關信息。

謝謝。

回答

0

您需要爲每個不同的網頁設置單獨的網址,以便讓人們喜歡。我建議實際上將類似按鈕指向您嘗試通過og:url標記返回的物理頁面。要刷新Facebook存儲的關於給定網址的數據,請將該網址傳遞給http://developers.facebook.com/tools/lint的linter。

+0

我可以使用不同的散列喜歡頁面嗎? –

0

我在我的動態ajax網站上爲facebook共享創建了一個輪轉文件。

rotator.asp代碼示例:

<html> 
<% lang=request("lang") 
    id=request("id") 

    ..some sql to get data... 
    ogTitle=.... 
    ogImage=.... 
    originalUrl=.... 

%> 
<head> 
<meta property="og:title" content="<%=ogTitle%>" /> 
<meta property="og:image" content="<%=ogImage%>" /> 
..... 
...... 
<meta http-equiv="refresh" content="0; url=<%=origialUrl%>" /> 
//dont use redirect.. facebook dont allow 302... 
</head> 
<body></body> 
</html> 

例如xxx.com/#!/en/153頁面將共享xxx.com/rotator.asp?lang=en & ID = 153