Кнопка «Мне нравится» на Facebook - как отключить всплывающее окно «Комментарий»? - PullRequest
Новая
       37

Кнопка «Мне нравится» на Facebook - как отключить всплывающее окно «Комментарий»?

107 голосов
/ 14 июля 2010

Я бы хотел отключить поле «Комментарий», которое появляется, когда пользователь нажимает кнопку «Мне нравится» в Facebook (fbml), которую я разместил на своем сайте.Возможно ли это сделать?Я не могу найти какие-либо подробности в документации.

Ответы [ 21 ]

125 голосов
/ 02 февраля 2011

Самое простое исправление, чтобы скрыть поле для комментариев после Facebook Like (версия XFBML, а не iframe), как указано: 

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
    display: none !important;
}

Поместите стиль CSS в любой из ваших файлов CSS и увидите магию,работает:)

81 голосов
/ 22 июля 2010

Помещение iframe в div соответствующего размера с переполнением, установленным на скрытое, решило эту проблему - хотя это только на самом деле скрывает проблему как таковую.

69 голосов
/ 21 октября 2012

Я использую это в своем CSS: 

.fb-like{
    height: 20px;
    overflow: hidden;
}

и визуализируйте кнопку Facebook с нормальным кодом HTML5, примерно так: 

<div class="fb-like" data-layout="button_count" data-show-faces="false"></div>

gr-

14 голосов
/ 01 ноября 2012

То, что я сделал, это напишите div для кнопки «like» следующим образом: 

<div class="fb_like">
  <fb:like href="yourlink" send="false" layout="button_count" width="90" show_faces="false" font="arial"></fb:like>
</div>

И это CSS: 

.fb_like {  
  overflow: hidden;
  width: 90px;
}
9 голосов
/ 19 июня 2012

Мне нравится решение Мухаммеда Арифа, и я выбираю его как лучший ответ. Но если FB изменил классы, то ниже всегда будет работать .. 

FB.Event.subscribe('edge.create', function(response) {
   $('#like_button_holder').html('<div class="fb-like" data-href="http://www.your-url.com" data-send="false" data-layout="button_count" data-width="50" data-show-faces="false"></div>')
   FB.XFBML.parse();
});

где "like_button_holder" - это "ТВОЙ" div-идентификатор, содержащий код кнопки в стиле Facebook

5 голосов
/ 28 мая 2014

Чистящее решение , которое работает (по состоянию на май 2014 ) -

  1. Прежде всего убедитесь, что <div class="fb-like" имеет макет данных как кнопка - 

    <div class="fb-like" data-layout="button"........></div>

  2. Просто добавьте этот CSS- 

    .fb-like{
   overflow: hidden !important;
}

Вот и все!

Демо

4 голосов
/ 18 мая 2013

Не быть ли здесь Debby Downer, но не скрывает ли поле для комментариев нарушение политики Facebook?

IV.Точки интеграции приложений d.Вы не должны скрывать или скрывать элементы наших социальных плагинов, такие как кнопка «Мне нравится» или плагин «Мне нравится».

https://developers.facebook.com/policy/

3 голосов
/ 23 августа 2012

Мне не удалось заставить параметр display: none работать с версией кнопки HTML 5. Вместо этого я нацелился на элемент div, в котором создана кнопка «Мне нравится», и установил переполнение на скрытый.

Сброс следующего в моем главном файле CSS сделал свое дело: 

#fb_button{
    overflow:hidden;
}
3 голосов
/ 16 января 2013

Согласитесь с BrynJ, лучшее решение в настоящее время - поместить кнопку «Мне нравится» в контейнер с высшим делением 20 пикселей и установить переполнение на скрытый (я где-то читал, что FB недавно переместил всплывающее окно с комментариями в iFrame, поэтому решение, которое изменяетстиль .fb_edge_widget_with_comment , вероятно, больше не нужен для пользователей iFrame).

Использование AddThis?Сделайте это: 

<div class="container" style="height: 20px; overflow: hidden;">
  <div class="addthis_toolbox addthis_default_style">
    <a class="addthis_button_facebook_like"></a>
  </div>
</div>
2 голосов
/ 19 апреля 2014

Мне удалось обойти проблему с всплывающими комментариями к кнопкам Facebook, реализовав вместо этого версию IFRAME. Для этого я предпринял следующие шаги:

  1. Визит https://developers.facebook.com/docs/plugins/like-button/
  2. Измените «URL на Like» на URL своей страницы в Facebook
  3. Выберите любые другие параметры (макет, тип действия и т. Д.) По желанию
  4. Нажмите кнопку «Получить код»
  5. Выберите версию IFRAME
  6. Убедитесь, что вы выбрали приложение Facebook, где написано «Этот скрипт использует идентификатор приложения вашего приложения»
  7. Реализация предоставленного кода в вашем приложении

Из того, что я вижу, кнопка «Мне нравится» с реализацией IFRAME не вызывает никаких всплывающих окон. Он просто функционирует как кнопка «Мне нравится». Это был мой желаемый результат.

Удачи.

Страница:
...