Якорь Top Top
CSS Stylesheet |
---|
.top-button { background-image: url(https://confluence.twin24.ai/download/thumbnails/23986188/baseline_keyboard_arrow_up_white_18dp.png) !important; background-position: center; background-color: #47a7f5 !important; background-repeat: no-repeat; box-shadow: -1px 1.5px 3px #999; color: #47a7f5 !important; border-radius:50px !important; position: fixed; bottom: 45px; left: 93.5%; width: 50px; height: 50px !important; font-size: 12px !important; padding: 14.5px !important; z-index: 2; } .top-button:hover{ background-color: #65b9ff !important; color: #65b9ff !important; } .page-header{ background-color: #232838; background-repeat: no-repeat; background-position: center; width: auto; height: 100px; background-image: url(https://confluence.twin24.ai/download/attachments/23986188/logo_twin-02.png); background-size: 10em; color: #fff; font-size: 20px; padding: 20px; } .page-footer{ background-color: #232838; background-image: url(https://confluence.twin24.ai/download/thumbnails/23986188/decorated-pattern-dark.png); width: auto; height: 10px; color: #fff; text-align: end; font: small-caption; padding-inline-end: 30px; padding-top: 200px; padding-bottom: 30px; } .page-headline{ background-image: url(https://confluence.twin24.ai/download/thumbnails/23986188/Solid256dot8_2changed.png); background-repeat: no-repeat; background-position-x: -227px; background-position-y: center; padding: 20px; background-color: #007bff; width: auto; height: 10px; color: #fff; text-align: center; font: caption; font-weight: 600; } .tabs-menu{ padding-left: 85% !important; } |
Message Box | ||||||
---|---|---|---|---|---|---|
| ||||||
|
Общая информация
В виджете предусмотрен функционал, с помощью которого можно выполнять просмотр следующей статистики по действиям пользователей
- Взаимодействие с интерфейсом виджета;
- Динамика диалога с ботом;
- Взаимодействие с API виджета.
Подключение Google Analytics к виджету
- Создайте счетчик и задайте его настройки. Определите код счетчика Google Analytics (подробнее см. Начало работы с Google аналитикой).
- В скрипте инициализации виджета в секции appearance добавьте опцию analytics следующего содержания:
Блок кода | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||
appearance: { ... analytics: { googleAnalytics: { counter: 'идентификатор счетчика', // method: 'gtag', // prefix: 'ChatWidget', }, }, ... }, |
- method — метод, который требуется вызвать при инициализации счетчика. По умолчанию используется метод gtag.
- prefix — пространство имен для идентификации событий виджета в отчетах Google Analytics.
Просмотр статистики по действиям пользователей
- Зайдите в Google Аналитику.
- Перейдитевраздел Отчет в реальном времени.
Статистика по действиям пользователей приводится в отчете. Если вы не изменяли значение параметра prefix по умолчанию, то статистика по действиям пользователей будет представлена следующим образом:
- ChatWidget → ui → {действие} – взаимодействие пользователей с интерфейсом виджета;
- ChatWidget → answers → {действие} – использование кнопок в диалогах виджета;
- ChatWidget → api → {действие} – взаимодействие с API виджета.
Button Hyperlink custom-icon top-button id top-button title . type standard class top-button url #Top