Как скрыть jivosite в мобильной версии?

Question

[Илья Деревянных]

Пробовал разные коды, но не срабатывает, подскажите как сделать чтобы заработало. Сайта на WP+Avada

$(window).resize(function() {
    width = $(window).width();
    if (width >= 991) {
        //ваши скрипты
    }
});

<script type="text/javascript">

    if (screen.width > 480) document.write ('
      <script type="text/javascript" src="js/wow.min.js" ></sc' + 'ript>
   ');

</script>

// делаете переменную в начале кода
var isMobile = false;
// проверка на размер экрана (размер я брал вроде с Bootstrap-а)
$(document).ready( function() {
    if ($('body').width() <= 400) {
        isMobile = true;
    }
    // и потом если нужен код только для телефона:
    if (isMobile) {
        ...
    }
    // или для остальных
    if (!isMobile) {
        ...
    }
} );

Answer 1

[KingAnton]

<?php if(wp_is_mobile()) : ?>
jivosite code
<?php endif; ?>

Answer 2

[yarnstart]

В личном кабинете jivosite в настройках такая функция должна быть из коробки

Comments

[Надим]

Согласен. Или можно просто использовать css, чтобы сделать их фрейм невидимым при разрешении ниже 768px.

[yarnstart]

Надим Закиров, Только запросы от живосайта не пропадут и google page speed будет ругаться на него

[Надим]

Евгений, ну тогда спасет только JS:

<script type="text/javascript">
  document.addEventListener('DOMContentLoaded', function() {
    if (window.innerWidth > 768) {
      var jivo = 'Здесь разместите код от виджета JivoSite';
      document.body.insertAdjacentHTML('beforeEnd', jivo);
    }
  });
</script>

Answer 3

[Надим]

Разместите на своем сайте (в любом месте) следующий html-код:

<script type="text/javascript">
	document.addEventListener('DOMContentLoaded', function() {
		if (window.innerWidth > 768) {
			var jivo = 'Здесь разместите код от виджета JivoSite';
			document.body.insertAdjacentHTML('beforeEnd', jivo);
		}
	});
</script>

Внутри одинарных скобок разместите код от виджета JivoSite, НО без переносов строк внутри!
Удалите предварительно все переносы строк из кода виджета!!! Иначе будет ошибка и не заработает.

Answer 4

[OlegNN tg: @wporgru]

Решение выше не сработало, выдаю рабочее:

<script type="text/javascript">
  document.addEventListener('DOMContentLoaded', function () {
    function loadJivoWidget() {
      // Проверяем, есть ли уже загруженный скрипт Jivo
      if (document.querySelector('[src*="jivo"]')) return;

      // Загружаем виджет только если ширина экрана > 768px
      if (window.matchMedia('(min-width: 769px)').matches) {
        const script = document.createElement('script');
        script.src = 'https://code.jivo.ru/widget/ТУТ-ВАШ-ID-В-КОНЦЕ-ССЫЛКИ';
        script.async = true;
        document.body.appendChild(script);
      }
    }

    // Запускаем проверку при загрузке страницы
    loadJivoWidget();

    // (Опционально) Следим за изменением размера окна
    window.addEventListener('resize', loadJivoWidget);
  });
</script>