Кнопка «Нравится» в Facebook не отображается/не отображается ни в одном браузере

У нас возникла проблема с тем, что кнопка «Нравится» Facebook не отображается/не отображается на этой странице:

http://powertextblog.esvelte.net/

Похоже, что сгенерированные span и iframe имеют встроенный стиль width:0px и height:0px , я пытался переопределить это, но безрезультатно.

Кнопка не отображается ни в одном браузере.

Это код, который мы используем на странице (из AddThis) для создания кнопки.

<a class="addthis_button_facebook_like" fb:like:layout="button_count" addthis:url="http://www.facebook.com/PowerText"></a>

Я также попытался вставить кнопку «Нравится» Facebook, используя собственный генератор кнопок Facebook, но возникает та же проблема (что указывает на то, что это не проблема AddThis)

Любая помощь будет оценена по достоинству.


person Community    schedule 18.02.2013    source источник


Ответы (4)


У меня была та же проблема, я пробовал все, пока не понял, что это действительно глупо. Если на вашей странице в Facebook есть какие-либо ограничения, например ограничения по стране или возрастные ограничения, facebook не показывает кнопку «Нравится», если вы не вошли в систему.

person user2018125    schedule 18.10.2013
comment
Привет, да, в конце концов, это было из-за того, что на странице было ограничение по возрасту 18+ - удаление этого означало, что она появлялась везде! Так что проблема вовсе не в коде. :) Спасибо за вашу помощь. - person ; 19.12.2013

Я думаю, что это ошибка Facebook, вызывающая проблему.

Удаление определенного URL-адреса addthis:url="http://www.facebook.com/PowerText" и использование вместо него домена сайта устранило проблему.

Поэтому я думаю, что есть какая-то ошибка FB, когда определение URL-адреса как страницы Facebook приводит к тому, что он не отображается, поскольку он отлично работает без него.

person Community    schedule 18.02.2013

Попробуйте этот код, похожий на facebook, он должен работать.

<a class="addthis_button_facebook_like" fb:like:layout="button_count" fb:like:action="recommend" fb:like:width="135"></a>
person Urooz Khan    schedule 18.02.2013
comment
‹a class=addthis_button_facebook_like fb:like:layout=button_count fb:like:action=recommend fb:like:width=135›‹/a› - person Urooz Khan; 18.02.2013
comment
Я добавил этот код для ширины, и теперь он отображается в Safari, но не в Chrome или Firefox (не проверял IE). - person ; 18.02.2013
comment
установить отображение: нет; в свой CSS, а затем — также через CSS — просто добавьте display: block; на hover.clear весь ваш z-индекс в моем файле css и установите z-index: ....; установите этот код jquery ‹script› $(document).ready(function() { $('#li-id').hover(function() { $(this).addClass('pretty-hover'); }, function() { $(this).removeClass('pretty-hover'); }); }); ‹/скрипт› - person Urooz Khan; 18.02.2013

Вчера была такая же проблема. Затем я поэкспериментировал с виджетом на странице https://developers.facebook.com/docs/plugins/like-button какое-то время. Оказалось, что это происходит только с URL-адресами страниц Facebook (URL-адреса, которые нравятся). Даже сам https://facebook.com/facebook больше не работал правильно. Просто визуализируется с 0px. Все остальные URL-адреса работали, как и ожидалось. Пытался связаться с FB через Twitter, и они отправили эту ссылку. к заявленному вопросу. В котором говорится, что ошибка известна и исправлена.

Так что нам оставалось только ждать. На следующее утро после одной ночи все кнопки «Мне нравится» с URL-адресами страниц Facebook снова отображаются правильно.

person leymannx    schedule 14.06.2017