Использование WebHooks
WebHook — механизм оповещения системы о каком-либо событии при помощи HTTP-запроса к внешнему ресурсу — скрипту-обработчику Webhook’а . Для включения интеграции через WebHook укажите ссылку на скрипт-обработчик:
При заполнении и отправки формы поп-апа будет сделан POST-запрос к скрипту-обработчику Webhook’а. POST-запрос в формате JSON со следующими данными:
{
"data":{ //В этом узле передаются поля формы поп-апа. В этой форме два поля
"email":{
"name":"email", //Название поля - берется из атрибута name поля формы
"value":"inbox@mail.ru" //Содержимое поля
},
"lp-text":{
"name":"lp-text",
"value":"Hello!"
}
},
"environment":{ //В этом узле передаются данные пользователя, которые передаются неявно
"visitor_key":"3557e496-20cc-4c3f-f2c8-bfe56d72946b", //Уникальный ключ посетителя сайта
"visitor_ipaddress":"89.151.169.237", //IP адрес посетителя, который заполнил форму
"visitor_locale":"ru-RU", //Язык посетителя сайта, установленный в его браузере
"visitor_browser_type":"Chrome 71.0", //Браузер посетителя сайта
"visitor_device_type":"desktop", //Тип устройства посетителя сайта (может быть mobile или desktop)
"visitor_ device_os":"windows", //Операционная система посетителя сайта
"utm_source":"yandex.direct", //UTM-метки (необязательный элемент)
"utm_medium":"cpc",
"utm_campaign":"context",
"utm_term":"site",
"utm_content":"site",
"site_id":"77", //ID сайта
"tool_id":"23411", //ID поп-апа на сайте
"referer":"https://www.somesite.ru/cat/page.html ", //URL страницы сайта на которой появился поп-ап
"submit_date":"2019-06-18 15:07:12", //Дата и время отправки формы
}
}Для получения доступа к полям, передаваемым через вебхук, можно использовать методы работы с объектами в JavaScript. Например если вы хотите получить значение поля utmCampaign, которое находится в объекте lpUser.environment, вы можете сделать это следующим образом:
const utmCampaign = lpUser.environment.utmCampaign;
Для отправки неявных данных, вы можете добавить их в одно из полей виджета с помощью JavaScript. Это можно сделать следующим образом:
widget.data.название_поля;
Замените название_поля на имя желаемого поля. Этот метод позволяет передавать дополнительные данные, которые не являются частью стандартной формы.
Используя WebHook, вы можете использовать данные из поп-апа для своих целей. Например, можно добавить данные посетителя сайта в свою CRM-систему.
const utmCampaign = lpUser.environment.utmCampaign;
Для отправки неявных данных, вы можете добавить их в одно из полей виджета с помощью JavaScript. Это можно сделать следующим образом:
widget.data.название_поля;
Замените название_поля на имя желаемого поля. Этот метод позволяет передавать дополнительные данные, которые не являются частью стандартной формы.
Используя WebHook, вы можете использовать данные из поп-апа для своих целей. Например, можно добавить данные посетителя сайта в свою CRM-систему.
Основные разделы
- Статистика и тестирование
- Работа с данными
Часто задаваемые вопросы