Facebook Like按鈕在網頁上

一位客戶最近在他的網站上請求社交媒體鏈接。 Facebook是我的第一次嘗試。我的客戶沒有Facebook頁面。Facebook Like按鈕在網頁上

我的代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<script type="text/javascript"> 

    function renderFbLike() { 
     var parent = document.getElementById('fblikediv'); 
     var child = document.getElementById('fblikeimg'); 
     parent.removeChild(child); 

     //this really works...sort of 
     var html2 = "<iframe src=\"http://www.facebook.com/plugins/like.php?href=http://www.jplandman.co.za&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=60&appId=258346014244946\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:450px; height:40px;\" allowTransparency=\"true\"></iframe>"; 

     document.getElementById('fblikediv').innerHTML = html2; 

    } 
</script> 
</head> 
<body> 
    <br /> 
    <br /> 
    <br /> 
    <div id="fblikediv"> 
     <img src="images/fb-like-button.png" id="fblikeimg" onmouseover="return renderFbLike();"></div> 
    <p /> 
</body> 
</html>

屏幕截圖： Screen shot from facebook

我的問題：，上面寫着「JPLandman」鏈接，不存在某些Facebook頁面的鏈接。有什麼辦法可以防止這種情況發生？什麼是可能的工作？

來源

2013-07-25 BossRoss

所以掙扎了一會兒我的客戶後，我終於找到了一個頁面，就足夠了。他們生成代碼。複製和粘貼（不是我的首選，但嘿它按預期工作）

AddThis+

來源

2013-07-25 10:13:28 BossRoss

看看把這個加到你的頭上有什麼區別！

<meta property="og:title" content="Some Title"/> 
<meta property="og:type" content="article"/> 
<meta property="og:url" content="http://www.jplandman.co.za"/> 
<meta property="og:site_name" content="JP Landman"/> 
<meta property="og:description" content="Some content"/>

來源

2013-07-25 06:28:02

能否請你擴大你的答案一點。我添加到頭標籤，但它沒有區別？ – BossRoss

這些是開放圖形元標記，它們將頁面轉換爲社交圖形的豐富對象。在這裏瀏覽更多[鏈接]（http://ogp.me/） –

順便說一句，這裏是Facebook的調試器[鏈接]（https://developers.facebook.com/tools/debug），添加上述元網站和嘗試調試並看看你得到了什麼。或者，你也可以不同於另一個頁面，看看它顯示的內容！ –

Facebook Like按鈕在網頁上

回答

相關問題