Передаем данные из Тильды в Битрикс24 а далее в Я.Метрику

Начнем с предыстории. Имеется клиент, у которого сайт сделан на тильде. Данный клиент использует crm систему от Битрикса, где фиксирует сделки. Реклама в Яндекс.Директ работает хорошо, но качество трафика можно было бы улучшить, и задавшись вопросом, как это реализовать пришла данная идея.

Задача:

Перед нами стоит задача настроить передачу данных из формы на сайте в CRM-систему, а далее эти данные скормить Яндекс.Метрике.

Перед началом работы давайте зафиксируем, что мы имеем:

  • сайт на Тильде
  • на сайте установлена нативная форма
  • установленный Google Tag Manager (да, его нужно установить)
  • аккаунт в CRM Битрикс24
  • Установленная Яндекс.Метрика

Акт первый: начало работы

Начнем с интеграции bitrix24 и tilda.

Для этого заходим в CRM, вкладка “Маркет”, в поисковую строку вводим “Tilda” и устанавливаем приложение “Tilda Publishing Forms”:

Передаем данные из Тильды в Битрикс24 а далее в Я.Метрику

Теперь нам нужно связать Тильду с Битрикс24. В справке тильды все подробно описано. Обращается к следующей статье и делаем все как там написано: КЛИК
По завершению настроек, мы должны получать данные из формы в CRM.

После Проделанной работы, давайте проверим как будет выглядить заявка с сайта в битриксе. Для этого сымитируем переход из Яндекс - рекламы с utm-метками.
Далее заполняем нашу форму на сайте и отправляем заявку.
Переходим в Битрикс24, если мы все сделали верно, там уже должна быть заявка:

Передаем данные из Тильды в Битрикс24 а далее в Я.Метрику

Казалось бы, на этом можно и остановиться, задача выполнена, мы передаем данные с форм в битрикс и можно связывать с метрикой. НО не тут-то было.
Самый главный параметр, а это client_id яндекса у нас не передается.Точнее, он передается в куках, но не в том формате что бы метрика понимала от какого пользователя данная заявка.

По идеи, мы должны написать программистам и поставить задачу что бы они это реализовали, но нет, мы же крутые Директологи, поэтому мы все это настроим сами.

Акт второй: Google Tag Manager

Заходим на страницу нашего контейнера в Google Tag Manager, к этому моменту он уже должен быть установлен на сайте и добавлены теги со счетчиками систем аналитики. Первое, что мы сделаем – это создадим пользовательскую переменную с Client ID Яндекс Метрики.

Создаем 1st Party Cookie переменную и сохраняем результат:

Создаем переменную-1
Создаем переменную-1
Создаем переменную-2 
Создаем переменную-2 
  • ymCID – это название мы придумали сами,
  • 1st Party Cookie – тип создаваемой переменной,
  • _ym_uid – название cookie, так ее присылает Яндекс Метрика к нам на сайт

Далее создаем тег со следующим скриптом:

Создаем тег
Создаем тег
  • Tilda>bx24 – название тега,
  • Custom HTML – тип тега,
  • скрипт в котором мы создаем два HTML-элемента и добавляем их в форму во время посещения на страницы.
<script> function createInput(name, cid) { var input = document.createElement('input'); input.type = 'hidden'; input.value = cid; input.name = name; return input; } document.querySelector('[id^=form]').prepend( createInput('metrika_client_id', {{ymCID}}) ); </script>

Публикуем контейнер, переходим на сайт и оставляем заявку.Переходим в битриксе в сделку и видим дополнительное поле UF_CRM_YMUID (если его нет, нажмите на добавить поле, далее поставьте галочку напротив данного поля).
Для правильного проброса, нам необходимо переименовать данное поле на metrika_client_id.
Нажимаем на шестеренку и переименовываем.

Переименовываем поле
Переименовываем поле

Вот теперь все выглядит идеально:

Идеально
Идеально

Акт третий: Яндекс.Метрика

На данном этапе мы свяжем Битрикс и Метрику. Для этого заходим в Метрику > Интеграции > Вводим в поиск: Битрикс > Переходим в Сделки и клиенты из Битрикс 24

1
1

Указываем все данные, которые просит метрика. Устанавливаем расширение метрики в битрикс и переходим на следующий этап.

2
2

На слеудющем этапе указываем этапы наших воронок, ставим галочку загружать лиды и сохраняем.

3
3

Готово, мы связали метрику с битриксом. Теперь в метрике у нас есть цели связанные с crm.

Заключение

После проделанных манипуляций мы можем видеть какие посетители оставили заявку на сайте и насколько данная заявка целевая.В свою очередь, данная опция позволяет нацеливать кампании уже не на Отправку формы, а непосредственно на целевую заявку.

Всем спасибо за внимание, надеюсь данная статья будет кому-то полезной, ну а если нет, ну и ладно.

1
1 комментарий
","lang":""}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Публикуем контейнер, переходим на сайт и оставляем заявку.Переходим в битриксе в сделку и видим дополнительное поле UF_CRM_YMUID (если его нет, нажмите на добавить поле, далее поставьте галочку напротив данного поля).
Для правильного проброса, нам необходимо переименовать данное поле на metrika_client_id.
Нажимаем на шестеренку и переименовываем.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"Переименовываем поле","image":{"type":"image","data":{"uuid":"3717de2a-1930-5593-88fc-a1a3d8b8e5bb","width":441,"height":543,"size":87860,"type":"png","color":"f8f9f9","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAwQFCf/EAB4QAAIBBQADAAAAAAAAAAAAAAECAAMEERIhIjFx/8QAFgEBAQEAAAAAAAAAAAAAAAAAAAIB/8QAGBEBAQEBAQAAAAAAAAAAAAAAAAERITH/2gAMAwEAAhEDEQA/ANPrPC2ymodfpzLT6Jsh6GBEGVJsSXp1EfyXb0eiYS2dh9UQKAEAAHBiMNtf/9k="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Вот теперь все выглядит идеально:

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"Идеально","image":{"type":"image","data":{"uuid":"f127a10c-3195-5a7f-9668-e63cb3f66e90","width":638,"height":665,"size":27469,"type":"png","color":"fbfbfb","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAgMECf/EACIQAAECBAcBAAAAAAAAAAAAAAEAAhESMUEEBRMhJDJRkf/EABYBAQEBAAAAAAAAAAAAAAAAAAACAf/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/ANP8EeOydxBhQ2VIP29QR5cxmhGRvY2WgpnCjj9Qf//Z"}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Акт третий: Яндекс.Метрика

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

На данном этапе мы свяжем Битрикс и Метрику. Для этого заходим в Метрику > Интеграции > Вводим в поиск: Битрикс > Переходим в Сделки и клиенты из Битрикс 24

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"1","image":{"type":"image","data":{"uuid":"4575f96e-33d0-5cfb-879d-0b7bcaca8a4b","width":1920,"height":919,"size":43816,"type":"png","color":"ecf0f0","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwQJ/8QAIBAAAgICAAcAAAAAAAAAAAAAAQIABBEhAxMUUnGT4f/EABUBAQEAAAAAAAAAAAAAAAAAAAEA/8QAFxEBAQEBAAAAAAAAAAAAAAAAAAERMf/aAAwDAQACEQMRAD8A0/q1rzV+GyPUClRgconXnMNpyE6O73U/R9jtGRYmiFGgAdSF6SRf/9k="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Указываем все данные, которые просит метрика. Устанавливаем расширение метрики в битрикс и переходим на следующий этап.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"2","image":{"type":"image","data":{"uuid":"097201b0-8c33-5b70-ae87-2a2cd654b9d9","width":1920,"height":919,"size":26455,"type":"png","color":"edf2f2","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAgMFCf/EAB0QAAICAgMBAAAAAAAAAAAAAAEDAAIRkgQTUzH/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAQID/8QAFhEBAQEAAAAAAAAAAAAAAAAAAAER/9oADAMBAAIRAxEAPwDUjicIoqauYHfME0AxLtSQ/oR4r1EbVTaOcSctvsZ0yMj7m+t9jGQf/9k="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

На слеудющем этапе указываем этапы наших воронок, ставим галочку загружать лиды и сохраняем.

"}},{"type":"media","cover":false,"hidden":false,"anchor":"","data":{"items":[{"title":"3","image":{"type":"image","data":{"uuid":"c074f133-c4e5-5551-93a4-f448029cbaff","width":1920,"height":919,"size":87379,"type":"png","color":"eaf1f1","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAKAAoDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAgQFCf/EAB4QAAIBBAMBAAAAAAAAAAAAAAEDAgAEEZITIlPB/8QAFwEBAQEBAAAAAAAAAAAAAAAAAAECA//EABYRAQEBAAAAAAAAAAAAAAAAAAABEf/aAAwDAQACEQMRAD8A1HsrRiUxXcxTIxGOsfpq7UyQxwI8V6im1U2DnEnLZ7GumRkfM31nsaZB/9k="}}}]}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Готово, мы связали метрику с битриксом. Теперь в метрике у нас есть цели связанные с crm.

"}},{"type":"header","cover":false,"hidden":false,"anchor":"","data":{"style":"h2","text":"Заключение"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

После проделанных манипуляций мы можем видеть какие посетители оставили заявку на сайте и насколько данная заявка целевая.В свою очередь, данная опция позволяет нацеливать кампании уже не на Отправку формы, а непосредственно на целевую заявку.

"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

Всем спасибо за внимание, надеюсь данная статья будет кому-то полезной, ну а если нет, ну и ладно.

"}},{"type":"link","cover":false,"hidden":false,"anchor":"","data":{"link":{"type":"link","data":{"url":"https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Ft.me%2Fonensy&postId=1783112","title":"О рекламе и не только 🧙","description":"Публикую интересные новости и инструменты по рекламе. Отвечаю на вопросы по рекламе. Для связи писать: @galkin_raf","image":{"type":"image","data":{"uuid":"0c5ec522-6456-5837-a7a9-efa6a12645d2","width":180,"height":180,"size":4016,"type":"png","color":"26a5e4","hash":"","external_service":[]}},"v":1,"hostname":"t.me"}}}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":1,"favorites":1,"reposts":0,"views":285,"hits":413,"reads":null,"online":0},"dateFavorite":0,"hitsCount":413,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/id755615/1783112-peredaem-dannye-iz-tildy-v-bitriks24-a-dalee-v-yametriku","author":{"id":755615,"name":"ТрактАрист","nickname":null,"description":null,"uri":"","avatar":{"type":"image","data":{"uuid":"7e296354-458c-5807-8675-10a924f8e1c3","width":200,"height":200,"size":15235,"type":"jpg","color":"2e3b40","hash":"","external_service":[]}},"cover":null,"achievements":[{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":4681082,"userId":755615,"count":0,"shareImage":"https://api.vc.ru/achievements/share/4681082"},{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 23 июля 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":1056995,"userId":755615,"count":0,"shareImage":"https://api.vc.ru/achievements/share/1056995"}],"lastModificationDate":1764942855,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":false,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":755615,"name":"ТрактАрист","nickname":null,"description":null,"uri":"","avatar":{"type":"image","data":{"uuid":"7e296354-458c-5807-8675-10a924f8e1c3","width":200,"height":200,"size":15235,"type":"jpg","color":"2e3b40","hash":"","external_service":[]}},"cover":null,"achievements":[{"title":"Год на vc.ru","code":"registration_1_year","description":"Первый год с vc.ru. Получена 24 июля 2025.","previewUuid":"0d11c244-49de-50e7-894e-b9b27945d42b","formats":{"glb":"https://static.vc.ru/achievements/fish.glb","usdz":"https://static.vc.ru/achievements/fish.usdz"},"viewData":{"contentColor":"#C67AA3","textMaxWidth":0.634765625,"textX":0.5888671875,"textY":0.54296875,"logoX":0.5859375,"logoY":0.6669921875,"logoXNoText":0.6044921875,"logoYNoText":0.5439453125},"id":4681082,"userId":755615,"count":0,"shareImage":"https://api.vc.ru/achievements/share/4681082"},{"title":"3 года на vc.ru","code":"registration_3_years","description":"Провёл 3 года вместе с vc.ru. Получена 23 июля 2025.","previewUuid":"d9d72ac5-bcb5-55e0-8c72-b99251e5cdd9","formats":{"glb":"https://static.vc.ru/achievements/shark.glb","usdz":"https://static.vc.ru/achievements/shark.usdz"},"viewData":{"contentColor":"#8E6F09","textMaxWidth":0.66796875,"textX":0.5205078125,"textY":0.341796875,"logoX":0.5205078125,"logoY":0.4609375,"logoXNoText":0.5,"logoYNoText":0.3662109375},"id":1056995,"userId":755615,"count":0,"shareImage":"https://api.vc.ru/achievements/share/1056995"}],"lastModificationDate":1764942855,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":false,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"reactions":{"counters":[{"id":1,"count":1}],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null,"keywords":[],"media":null,"customCover":null,"robotsTag":null,"categories":[4],"isAnonymized":true}};