Скрываем блок от Инстаграм

7 марта 2021

Как всем (надеюсь) известно различные браузеры, встроенные в приложения имеют ряд ограничений по функционалу. Бывает, что это мешает полноценной работе сайта. Например, кнопка сохранения контактов не будет работать, если пользователь зашел на сайт с помощью встроенного в Инстаграм браузер.

Давайте с этим разбираться

Можно сделать два блока:

В один блок поместить кнопку сохранения контактов, которая будет показываться всем, КРОМЕ пользователей, использующих браузер Инстаграмма.
Во второй блок поместить обычные кнопки или информацию как с вами связаться. и этот блок будет показываться ТОЛЬКО пользователям, использующих браузер Инстаграмма

(см. картинку)

Скрываем блок от Инстаграм. Фотограф Константин Шамин

После чего добавить HTML-блок:

<script>
if(navigator.userAgent.indexOf('Instagram') + 1) {
   $("#section-1802601").css("display","none"); // скрыть
   $("#section-1802603").css("display","block"); // показать
} else {
   $("#section-1802601").css("display","block");
   $("#section-1802603").css("display","none");
}
</script>

Где #section-1802601 и #section-1802603 являются ID вашеих блоков. посмотреть их можно в настройках блока.