Как всем (надеюсь) известно различные браузеры, встроенные в приложения имеют ряд ограничений по функционалу. Бывает, что это мешает полноценной работе сайта. Например, кнопка сохранения контактов не будет работать, если пользователь зашел на сайт с помощью встроенного в Инстаграм браузер.
Давайте с этим разбираться
Можно сделать два блока:
- В один блок поместить кнопку сохранения контактов, которая будет показываться всем, КРОМЕ пользователей, использующих браузер Инстаграмма.
- Во второй блок поместить обычные кнопки или информацию как с вами связаться. и этот блок будет показываться ТОЛЬКО пользователям, использующих браузер Инстаграмма
(см. картинку)
После чего добавить 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 вашеих блоков. посмотреть их можно в настройках блока.
В итоге…
Если вы смотрите эту страницу НЕ из Инстаграм, то будете видеть кнопку сохранения контактов. Если ИЗ Иснтаграм, то обычную кнопку
