Как запретить отображения функции на мобильных устройствах?

Question

[4066495]

Суть вопроса : Установили на сайт виджет обратной связи от copiny.com
Сейчас виджет отображается на сайте и на мобильных устройствах , Сайт на вордпресс https://incleanroom.ru
А нам нужно что бы отображался виджет с боку только на сайте , а на мобильных устройствах не отображался
Тех поддержка сказала Цитирую " Но это же Javascript. Вы можете написать или взять откуда-то код определения, что пользователь использует мобильный и соответственно не вызывать эту функцию "

Вот код виджите :

<script type="text/javascript" charset="utf-8">
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>
<script type="text/javascript" charset="utf-8">
    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();
</script>

initCopinyWidget(copinyWidgetOptions);
CopinyNewWidget.showTab();

По словом техподдержки
вот эта страка отображает виджит на сайте CopinyNewWidget.showTab();

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

Comments

[Захар Кущенко]

По словом техподдержки
вот эта страка

Кто-кто простите?

[Ярослав Иванов]

if(window.innerWidth > 768) { CopinyNewWidget.showTab(); }

[Толстый Лорри]

Обратитесь к фрилансерам, вам помогут!

Answer 1

[Микола Деревло]

например так

function detectmob() { 
 if( navigator.userAgent.match(/Android/i)
 || navigator.userAgent.match(/webOS/i)
 || navigator.userAgent.match(/iPhone/i)
 || navigator.userAgent.match(/iPad/i)
 || navigator.userAgent.match(/iPod/i)
 || navigator.userAgent.match(/BlackBerry/i)
 || navigator.userAgent.match(/Windows Phone/i)
 ){
    return true;
  }
 else {
    return false;
  }
}

if(!detectmob()){
//showtab widget
initCopinyWidget(copinyWidgetOptions);
CopinyNewWidget.showTab();
}

Comments

[4066495]

Подскажите пожалуйста , а куда это вставить в редакторе в вордпрессе ?
Я только учусь всему , что то знаю что то нет , пока делаю сайт уже многое узнал и продолжаю узновать
Сам виджет вставлен в footer.php - перед

[4066495]

Вставил Ваш код в css не помогло , на мобильном по прежнему показывается

[Микола Деревло]

Ето не CSS код, его нужно вставить ниже, вышеприведеного кода в футере

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();



function detectmob() {
if( navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPad/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)
){
return true;
}
else {
return false;
}
}

if(!detectmob()){
//showtab widget
//и вызвать функцию отсюда
initCopinyWidget(copinyWidgetOptions);
CopinyNewWidget.showTab();
}

Answer 2

[M-ka]

Да да, поискать список детектов, что девайс мобильный и не париться. На крайний случай, самым простым решением, пойти по ширине... мобилки хотя и имеют там 1980+px ширины, но фактически выходит 320+ <998. Так попадет под кат все моб девайсы + сресайзенные окна (а еще можно и на перересайз добавить проверку на просчет для принятия решения, а еще можно это все сделать на стороне сервера и вообще не давать грузить излишний скрипт).

Comments

[4066495]

Подскажите пожалуйста , а куда это вставить в редакторе в вордпрессе ?
Я только учусь всему , что то знаю что то нет , пока делаю сайт уже многое узнал и продолжаю узновать
Сам виджет вставлен в footer.php - перед

[M-ka]

4066495, лично не пользовался вордпресом, потому не могу знать, куда именно но могу сказать в направлении чего искать, место инициализации виджета для запуска (точка вхождения в таковой), вот там и добавить вызов проверки, а саму проверку вынести куда то в другое место, вдруг пригодиться для чего то еще. У меня вообще в жс нет проверки, а с сервера удаление и добавление части контента, хотя когда то были даже разные сборки реквайра под моб девайс и не моб, но отказались из-за неудобства поддержки модулей.