Что такое «Мои события» и как их использовать в Convead
В Convead вы можете создавать собственные события (заход на определенную страницу, нажатие на кнопку, регистрация, подписка на рассылку и др.) и использовать их наравне с системными, например, отправлять по ним рассылки.
Как создать новое событие
Управлять событиями в Convead можно в разделе «Настройка» – «События на сайте». Зайдя сюда в первый раз, вы увидите инструкцию, как создать новое событие:
Чтобы создать событие, нажмите на синюю кнопку в правом верхнем углу. После этого откроется такое окно:
Заполните поля:
- Название — любое понятное вам название. Оно будет использоваться при отображении события в таймлайне посетителя, а также в формах фильтров и сегментов.
- Ключ — уникальный идентификатор события (только буквы латинского алфавита, цифры и нижнее подчеркивание). Его должен передавать ваш сайт в качестве параметра события.
- Css селектор – необязательное поле – селектор нужного вам элемента в html- разметке вашего сайта, при нажатии на который должно быть вызвано событие (подробнее ниже).
- Описание — любое понятное вам описание события. Оно будет показываться в списке событий для вашего удобства.
Нажмите на кнопку «Создать». Половина дела сделана – событие в Конвиде появилось! Созданные события попадают в общий список и выглядят так:
В строках для каждого события появятся кнопки «Редактировать» и «Удалить».
Как вызвать событие на вашем сайте
Вы можете использовать кастомные события в Конвиде наравне с системными – отправлять по ним рассылки, сегментировать посетителей и др. Для этого нужно передавать их в Convead с вашего сайта в нужный момент. Для того есть два способа:
1. Прописать код события на вашем сайте
Например, если вы хотите получать события, когда посетитель нажимает на кнопку «Подписаться», то в код обработчика кнопки нужно вставить такую строку:
<code><code><code>convead('event', 'custom', {key: 'event_key'});
Где event_key — ключ вашего события.
2. Использовать CSS-селектор (см. выше на форму создания события)
Большинство элементов HTML-кода вашего сайта помечены одним или несколькими CSS-селекторами для того, чтобы нужному элементу применился нужный стиль из CSS-файла. Например, все кнопки «Подписаться на блог» у вас на сайте имеют одинаковый внешний вид и описываются одним и тем же классом в CSS. Это означает, что у них прописан один и тот же селектор (или даже несколько). Вы можете сказать Конвиду, что при нажатии на элементы с определенным селектором, он должен вызывать ваше кастомное событие.
В 99% случаев вы можете использовать значения атрибутов class или id кнопки или ссылки, клик по которой вы хотите привязать к событию. Откройте код вашего сайта, найдите кнопку или ссылку и посмотрите, есть ли у нее указанные атрибуты:
Подчеркнутые значения – это и есть нужные нам атрибуты. Вы можете вставить один из них в поле «Css селектор» формы создания кастомного события.
Обратите внимание, что перед значением стоит символ #. Это обусловлено синтаксическими правилами CSS:
- Решетка # – признак атрибута id
- Точка . – признак атрибута class
Поэтому, если вы используете значение атрибута id, то ставьте перед ним решетку, а если атрибута class – то точку.
Перед тем, как привязывать значение атрибута к событию, проконсультируйтесь с вашим веб-мастером и убедитесь, что выбранный вами атрибут не используется многими другими, не нужными вам элементами. В противном случае, ваше событие будет срабатывать при нажатии на все эти элементы. А это – не то, что вам нужно.
Как использовать события
Чтобы протестировать и убедиться, что события приходят в Конвид правильно, найдите себя в в Контактах (проще всего это сделать на странице Контакты – Онлайн), совершите на сайте нужное действие и удостоверьтесь, что оно появилось в таймлайне с нужным названием. Здесь мы видим, что посетитель подписался на блог.
После этого, вы можете создать рассылку и в условиях отправки выбрать, что рассылка должна быть отправлена именно по этому событию:
Вы можете построить сегмент по всем посетителям, у которых сработало событие. Перейдите для этого в раздел «Контакты» – «Сегменты» и нажмите на кнопку «Добавить сегмент» слева внизу. Вы увидите визуальный конструктор, где сможете составить условия на события. Причем, вы можете указать не только произошло событие или нет, но и уточнить, сколько раз и за какой период: