Facebook Button, не показывающий

Question

, поэтому я пробовал каждое решение, чтобы добавить понравившуюся кнопку для моей страницы в facebook по веб-сайту (локальный, не опубликованный). Но почему-то ни одно из решений не сработало. Вот код, который я пытаюсь использовать в чистом html-файле. И пустым я имею в виду, что голова, заголовок и тело пусты, кроме кода ниже в разделе тела.

<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/ResumeBuildingVolunteering" data-send="false" data-width="450" data-show-faces="true"></div> 

Answer 1

Этот скрипт должен поместить в нижней части HTML, просто перед его закрытием </body> тег. Причина, когда она вызывается, анализирует страницу и отображает элементы Facebook. Если это вызвано преждевременно, как в вашем случае, эти элементы не будут найдены (потому что они еще не существуют) и поэтому не отображаются. Другой вариант заключается в вызове сценария только после того, как DOM готова, используя JQuery $(function(){...} или другими методами, или использовать асинхронную загрузку страницы FB, как объяснить here

Answer 2

Поскольку вы работаете на вашей локальной системы

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

не будет работать. Это связано с тем, что ссылка является «URL-адресом, относимым к протоколу», который использует текущий протокол, который вы используете.

Так что если вы работаете локально на Mac, этот URL-адрес будет искать файл по адресу file:///en_US/all.js#xfbml=1, который ничего не вызывает. Вам нужно будет изменить URL для

http://connect.facebook.net/en_US/all.js%23xfbml=1&status=0

Answer 3

У меня была такая же проблема. Попробуйте использовать фактическую кнопку DIV, как это первая:

<div class="fb-like" href="https://www.facebook.com/mypage"> </div> 

Уведомлениеs по протоколу HTTPS.

Это сработало для меня.