Facebook喜歡和Fancybox2不顯示或協議不匹配

我有一個奇怪的問題，Fancybox2和Facebook的按鈕代碼。我已經嘗試過使用Facebook的生成代碼來集成類似按鈕的各種方法，但它不起作用。這是我所做的和我得到的錯誤（問題會在最後出現）Facebook喜歡和Fancybox2不顯示或協議不匹配

a。我嘗試使用iframe代碼，如Fancybox頁面的提示和技巧部分所示。按鈕顯示出來，我可以點擊它，但我得到了以下錯誤：

不安全JavaScript嘗試與URL http://jsfiddle.net/TheEternalAbyss/67Fxp/從幀幀訪問使用URL https://s-static.ak.facebook.com/connect/xd_arbiter.php?version=21#channel= ... l.net & channel_path =％2F_display％2F％ 3Ffb_xd_fragment％23xd_sig％3Df2ddbc4ff％26。請求訪問的幀的協議爲'https'，訪問的幀爲的協議爲'http'。協議必須匹配。

因此，如果類似的按鈕被點擊，它只是不會發送任何東西到Facebook，並在功能上死了。

b。我決定從Facebook的代碼生成器中嘗試HTML5方法，並且一切看起來都很好，但是我沒有看到點擊圖片中顯示的按鈕。當我檢查元素時，我看到div和所有html，只是我在呈現的頁面上看不到任何內容。

這可以具體看這裏...... http://jsfiddle.net/TheEternalAbyss/67Fxp/

三件事情需要注意：1）我有ifram碼在那裏，所以如果你點擊圖片，你會看到按鈕，但你協議不匹配錯誤也是如此。 2）灰色邊界區域（在頁面，當你點擊一個圖像是HTML5的方法，但它只能如果我有

<div class="fb-like" data-href='' data-send="false" data-width="400" data-height="25" data-show-faces="true" data-font="lucida grande"></div>

中的jsfiddle的HTML區域的HTML代碼。3）就像你點擊一個圖像一樣，那個灰色框裏應該顯示的是類似的按鈕，但是我什麼都沒有。

所以最後我的問題：

我怎樣才能得到這兩種方法的工作..任何解決協議不匹配的問題，或使HTML5方法的工作？

非常感謝您的幫助。我真的需要解決這個問題，謝謝！

編輯解析功能確實有助於讓Facebook的喜歡露面，但我仍然有協議不匹配的問題。我會再玩一些，歡迎再來一次，謝謝！

來源

2013-04-13 TheEternalAbyss

你有沒有找到解決方法？我有同樣的問題。 –

並不特別。類似的計數，但它似乎只依靠類似按鈕出現的頁面。我沒有看到任何活動在Facebook新聞源或點擊類似的用戶的牆壁開始。我也在facebook開發人員網絡上閱讀過這篇文章，似乎這是Facebook正在努力解決的一個記錄問題，但我不知道它是否真的是一個錯誤，或者Facebook是否有立即計劃解決此問題。 – TheEternalAbyss

如果您使用HTML5版本，則需要觸發JavaScript調用才能呈現按鈕（如果它未在頁面加載中呈現）。由於您需要在頁面加載時顯示Like按鈕，請致電FB.XFBML.parse()函數，您將看到該按鈕將出現。

您需要做的是編輯fancybox的onclick事件，以便在用戶單擊圖像時調用FB.XFBML.parse()。

來源

2013-04-13 11:29:12

謝謝，我一定會試一試並更新此問題的狀態 – TheEternalAbyss

解析函數確實有助於讓facebook顯示出來，但是我仍然存在協議不匹配問題。我會再玩一些，歡迎再來一次，謝謝！ – TheEternalAbyss

Facebook喜歡和Fancybox2不顯示或協議不匹配

回答

相關問題