Как добавить свой JavaScript код в квиз?
Есть возможность добавить в ваш квиз JavaScript код, который будет исполняться в момент загрузки квиза.
Для добавления кода необходимо:
1. Зайти в редактирование квиза из личного кабинета;
2. Далее перейти во вкладку «Интеграции» и выбрать «Свой код»:
3. Добавить ваш код, обернув его в тег <script>
Например:
<script> alert('HelloWorld') </script>В коде можно использовать только тег <script>. С другими тегами, данное поле не будет работать.
4. Сохранить квиз.
Теперь при входе на квиз, сначала будет выполнен ваш код, а после этого загрузится квиз. (на скриншоте показано действие команды alert('HelloWorld'); )
Код вставляется в тег <head>. В квизе нельзя использовать скрипты location и base64, эти скрипты работать не будут.
Внутренние события в квизе
Вы можете использовать собственный код для отслеживания событий внутри квиза. Это позволяет запускать ваш код не только при открытии квиза, но и в любой нужный вам момент — например, при старте квиза или при заполнении формы контактов.
Пример базовой структуры обработчика:
<script>
document.addEventListener("название-события-квиза", (e) => {
// Ваш javascript-код
// Для получения id квиза используйте e.detail.quizId
});
</script>Пример использования:
<script>
document.addEventListener("marquiz-start", (e) => {
console.log("Начало прохождения квиза. id:" e.detail.quizId);
});
</script>Список событий, на которые вы можете подписаться:
- Посетитель открыл квиз — marquiz-start;
- Посетитель нажал на кнопку стартовой страницы: marquiz-startquiz;
- Посетитель дошёл до формы контактов: marquiz-form;
- Посетитель дошёл до определенной формы контактов: marquiz-form-{id}
(где id — id формы. Например, marquiz-form-kScp7XicME) - Посетитель увидел результат: marquiz-result (событие прописывается, если подключены результаты);
- Посетитель увидел определенный результат: marquiz-result-{id}
(где id — id результата. Например, marquiz-result-Uo683Yu1f4); - Посетитель заполнил форму контактов (1-й шаг): marquiz-contacts1 (событие прописывается, когда два шага сбора контактов);
- Посетитель заполнил форму контактов (2-й шаг): marquiz-contacts2 (событие прописывается, когда два шага сбора контактов);
- Посетитель увидел страницу «Спасибо»: marquiz-finish
- Посетитель успешно оплатил товар: marquiz-payment-success (событие прописывается при условии, что у вас включена корзина в квизе и подключена оплата);
- Посетитель неуспешно оплатил товар: marquiz-payment-fail (событие прописывается при условии, что у вас включена корзина в квизе и подключена оплата);
- Посетитель прошёл вопрос N: marquiz-stepN
(где N — порядковый номер вопроса. Например, marquiz-step2); - Посетитель отправил заявку с мессенджером: marquiz-messengers-X,
где X — один из мессенджеров. Например, marquiz-messengers-telegram.