Кнопка «Нравится» Facebook не отображается на веб-сайте

Я использовал параметры HTML5 и IFRAME, перечисленные на страницах Facebook для разработчиков, но, похоже, они вообще не работают. Странно то, что он работает на пустой странице без какого-либо содержимого. Есть ли что-то, что может конфликтовать с ним?

Страница конфликта: http://helbreathempire.com/ Пустая страница: http://helbreathempire.com/include/test.html


facebook api html facebook-like facebook-iframe
person Kazin    schedule 28.08.2014    source источник
comment
В строке 41 style.css у вас есть display: none; для вашего iframe (поэтому он не отображается;) ) - iframe { border: 0 none; display: none; }. Либо удалите display: none, либо измените его на display: block   -  person My Head Hurts    schedule 29.08.2014
comment
@MyHeadHurts, этот вопрос не может быть решен, пока вы не сделаете свой комментарий правильным ответом.   -  person isherwood    schedule 15.09.2018

Ответы (1)


arrow_upward
0
arrow_downward

Я рекомендую вам использовать этот вариант, чтобы добавить кнопку с помощью HTML5:

1) Разместите сразу под тегом следующий код для загрузки Facebook Javascript SDK:

<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/es_ES/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

2) В том месте, где вы хотите, чтобы появилась кнопка, введите код:

<div class = "fb-like"
  data-href = "http://helbreathempire.com/"
  data-width = "500"
  data-layout = "standard" data-action = "like"
  data-show-faces = "true"
  data-share = "true"> </ div>

Надеюсь, в этот раз будет легче!

person Pedro Salas Vergara    schedule 28.08.2014