Убираем всплывающее окно после нажатия на кнопку Like

Убираем всплывающее окно после нажатия на кнопку Like
20.04.2015 Алексей Малыгин

Рассмотрим решение одной распространенной проблемы, связанно с Facebook-плагином Like для сторонних сайтов.После того, как вы перешли в раздел для разработчиков, сгенерировали код плагина и вставили его в нужное место сайта, то обязательно столкнетесь с не очень привычной работой этого плагина.

После нажатия на кнопку «Нравится», пользователю будет открываться всплывающее окно для комментирования своего действия.

Выделение_026

 

Во-первых, дизайн вашего сайта может не позволять красиво отображать это окно (например, в каком-то узком блоке), да и пользователи редко пользуются данной возможность. Куда проще, поставить «Нравится».

Один из вариантов отключить это всплывающее окно — воспользоваться CSS.

В заголовочной части страницы сайта, где расположен плагин Like, вставьте следующий код:

<style>
.fb-like {
overflow: hidden;
width: 90px;
}
</style>

Тогда как сам код плагина должен иметь следующий вид:

<div class="fb-like" data-href="http://мой_сайт/страница.html" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>

Теперь после нажатия «Нравится», кнопка будет менять вид, без каких-либо всплывающих окон.

Если что-то не понятно — пишите в комментариях к этой статье.