Как подружить сайты 1С-Битрикс на Аспро со сквозной аналитикой Битрикс24
Большое количество интернет-магазинов в России реализовано на базе 1С-Битрикс: Управления сайтом + готовые решения Аспро. Выбранная связка бесспорно отлично работает и по мере увеличения посетителей возникает необходимость отслеживания эффективности рекламных каналов.
Сквозная аналитика Битрикс24 — в помощь!
Сквозная аналитика – это способ анализа эффективности, который даёт все данные о бизнесе и маркетинге. С помощью неё можно свести все разрозненные показатели.
Например, сквозная аналитика в Битрикс24.
UTM-метки для форм обратной связи
В структуре любого готового решения Аспро присутствует множество форм обратной связи. По умолчанию, эти формы работают на базе веб-форм 1С-Битрикс.
Для оценки эффективности рекламных каналов требуется разметка страниц сайта с помощью UTM-меток. Штатный функционал веб-форм 1С-Битрикс: Управление сайтом — не умеют передавать данные UTM.
Кроме того, сайты на Аспро не умеют сохранять UTM-метки по мере перемещения посетителя по сайту. Например, посетитель перешёл из поисковой системы на главную страницу, а после проследовал в раздел «Контакты» — где UTM-метка и потерялась, а значит рассчитывать на полноценную и корректную работу сквозной аналитики — рассчитывать не приходится.
Как мы решили задачу
Столкнувшись с вышеописанной проблемой на реальном проекте — для нас стало делом чести доработать штатный функционал веб-форм Аспро. Ну и надо признать, сквозная аналитика — затягивает))
Мы поставили перед собой 4 главных задачи:
-
Научить сайт запоминать UTM-метку в cookie.
-
Создать дополнительные скрытые поля во всех веб-формах.
-
Научить веб-формы автоматически заполнять скрытые поля из cookie.
-
Связать веб-формы с Битрикс24.
Делимся инструкцией
Учим запоминать UTM-метку в cookie
В решениях Аспро предусмотрена возможность вставки своего кастомного php-кода. Для этого есть файл top_footer_custom. php, который находится по адресу /include/footer_include/.
Перейти к редактированию файла вы можете прямо в панели администрирования. Для этого наберите в браузер
https://адрес_вашего_сайта/bitrix/admin/fileman_file_edit. php? path=% 2Finclude% 2Ffooter_include% 2Ftop_footer_custom. php&full_src=Y&site=s1&lang=ru&&filter=Y&set_filter=Y
и вставьте следующий код:
Создаём дополнительные скрытые поля во всех веб-формах
В панели администрирования идём в Сервисы —> Веб-формы —> Настройка форм
После нам нужно последовательно зайти в настройки каждой формы и выполнить ряд действий:
- Заходим в список вопросов
- Нажимаем «Добавить»
- Указываем символьный идентификатор
-
Во вкладке «Вопрос» пишем произвольное описание
-
Во вкладке ответ указываем тип поля «hidden« и нажимаем »Сохранить»
Учим веб-формы автоматически заполнять скрытые поля из cookie
- Возвращаемся обратно в «Параметры формы»
- Открываем вкладку «Описание» в режиме HTML и вставляем код:
//alert(document.cookie); function get_cookie ( cookie_name ) { var results = document.cookie.match ( ’(^|;) ?’ + cookie_name + ’=([^;]*)(;|$)’ ); if ( results ) return ( unescape ( results[2] ) ); else return null; } var x = get_cookie ( “utm_source” ); $(‘input[data-sid=utm_source]‘).val(‘utm_source=‘+x);
Должно получиться вот так:
Связываем веб-формы с Битрикс24
-
Идём во вкладку «CRM»
-
В поле “CRM:” настраиваем связь между формой и нашим порталом Битрикс24.
-
Связываем поля формы и поля лида в Битрикс24.
Должно получиться примерно так:
Сохраняем нашу форму.
После заполнения формы на сайте мгновенно получаем лид в Битрикс24:
Далее, используя роботы в лидах, мы настраиваем рекламные источники сквозной аналитики.
Ищете надежного партнера по веб-разработке и автоматизации? Мы помогаем бизнесу расти с помощью современных технологий, автоматизации процессов и экспертного SEO. Свяжитесь с нами, чтобы обсудить вашу задачу.