Как интегрировать сайт с enKod?
Основа работы CDP (Customer Data Platform - платформа клиентских данных) - сбор информации о клиентах из различных источников, среди которых может быть и ваш сайт. При корректно настроенной интеграции в enKod будут автоматически попадать:
- контактные данные (емейл-адрес, телефон, пол, возраст и т.п.), которые клиент мог оставить при заполнении форм на вашем сайте или в поп-апе;
- сведения о поведении пользователя на сайте (открытия страниц, просмотры товаров, добавления в корзину, избранное, сравнение; кроме этого, вы можете настроить отслеживание любого необходимого вам события с помощью функционала “пользовательское событие”).
Рассмотрим подробнее план действий при интеграции enKod с сайтом для всех вариантов реализации.
Вариант 1. Передача контактных данных с форм на сайте в CDP enKod
Способ 1. Если ваш сайт сделан на Tilda - используйте Webhook
Все, что вам нужно:
- создать в enKod группы рассылок, на которые будут подписаны контакты с форм;
- установить вебкух от enKod в «Настройках сайта», в разделе «Формы».
Сам вебхук и подробную инструкцию по его установке вы можете увидеть в этой статье нашей Базы знаний.
Сколько времени занимает: 10 минут
Какие специалисты требуются для реализации: справится любой сотрудник, специфических знаний не требуется.
Способ 2. Поставьте на сайт скрипт от enKod
Скрипт - это код, который устанавливается на сайт и позволяет отслеживать поведение контакта на этом сайте. В том числе передавать данные с форм логина или заказа в enKod.
Для этого требуется:
1. попросить вашего персонального менеджера подключить вам модуль “Трекинг”, если он еще не был подключен;
2. создать в enKod группы рассылок, на которые будут подписываться передаваемые с сайта контакты;
3. вставить скрипт на сайт перед закрывающим тегом </body>, предварительно заменив СИСТЕМНОЕ_ИМЯ на системное имя вашего аккаунта в enKod:
<script type="text/javascript"> var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//cdn.enkod.ru/script/enpop.min.js'; script.async = true; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(script, first); var enKodBox = window.enKodBox = window.enKodBox || {}; var ekEvents = window.ekEvents || []; enKodBox['token'] = 'СИСТЕМНОЕ_ИМЯ'; </script>
Системное имя не равно отправляющему домену или адресу сайта. Вы можете узнать системное имя у вашего персонального менеджера.
4. прописать метод скрипта на захват контакта на любой из форм (логин, регистрация, быстрая покупка). Например так:
<script type="text/javascript"> ekEvents.push('subscribe',{groups: ["all_subs"], fields: {email: '[email protected]', firstName: 'Имя', lastName: 'Фамилия', phone: '7900000000'}, extraFields: {city: 'Москва', age: '21'}}) </script>
Подробнее о допустимых полях, их названиях, типах и о скрипте в целом вы можете прочесть в этом разделе нашей базы знаний.
Сколько времени занимает: 30 минут - час
Какие специалисты нужны:
- Ваш личный менеджер enKod - по вашей просьбе он подключит вам модуль “Трекинг” и сообщит системное имя, которое нужно вставить в код скрипта.
- Маркетолог — чтобы знать: с каких форм, какие контактные данные передавать и на какие группы рассылок в enKod подписывать контакты.
- Разработчики со знанием HTML, CSS и JavaScript. Они необходимы, чтобы непосредственно установить код и прописать нужные методы на сайте.
Способ 3. Используйте API
API (Application Programming Interface — программный интерфейс приложения) — это методы и правила, по которым различные программы обмениваются информацией.
Преимущество API - в повышенной безопасности: только вы контролируете, какую именно информацию, как и когда передавать с сайта в enKod.
Из недостатков - этот метод самый трудозатратный из предлагаемых и требует привлечения бэкенд-разработчика.
Что нужно будет сделать:
- попросить вашего персонального менеджера подключить вам модуль “Трекинг”, если он еще не был подключен;
- создать в enKod группы рассылок, на которые будут подписываться передаваемые с сайта контакты;
- для каждого нового посетителя создавать сессию согласно методу “Создание новой сессии”, описанному в нашей API-документации;
- при каждом новом посещении нужно вызывать метод «Старт сессии» (только для тех посетителей, кому уже присвоили сессию);
- вызвать метод на передачу данных с формы с помощью метода “Передача данных контакта с привязкой к основным полям”. Метод обязательно должен вызываться с сессией в заголовках.
Подробнее о передаче данных в enKod с помощью API вы можете прочесть в нашей Базе знаний.
Сколько времени занимает: зависит от сложности интеграции, по нашему опыту: до 2 недель.
Какие специалисты нужны: специалист со знанием любого языка программирования.
Вариант 2. Передача контактных данных с поп-апа на сайте в CDP enKod
Поп-ап - это всплывающее окно, отображаемое поверх основного контента веб-страницы или приложения. Поп-апы могут быть:
- информирующими - используются для рекламы, уведомлений;
- собирающими - помогают собрать контактные данные пользователя, обычно сопровождаются просьбой подписаться на рассылку.
Установив собирающий поп-ап от enKod, вы сможете передавать контактные данные пользователя с сайта в нашу CDP.
От вас потребуется:
1) попросить вашего персонального менеджера подключить вам модуль “Поп-апы”, если он еще не был подключен;
2) создать в enKod группы рассылок, на которые будут подписываться передаваемые с поп-апа контакты;
3) вставить скрипт на сайт перед закрывающим тегом </body>, предварительно заменив СИСТЕМНОЕ_ИМЯ на системное имя вашего аккаунта в enKod:
<script type="text/javascript"> var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//cdn.enkod.ru/script/enpop.min.js'; script.async = true; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(script, first); var enKodBox = window.enKodBox = window.enKodBox || {}; var ekEvents = window.ekEvents || []; enKodBox['token'] = 'СИСТЕМНОЕ_ИМЯ'; </script>
• Системное имя не равно отправляющему домену или адресу сайта. Вы можете узнать системное имя у вашего персонального менеджера.
• Если вы уже устанавливали скрипт для трекинга, то дополнительно для поп-апов скрипт устанавливать не требуется.
4) Установите на всех страницах вашего сайта метод pageOpen (открытие любой страницы сайта) для работы условия сегментации по «Посещению страниц»:
ekEvents.push('pageOpen')
Подробнее об установке скрипта и метода для поп-апов мы рассказываем в Базе знаний.
5) Создайте собирающий поп-ап в платформе enKod: вы можете использовать готовые шаблоны или настроить поп-ап с нуля. На случай если у вас возникнут какие-то вопросы или затруднения, мы подготовили подробную инструкцию по созданию поп-апов в нашей Базе знаний.
6) Активируйте поп-ап. Теперь любая контактная информация, оставленная в собирающем поп-апе на сайте, будет передаваться в enKod.
Сколько времени занимает: зависит от дизайна поп-апа. В среднем 2-3 часа для поп-апов с готовым шаблоном и в пределах рабочего дня для настраиваемого поп-апа.
Какие специалисты нужны:
- Ваш личный менеджер enKod - по вашей просьбе он подключит вам модуль “Поп-апы” и сообщит системное имя, которое нужно вставить в скрипт, если он не был установлен ранее для трекинга.
- Маркетолог — обозначит содержание поп-апа и решит, какие контактные данные передавать и на какие группы рассылок в enKod подписывать контакты.
- Дизайнер - если вы выберете опцию настраиваемого поп-апа или решите сверстать свой с нуля в соответствии с требованиями к попа-пам от enKod.
- Разработчики со знанием HTML, CSS и JavaScript. Они необходимы, чтобы установить скрипт и сверстать поп-ап, если готовые и настраиваемые шаблоны поп-апов enKod вам не подойдут.
Вариант 3. Передача событий о поведении пользователя на сайте в CDP enKod
Под передачей событий с сайта, мы имеем в виду отслеживание любых действий клиента на сайте и их комбинаций:
- открытие любой страницы сайта
- открытие страницы с товаром
- добавление товара в корзину
- удаление товара из корзины
- добавление товара в избранное
- удаление товара из избранного
- добавление товара в сравнение
- удаление товара из сравнения
- очистка сравнения
- заказ
- возврат заказа
- пользовательское событие - если у вас есть потребность отслеживать не включенное в список выше событие, вы можете создать его и передать в enKod согласно инструкции.
Способ 1. Поставьте на сайт скрипт от enKod
Для этого требуется:
1) попросить вашего персонального менеджера подключить вам модуль “Трекинг”, если он еще не был подключен;
2) создать в enKod группы рассылок, на которые будете подписывать контакты при оформлении заказа на сайте (если вам необходимо отслеживать это действие);
3) вставить скрипт на сайт перед закрывающим тегом </body>, предварительно заменив СИСТЕМНОЕ_ИМЯ на системное имя вашего аккаунта в enKod:
<script type="text/javascript"> var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//cdn.enkod.ru/script/enpop.min.js'; script.async = true; var first = document.getElementsByTagName('script')[0]; first.parentNode.insertBefore(script, first); var enKodBox = window.enKodBox = window.enKodBox || {}; var ekEvents = window.ekEvents || []; enKodBox['token'] = 'СИСТЕМНОЕ_ИМЯ'; </script>
Системное имя не равно отправляющему домену или адресу сайта. Вы можете узнать системное имя у вашего персонального менеджера. Если вы уже устанавливали наш скрипт, то повторно его ставить не требуется.
4) прописать обращение к скрипту, его общий вид:
<script type="text/javascript"> ekEvents.push('название действия', { param1: 'и', param2: 'объект', param3: 'с параметрами' }) </script>
Название действия и параметры в обращении к скрипту зависят от того, какие события на сайте вы планируете передавать в enKod. Подробную инструкцию в каждом возможном случае вы можете найти на этой странице нашей Базы знаний.
Сколько времени занимает: От 2 до 4 рабочих часов, в зависимости от сложности интеграции и прописываемых методов.
Какие специалисты нужны:
- Ваш личный менеджер enKod - по вашей просьбе он подключит вам модуль “Трекинг” и сообщит системное имя, которое нужно вставить в скрипт
- Маркетолог — обозначит, какие именно события нужно отслеживать
- Разработчики со знанием HTML, CSS и JavaScript непосредственно установят код и пропишут нужные методы на сайте
Способ 2. Используйте API
Для этого необходимо:
- попросить вашего персонального менеджера подключить вам модуль “Трекинг”, если он еще не был подключен
- создать в enKod группы рассылок, на которые будете подписывать контакты, передаваемые в API-методе подписки
- для каждого нового посетителя создавать сессию согласно методу “Создание новой сессии”, описанному в нашей API-документации;
- при каждом новом посещении нужно вызывать метод «Старт сессии» (только для тех посетителей, кому уже присвоили сессию);
- любые необходимые вам методы должны вызываться с сессией в заголовках. Все методы для отслеживания действий пользователя доступны в нашей API-документации в разделе "Tracking";
- не рекомендуется передавать покупку без канала коммуникации (емейл, телефон)
Подробнее о передаче данных в enKod с помощью API вы можете прочесть в нашей Базе знаний.
Сколько времени занимает: зависит от сложности интеграции, по нашему опыту: до 2 недель.
Какие специалисты нужны: специалист со знанием любого языка программирования.