Как скрыть виджет чата Facebook на мобильных
Javascript

Как скрыть виджет чата Facebook на мобильных

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

Первое, что приходит на ум – скрыть его при помощи CSS, но при рендеринге оно все-равно появляется, закрывая нужную часть маленького экрана.

Это легко сделать на Javascript, без помощи CSS. Для начала нужно определить мобильный экран или нет, для этого можно воспользоваться кодом, опубликованным ранее.

Затем, если экран мобильный, нужно просто вызвать команду SDK мессенджера:

FB.CustomerChat.hide();

Также в этом SDK есть множество других команд, которые могут помочь вам в работе (например, можно развернуть чат, или свернуть его по команде). Ознакомится со списком этих команд можно онлайн на сайте SDK мессенджера: https://developers.facebook.com/docs/messenger-platform/discovery/customer-chat-plugin/sdk#hide_plugin


Также рекомендуем: