Справочный центр | Отложенная загрузка виджета tawk.to с помощью JavaScript

Отложенная загрузка виджета tawk.to с помощью JavaScript

Инструкции ниже предназначены только для ПК и ноутбуков.

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

В этом руководстве объясняется, как отложить загрузку виджета с помощью JavaScript. Предполагается, что вы добавляете виджет вручную (не через CMS-плагин) и имеете доступ к редактированию HTML-кода сайта.

Перед началом

Чтобы отложить загрузку виджета, вам понадобятся ID Проекта (Property ID) и ID Виджета. Эти идентификаторы уникальны и указывают сайту, какой именно виджет tawk.to нужно загрузить.

Узнайте, где их найти, в этом руководстве:
Где я могу найти идентификаторы проектов и виджетов?

Также необходимо установить виджет вручную, вставив JavaScript-код непосредственно в HTML сайта. Этот метод не будет работать, если вы используете плагин WordPress (или аналогичный), который автоматически добавляет код виджета.

Подробнее об установке виджета:
Как добавить виджет на сайт

Шаги по отложенной загрузке виджета

Вместо стандартного embed-скрипта tawk.to необходимо обернуть его в функцию, которая будет добавлять код с задержкой.

Общий принцип

Откройте HTML-код страницы, где вы планируете загрузку виджета (обычно перед закрывающим тегом </body>).
Замените стандартный код виджета на JavaScript-блок, использующий задержку загрузки.

Как это работает

widgetDelay - количество миллисекунд ожидания перед загрузкой виджета.
Функция внутри setTimeout создаёт и вставляет скрипт tawk.to после заданной задержки.
Замените <property> и <widget> на ваши реальные ID Проекта (Property ID) и ID виджет.

Дополнительные моменты

Время задержки

Вы можете настроить задержку в зависимости от своих целей:

короткая задержка (например, 2-5 секунд) позволяет посетителю сначала ознакомиться с контентом
более длительная задержка подходит, если виджет должен появляться позже в процессе просмотра сайта

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

Согласие и конфиденциальность

Если сайт требует согласия пользователя перед загрузкой сторонних скриптов (например, для соответствия GDPR), загружайте виджет только после получения согласия.

CMS-плагины

Если на сайте используется плагин или интеграция темы, которая автоматически добавляет стандартный код tawk.to, её необходимо отключить перед добавлением собственного JavaScript-кода. Большинство плагинов не поддерживают отложенную загрузку по умолчанию.

Связанные руководства

Где я могу найти идентификаторы проектов и виджетов?

Как добавить виджет на сайт

JavaScript API

Есть отзывы по этой статье или нужна помощь?

Нажмите на зелёный значок чата
Запланируйте звонок с нами
Посетите наше сообщество

Эта статья была вам полезна?

123 из 153 понравилась эта статья