Любой сайт подключается к КО одинаково, на чём бы он ни был сделан: счётчик на страницах и вебхук, который принимает заявки с форм. Когда стоят обе части, лид приходит вместе с кампанией, которая привела посетителя. Эта статья описывает подключение целиком — инструкции по платформам отличаются только тем, куда вставлять каждую часть.
Что делают эти две части
Они отвечают на разные половины одного вопроса, и по отдельности не работают.
- Счётчик узнаёт посетителя и запоминает, откуда он пришёл: реферер, UTM-метки,
устройство. Идентификатор он хранит в cookie
_ko_touch_id. Это половина «источник». - Вебхук принимает заявку: имя, телефон, почту — всё, что собрала форма. Это половина «лид».
Связывает их та самая cookie _ko_touch_id: форма отправляет её вместе с контактами, и КО
может сказать, что этот лид пришёл из той кампании.
Поставьте только вебхук — получите лиды без источника: они настоящие, они приходят, и ни один отчёт не скажет, что за них заплачено. Поставьте только счётчик — получите трафик без результата.
Настройка в КО
- В разделе Коннекты откройте категорию Сайты, квизы, лидформы, чаты и выберите Сайт: трекинг и события.
- В блоке Подключение укажите Платформа сайта и способ подключения. В списке есть
готовые платформы — Tilda, Typeform, WordPress, Framer, Creatium — и три варианта для
самописного сайта, которые отличаются только тем, как заявка попадает в КО:
- есть PHP, вебхук на serverside — сайт отправляет лид сам;
- скрытый перехват форм — счётчик считывает отправку, не вмешиваясь в работу формы;
- только HTML, с сообщением о заявке — счётчик и отправляет лид, и показывает посетителю сообщение об отправке.
- Укажите описание интеграции. Когда подключений несколько, полезнее всего ссылка на подключаемый сайт.
Выбранная платформа сама задаёт Способ получения заявок, поэтому из всего блока важно верно указать именно платформу. Дальше используются HTML код и Вебхук.
Установка счётчика КО
Скопируйте HTML код и установите его на сайт. Лучше внутри <head>; через диспетчер
тегов — тоже подходит; если оба способа недоступны, можно вставить в любое место HTML-кода
страницы.
Код должен быть на каждой странице, которую вы измеряете, включая лендинги, живущие отдельно от основного шаблона.
После установки опубликуйте сайт: большинство конструкторов до публикации отдают прежнюю версию страниц.
Добавление вебхука
Скопируйте ссылку из поля Вебхук / Webhook и укажите её в платформе форм как адрес для отправки заявок.
Пропустите этот шаг в одном случае: если сайт уже отправляет лиды напрямую в CRM, а CRM подключена к КО — лиды придут через коннект CRM, и вебхук создаст их вторую копию.
Если у платформы форм есть галочка отправки cookies — включите её: так до КО доезжает
_ko_touch_id. Если форма живёт на чужом домене, идентификатор передаётся параметром
ссылки — смотрите инструкцию по платформе, например Typeform.
Завершение настройки
Когда настроите все опции, переключите статус интеграции в КО на Активен:
- Активен — всё функционирует.
- Настройка — всё функционирует, но обновление данных на паузе.
- В архиве — отключает интеграцию, сохраняет данные и статистику.
- Удалить — удаляет все данные и статистику интеграции.
Проверка
Откройте сайт и отправьте форму сами.
В настройках коннекта таблицы Последние визиты и Последние заявки показывают, что на самом деле дошло до КО, — нажмите Перезагрузить данные, чтобы их заполнить. Ваш визит должен быть в первой таблице, отправленная заявка — во второй, и с источником, а не с одним только именем.
Если не сходится
Счётчика нет на странице с формой. Конструкторы часто позволяют вставлять код постранично. Если форма стоит на лендинге, который пропустили при установке, его лиды приходят без источника, пока остальной сайт отслеживается нормально, — и это выглядит как проблема КО, хотя ею не является.
Сайт не опубликован заново. Код лежит в настройках конструктора, а живые страницы отдают прежний HTML. Самая частая причина, по которой свежий коннект ничего не записывает.
Платформа форм не отправляет cookies. У некоторых конструкторов это отдельная галочка
на вебхуке, по умолчанию выключенная. Без неё _ko_touch_id до КО не доходит, и все лиды
этой формы остаются без источника.
Форма не внутри <form>. Счётчик ищет формы по CSS-селектору из поля Поиск форм на
сайте (CSS селектор). Форме, собранной из <div>, нужен свой селектор — подойдёт любой
элемент, внутри которого есть поля и кнопка отправки.
Заявки не перехватываются вообще. Переключите Способ трекинга отправки формы на Button: некоторые конструкторы не порождают стандартное событие отправки формы, и работает только перехват нажатия кнопки.
Визиты приходят с домена, которого вы не ждали. По умолчанию счётчик работает на всех
доменах, где установлен. Ограничить его можно полем Ограничить работу счетчика указанными
доменами в блоке Разрешения; ! в начале строки исключает домен.
Проверяете с включённым блокировщиком рекламы. Блокировщики останавливают счётчик, и вы делаете вывод, что настройка не удалась. Проверяйте в чистом профиле браузера.