Как запретить отображения функции на мобильных устройствах? Суть вопроса : Установили на сайт виджет обратной связи от 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(); Мы не хотим , что бы на мобильных устройствах отображался вижит , но хотим оставить его на сайте для отображения на компьютерах у пользователей . Помогите пожалуйста помочь с этим вопросом
Для того чтобы скрыть виджет на мобильных устройствах, вы можете использовать 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 (что соответствует планшетам и компьютерам), и не загружает виджет на мобильных устройствах.
Помните, что это лишь общий пример, и вам может потребоваться подбирать подходящую ширину экрана в зависимости от вашего сайта и макета. Используйте инструменты разработчика браузера для определения необходимой ширины экрана для вашего сайта.
Для того чтобы скрыть виджет на мобильных устройствах, вы можете использовать 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 (что соответствует планшетам и компьютерам), и не загружает виджет на мобильных устройствах.
Помните, что это лишь общий пример, и вам может потребоваться подбирать подходящую ширину экрана в зависимости от вашего сайта и макета. Используйте инструменты разработчика браузера для определения необходимой ширины экрана для вашего сайта.