Нужно отключить отображение скрипта чата на мобильных

[semyonl]

Привет. Как отключить отображение скрипта чата на мобильных? Виджет яндекс-диалог для сайта. Для декстопа отличное решение, но на айфоне сложно активируется - в целом не подходит.

<script type='text/javascript'>
(function () {
window['yandexChatWidgetCallback'] = function() {
try {
window.yandexChatWidget = new Ya.ChatWidget({
guid: '47a15af0-d46d-45c1-9311-745582e4ec7d',
buttonText: 'Напишите нам, мы в сети!',
title: 'Чат',
theme: 'dark',
collapsedDesktop: 'never',
collapsedTouch: 'always'
});
} catch(e) { }
};
var n = document.getElementsByTagName('script')[0],
s = document.createElement('script');
s.async = true;
s.charset = 'UTF-8';
s.src = 'https://yastatic.net/s3/chat/widget.js';
n.parentNode.insertBefore(s, n);
})();
</script>

[spoon]

Два варианта,
Первый-т. к. у вас анонимная функция то удалить её сложно, поэтому как вариант добавить его в файл и подключать в зависимости от ширины экрана.
Второй-сделать именную функцию и так же в зависимости от ширины экрана удалять её.
Ну а вообще можно не использовать ширину экрана, а отключать функцию при использовании моб. телефона.

[semyonl]

Для ВК виджета работает, но там есть div id. Как объединить с кодом выше?

<style>
@media (max-width:980px) {
#vk_community_messages { display: none; }
}
</style>

[spoon]

Исходя из кода он формирует див с name="script", можно заблокировать так

Код: Выделить всё

<style>
@media (max-width:980px) {
div[name="script"]  { display: none; }
}
</style>

[semyonl]

Не работает((

[spoon]

Добавьте код на проверку ширины экрана

Код: Выделить всё

<script type='text/javascript'>
(function () {
if($(document).width()< 400){return;}//тут проверка, можно поставить любое значение за место 400
window['yandexChatWidgetCallback'] = function() {
try {
window.yandexChatWidget = new Ya.ChatWidget({
guid: '47a15af0-d46d-45c1-9311-745582e4ec7d',
buttonText: 'Напишите нам, мы в сети!',
title: 'Чат',
theme: 'dark',
collapsedDesktop: 'never',
collapsedTouch: 'always'
});
} catch(e) { }
};
var n = document.getElementsByTagName('script')[0],
s = document.createElement('script');
s.async = true;
s.charset = 'UTF-8';
s.src = 'https://yastatic.net/s3/chat/widget.js';
n.parentNode.insertBefore(s, n);
})();
</script>


[semyonl]

Работает, спасибо!

В таком виде - это крутой бесплатный чат на сайт.

Настройка https://dialogs.yandex.ru/developer
Отличная интеграция с мобильным приложением https://www.jivosite.ru/ (бесплатная версия чата jivosite так себе в сравнение).

[spoon]