Как интегрировать сайт с enKod?

Основа работы CDP (Customer Data Platform - платформа клиентских данных) - сбор информации о клиентах из различных источников, среди которых может быть и ваш сайт. При корректно настроенной интеграции в enKod будут автоматически попадать:

  • контактные данные (емейл-адрес, телефон, пол, возраст и т.п.), которые клиент мог оставить при заполнении форм на вашем сайте или в поп-апе;
  • сведения о поведении пользователя на сайте (открытия страниц, просмотры товаров, добавления в корзину, избранное, сравнение; кроме этого, вы можете настроить отслеживание любого необходимого вам события с помощью функционала “пользовательское событие”).

Рассмотрим подробнее план действий при интеграции enKod с сайтом для всех вариантов реализации.

Вариант 1. Передача контактных данных с форм на сайте в CDP enKod

Способ 1. Если ваш сайт сделан на Tilda - используйте Webhook

Все, что вам нужно:

  1. создать в enKod группы рассылок, на которые будут подписаны контакты с форм;
  2. установить вебкух от 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.

Из недостатков - этот метод самый трудозатратный из предлагаемых и требует привлечения бэкенд-разработчика.

Что нужно будет сделать:

  1. попросить вашего персонального менеджера подключить вам модуль “Трекинг”, если он еще не был подключен;
  2. создать в enKod группы рассылок, на которые будут подписываться передаваемые с сайта контакты;
  3. для каждого нового посетителя создавать сессию согласно методу “Создание новой сессии”, описанному в нашей API-документации;
  4. при каждом новом посещении нужно вызывать метод «Старт сессии» (только для тех посетителей, кому уже присвоили сессию);
  5. вызвать метод на передачу данных с формы с помощью метода “Передача данных контакта с привязкой к основным полям”. Метод обязательно должен вызываться с сессией в заголовках.

Подробнее о передаче данных в 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

Для этого необходимо:

  1. попросить вашего персонального менеджера подключить вам модуль “Трекинг”, если он еще не был подключен
  2. создать в enKod группы рассылок, на которые будете подписывать контакты, передаваемые в API-методе подписки
  3. для каждого нового посетителя создавать сессию согласно методу “Создание новой сессии”, описанному в нашей API-документации;
  4. при каждом новом посещении нужно вызывать метод «Старт сессии» (только для тех посетителей, кому уже присвоили сессию);
  5. любые необходимые вам методы должны вызываться с сессией в заголовках. Все методы для отслеживания действий пользователя доступны в нашей API-документации в разделе "Tracking";
  6. не рекомендуется передавать покупку без канала коммуникации (емейл, телефон)

Подробнее о передаче данных в enKod с помощью API вы можете прочесть в нашей Базе знаний.

Сколько времени занимает: зависит от сложности интеграции, по нашему опыту: до 2 недель.

Какие специалисты нужны: специалист со знанием любого языка программирования.

Последнее изменение: 2024.08.07 07:34 — Elizaveta Ivannikova