2012-05-10 56 views
0

這是網站>>(刪除)該網站已重做,因爲此問題已發佈,所以它沒用。無法讓Facebook「喜歡」按鈕在本網站上工作,有什麼想法?

我使用的插件,並嘗試使用Facebook的平常喜歡按鈕,它的這裏解釋:https://developers.facebook.com/docs/reference/plugins/like/

總之,像按鈕根本不起作用或似乎有一個#網址。

我在StackExchange中尋找任何類似的問題,但所有問題似乎不同,任何想法或鏈接到答案將不勝感激。

示例代碼:

有沒有太多的代碼顯示真的,只是,Facebook的給你上他們的網站之一,是這樣的:

這正好標籤之後:

<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_GB/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

並且這個位置我想要按鈕出現:

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

它sh應該那麼簡單,但似乎不管用什麼都行不通。

+0

我們可以看到一些你的代碼? – Darvex

+0

沒有太多的代碼可以顯示,只是facebook給你在他們的網站上的代碼,就像這裏的那個 – Fabman

+0

解決了,似乎其他插件爲所有iframe添加了css屬性(z-index:-1),所以即使顯示按鈕,iframe也被阻止進行單擊。我解決了添加另一個規則的事情,只是爲facebook按鈕設置z-index爲1000 – Fabman

回答

1

看來,你忘了添加的appid參數

js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1 

應該

js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=YOUR_APP_ID 

下面是一些代碼我使用... 標題:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script src="http://connect.facebook.net/en_US/all.js"></script> 

標題之後:

<div id="fb-root"></div> 
<script> 
    FB.init({ 
    appId : 'YOUR_APP_ID', 
    status : true, // check login status 
    cookie : true, // enable cookies to allow the server to access the session 
    xfbml : true, // parse XFBML 
    oauth : true // enable OAuth 2.0 
    }); 
</script> 

何地您需要它的按鈕:

<fb:like href="YOUR_LINK" show_faces='false' layout="button_count" stream='false' header='false'></fb:like> 
+0

我是否必須創建一個應用程序呢?是不可能在不添加應用程序代碼的情況下創建一個常規的按鈕? 我在說這個,因爲這正是facebook給我的代碼,沒有APP_ID – Fabman

+0

據我所知,你必須創建應用程序,它將與你的網頁相關聯。你沒有APP_ID的代碼的原因可能是因爲你還沒有任何現有的應用程序(對我來說,代碼生成器選擇列表中的第一個應用程序,並插入它的ID) – Darvex

+0

仍然無法正常工作。 我創建了應用程序ID,並將faecbook應用程序中的域設置爲網絡,我也檢查了Facebook的lint工具URL並說明了一切正常,但「like」按鈕仍然不起作用。 – Fabman