2012-12-10 79 views
2

新的編碼,所以請耐心等待,如果這是真的基本!我正在嘗試在我的頁面上添加一個FaceBook「like」按鈕。我完全按照他們在說明網站上描述的方式複製了代碼。我輸入了我的頁面詳細信息,所需的寬度(它適合他們爲我在發生器中選擇的功能推薦的限制)等等,然後將代碼複製/粘貼到我的html中。我肯定錯過了什麼。他們的指示是該粘貼到HTML,最好是剛開幕<body>下方,所以我所做的: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_US/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

他們說複製/粘貼以下的地方我想要的按鈕顯示出來,這是我做的:

<div class="fb-like" data-href="http://www.facebook.com/musicbyava" data-send="true" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"></div> 

我刷新了我的頁面,並且在插件應該放置的地方沒有任何東西的痕跡。不是一個點,不是一條線,而不是一個錯誤消息,納達。我錯過了什麼?提前致謝!

回答

0

歡迎堆棧溢出。

可能有一系列問題,爲什麼腳本不顯示類似按鈕。沒有url或輸出html的副本,幾乎不可能告訴。如果您正在本地網絡上工作並失去互聯網連接,例如繁榮,則不需要FB Like box。

在黑暗中拍攝 - 這是一個JavaScript錯誤。 javascript中的錯誤不會顯示在屏幕上。相反,它們以接近無限的方式表現自己,從頁面加載後加載白色屏幕中省略單個元素。

如果您使用的是Chrome或Firefox,則可以下載Web Developer擴展。我推薦Firebug for Firefox,或者右鍵單擊Chrome瀏覽器中的「Inspect Element」(我認爲它隨Chrome一起提供,否則它是Web開發人員擴展)。

無論您使用哪種工具,都會在控制檯中輸出所有錯誤環境。

而我們剛剛開始。

如果這聽起來像太多的工作,我建議嘗試在不同的頁面上面的代碼,看看您複製&粘貼到HTML格式不正確的頁面。然後回到上面的建議。

或插件。

http://www.addthis.com/

+0

還要確保代碼,

被正確關閉 FredTheWebGuy

+0

行之間,我上傳網頁到服務器,所以你可以看到我想要做的事。 http://studentaccess.emporia.edu/~asmith40/AVAwebsite/index.html 如果它是一個JavaScript錯誤,就不會FB被投訴淹沒,並不得不解決它?我認爲人們每天會使用這個插件數千次。我更可能懷疑這是我的錯誤! :) 不過,我貼的所有相關插件的信息到一個空白的HTML頁面的文本只是一個單一的線,它仍然沒有工作...(點擊「組合」選項卡上看到空白頁)。所以... –

+1

OMG,一旦它被加載到服務器,它開始工作!我想它只能在線工作。我一直在做文本文件的編碼和使用Firefox來檢查我的進度。聖牛...我學到了東西,我想! –

0

什麼樣的網站您使用的是像按鈕FB的如Joomla或WordPress的我想用最好的辦法是http://sharethis.com/#sthash.OXTxyj48.dpbs很好的選擇CMS和我用了很多次,如果你想嘗試了這一點,去到現場後,點擊GET共享工具菜單 那麼你可以用它和過去在您的網站的代碼去,

+0

,如果你還是喜歡使用FB代碼目錄檢查您是否放在正確的位置的Java腳本,並檢查Java腳本在瀏覽器中啓用希望這可以幫助你... – wordpresrox

+0

這只是一個普通的個人網頁,而不是CMS的一部分。 Javascript已啓用。 –

5

它並沒有在本地機器上工作,但開始在服務器上神奇的工作的原因是這樣的:

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

代碼前面的//意味着瀏覽器應該在腳本加載時使用正在使用的協議...SO:

,如果你正在運行http://example.com的Facebook如果您使用https://example.com那麼該腳本會從Facebook的安全服務器加載將加載不安全的一個...

現在,這裏的神奇在哪裏發生了......從本地文件加載時,您的瀏覽器顯示的URL爲file:///C:/mysite所以自動瀏覽器查找名爲

file:///connect.facebook.net/.... 

文件不存在,也未能慘敗

猜你上傳到服務器時發生了什麼?

我會讓你搞懂這個問題......

乾杯......