Как вставлять события типа Коммуникация в JS поп-апы

Верстая JS поп-ап, вы можете столкнуться с проблемой передачи статистики прочтения, ответа и перехода по ссылке в поп-апе. Как передать эти данные? Как дать понять нашей системе, что пользователь прочел/ответил/перешел по ссылке именно в этом поп-апе? Всё решается парочкой строк кода.

Предположим, в вашем поп-апе есть поле для ввода емейла с идентификатором “email” и ссылка с идентификатором “link”.

• Чтобы отследить факт прочтения сообщения, добавляем в код поп-апа следующий код:
  

carrotquest.trackMessageInteraction('{{ sending_id }}', 'read');

Обратите внимание, что данную строчку кода необходимо вставлять после того, как ваш поп-ап был добавлен на страницу.

При этом в карточку пользователя уйдёт событие "Прочитано сообщение", а в статистике рассылок добавится +1 к метрике "Прочитали".

• Записываем факт ответа на сообщения:

document.getElementById(“email”).onblur = function() { //Будем вызывать событие ответа после того, как пользователь увел фокус с поля
carrotquest.trackMessageInteraction('{{ sending_id }}', 'replied');
};

В карточке пользователя запишется событие "Ответил на сообщение", и появится статистика по количеству ответов в статистике рассылок.

• Чтобы отследить переход по ссылке вставляем следующий код:

document.getElementById(“link”).onclick = function() {
carrotquest.trackMessageInteraction('{{ sending_id }}', clicked);
};

У пользователя появится событие "Перешел по ссылке в сообщении", и начнёт собираться метрика перехода по ссылке в статистике рассылок.

Пример поп-апа с событиями прочитал сообщение, ответил на сообщение и перешёл по ссылке в сообщении: