Как запретить отображения функции на мобильных устройствах? Суть вопроса : Установили на сайт виджет обратной связи от copiny.com
Сейчас виджет отображается на сайте и на мобильных устройствах , Сайт на вордпресс https://incleanroom.ru
А нам нужно что бы отображался виджет с боку только на сайте , а на мобильных устройствах не отображался
Тех поддержка сказала Цитирую " Но это же Javascript. Вы можете написать или взять откуда-то код определения, что пользователь использует мобильный и соответственно не вызывать эту функцию "
Вот код виджите :
var proto = (document.location.protocol=='https:')?'https:':'http:';
var host = proto+'//widget.copiny.com';
document.write(unescape("%3Cscript src='" + host + "/static/js/newwidget.js' type='text/javascript'%3E%3C/script%3E"));
var copinyWidgetOptions = {
position: 'left',
color: '#1ba05c',
border: '#ffffff',
round: '0',
title: "\u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438",
cache: "bf3b0dc169b4c5c175567223c5b2f69c\/bf3b0dc169b4c5c175567223c5b2f69c\/ejOwVXUxUHU0BJFOrkgkUMRQ1cISzDYFsyEiRmARCOmqDabckLSZIJEQbQZgthmYdASTFmqGtjmpaSUA",
positionMobile :'right',
colorMobile :'#1ba05c',
textMobile :"",
type: 'question',
community:13199
};
initCopinyWidget(copinyWidgetOptions);
CopinyNewWidget.showTab();
initCopinyWidget(copinyWidgetOptions);
CopinyNewWidget.showTab();
По словом техподдержки
вот эта страка отображает виджит на сайте CopinyNewWidget.showTab();
Мы не хотим , что бы на мобильных устройствах отображался вижит , но хотим оставить его на сайте для отображения на компьютерах у пользователей . Помогите пожалуйста помочь с этим вопросом

21 Авг 2019 в 06:23
224 +1
0
Ответы
1

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

Добавьте следующий код перед инициализацией виджета:

<script type="text/javascript">
if (window.innerWidth > 768) { // Проверка ширины экрана для планшетов и компьютеров
var proto = (document.location.protocol=='https:') ? 'https:' : 'http:';
var host = proto + '//widget.copiny.com';
document.write(unescape("%3Cscript src='" + host + "/static/js/newwidget.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>

Этот код проверяет ширину экрана и загружает виджет только если ширина экрана больше 768px (что соответствует планшетам и компьютерам), и не загружает виджет на мобильных устройствах.

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

20 Апр 2024 в 13:19
Не можешь разобраться в этой теме?
Обратись за помощью к экспертам
Гарантированные бесплатные доработки в течение 1 года
Быстрое выполнение от 2 часов
Проверка работы на плагиат
Поможем написать учебную работу
Прямой эфир