Вебинар "А ваш сайт готов к запуску рекламы?" 22 октября в 13:00 по мск. Зарегистрироваться!
Яндекс.Директ, Яндекс Маркет, Google Adwords, Google Merchant, Ремаркетинг
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Подпишись на рассылку и получи книгу в подарок!

Битрикс 24 представляет собой уникальное программное обеспечение, объединяющее удобную CRM, работу с сайтами и магазинами, выполнение задач и проектов, функционирование контакт-центра и офис. Для максимального удобства пользователей предусмотрена мобильная версия. Основным преимуществом Битрикс является его универсальность, система удобна как для крупных интернет-магазинов, так и для сайтов фрилансеров, для ИП с удаленными работниками, предприятий сектора e-commerce и так далее. Однако среди пользователей данного сервиса хотелось бы выделить 2 категории, для которых он особенно актуален и полезен:

  1. Крупный бизнес. Это корпорации, холдинги и предприятия с выстроенной сетью. Им Bitrix позволяет создать и наладить работу собственной экосистемы.
  2. Микробизнес и индивидуальные предприниматели. Данная группа вполне может ограничиться функциональными возможностями стандартной бесплатной версии.

Сегодня сложно выделить компанию, которой не нужен Битрикс24. С разной долей успеха сервис показывает положительные результаты для любого бизнеса. Максимального эффекта можно добиться, если интегрировать Bitrix с Google Tag Manager (GTM). В данном материале рассмотрим, как установить Google Tag Manager на Bitrix.

Знакомство с GTM

GTM – это диспетчер или менеджер тегов, который существенно упрощает работу с кодом. К примеру, у вас есть сайт и вам нужно разместить в его исходном коде часть кода сторонней площадки. Например, часть кода аналитической системы, метрики (Яндекс.Метрика, Гугл Аналитикс) или JavaScript скриптов. В течении эксплуатации сайта подобных вставок становится все больше, что существенно усложняет процесс управления и работы с ресурсом.

Основной целью создания GTM как раз является объединение всех кодов и скриптов в одном месте, в едином контейнере. Инструмент позволяет отказаться от многочисленных вставок, достаточно единожды вставить код GTM на сайт, а далее остальные инструменты будут внедряться уже в личном кабинете менеджера тегов. Таким образом, один раз установив код диспетчера, вы избавите себя о многочисленных вставок в исходный код сайта, что защити от ошибок и некорректной работы ресурса.

Продолжая знакомство с GTM, рассмотрим три главных элемента, на которых он строится. Это теги, триггеры и переменные.

Переменные представляют собой пары «ключ-значение», принимающие нужное значения при выполнении кода. Возьмем для примера переменную «YA ID», она обозначает счетчик метрики Яндекса. Прописав идентификатор единожды, мы будем в дальнейшем применять конструкцию, имеющую вид {{YA ID}}.

Например, в случае нашей переменной «YA ID» значением будет идентификатор счетчика Яндекс.Метрики. Мы его прописываем один раз, а затем используем при создании тегов. Таким образом, если мы захотим изменить счетчик, нам достаточно будет изменить значение этой переменной. Для вставки переменной в коде «Тега» нужно использовать конструкцию вида: {{YA ID}}.

 

Триггеры выполняют роль условий для активации тегов. Например, тег будет выполнен, если пользователь кликнет по заданному элементу, перейдет по ссылке и так далее. Посмотрите на пример, представленный ниже. Триггер «Клик купить» выполняется, если пользователь нажал кнопку «Купить» на странице. А триггер отправки формы выполняется, когда посетитель сайта оставляет свои данные на сайте.

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

Есть теги, которые будут срабатывать при «Клике на кнопку купить» или отправке формы.

Цели на Bitrix

 

Мы подходим к главному вопросу: зачем Битрикс нужен GTM? Для отслеживания целей. Логичный вопрос: а зачем отслеживать цели? Цели дают возможность более эффективно работать со статистикой и аналитикой, получаемыми отчетами.  Цели выполняют функцию индикатора эффективности и результативности работы ресурса. Под целью подразумевается любое полезное действие, которое пользователи совершают на сайте, именуемое конверсией. Это может быть оформление заказа, совершение покупки, заполнение контактной формы, переход по ссылке и так далее.

Определение и работа с целями – это важная составляющая планирования оценки результатов аналитики. Если они настроены правильно, становится возможным получать важные сведения об объеме конверсий, коэффициенте конверсий.

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

Все цели можно подразделить на 2 категории: основные и дополнительные. В первую группу входят покупка товара/заказ услуги, заявка на обратный звонок, заполнение формы контактных данных. К дополнительным относится просмотр страниц, карточки товара, контактов/страницы «О компании».

 

Зачем Битрикс нужен Google Tag Manager?

Наверняка вы используете счетчики различные метрики, однако они не могут отследить абсолютно все. Как правило, они заточена на просмотры страниц, игнорируя заполнение форм, клики, регистрацию на сайте и так далее.

Как вы видите на картинке, представленной выше, просмотры страниц учитываются счетчиками. Отправка и заполнение форм, совершенные клики отслеживаются менеджером тегов. Однако при настройке отслеживания валидной формы зачастую возникают трудности. Сложные события невозможно отследить с помощью метрик и диспетчера тегов. Для них в код необходимо вставить коды JavaScript, именно они будут собирать интересующие вас сведения и отправлять их в аналитику для формирования отчетов.

Отметим, что любая система, собирающая сведения о достижении цели, то есть о совершении целевого действия, требует вставки команды в код. И здесь главная опасность: после установки всех настроек и проверок, необходимо отправлять сведения на выбранную систему. То есть необходимо повторно пройтись по всем вставленным кодам и вставить команды. И вот тут нам поможет диспетчер тегов.

Таким образом, менеджер тегов нужен для того, чтобы:

  1. Установить в исходный код только 1 код.
  2. Отслеживать заполнение и отправку форм, совершенные клики, переходы по ссылкам и другие целевые действия.
  3. Создавать собственные правила для вызова необходимых кодов в определенное время.
  4. Отправлять сведения о выполнении целевых действий в системы аналитики и в другие сервисы.

С GTM схема выглядит намного проще:

Использование диспетчера тегов дает возможность увеличить масштаб выполненной работы, перенести ее на любые системы, которые будут отслеживать и анализировать сведения о выполнении целевых действий. Таким образом, диспетчер тегов расширяет функциональные возможности сайта и повышает качество получаемых отчетов. Теперь рассмотрим, как же установить Google Tag Manager на Bitrix.

Инструкция по установке диспетчера тегов на сайт с CRM Битрикс

Начнем с того, что нам нужно зарегистрироваться на сайте, при этом понадобится действующий Гугл аккаунт. Итак, заходим на сайт официальный сайт менеджера tagmanager.google.com и создаем аккаунт, нажав на кнопку, которая отмечен красной стрелкой на картинке.

Далее заполняем ряд данных, необходимых для создания аккаунта. Это его название, страна, создание контейнера и целевая платформа. В разделе целевой платформы указываем домен вашего сайта. В завершении нажимаем кнопку «Создать».

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

После этого откроется окно для установки диспетчера тегов. В окне вы увидите два кода. Сначала копируем верхний код, отмеченный цифрой 1.

Далее открываем панель администратора Bitrix, открываем раздел настроек, далее выбираем настройки доступа, здесь выбираем сайты и затем шаблоны сайта. Все действия изображены ниже:

В открывшемся меню выбираем «Изменить».

Перед вами откроется шаблон сайта. Под разделом необходимо вставить первый код диспетчера тегов.

Чуть ниже находится тег. После него мы вставляем фрагмент кода GTM, который был отмечен цифрой 2.

После того, как оба кода вставлены, сохраняем внесенные изменения.

Теперь возвращаемся в менеджер тегов, в созданном аккаунте открываем рабочую область. Здесь мы нажимаем «Отправить», чтобы опубликовать наш инструмент.

Теперь даем название нашему контейнеру тегов и публикуем созданный, но пока пустой контейнер.

Обратите внимание! Для корректной работы GTM необходимо его первый код размещать строго под строкой. К сожалению, в некоторых случаях Bitrix размещает javascript в конце страницы, что препятствует активации диспетчера тегов. Чтобы GTM всегда находился в начале шаблона сайта и работал корректно, необходимо в коде менеджера прописать следующий атрибут:

В конечном виде это выглядит следующим образом:

На этом установка GTM на Битрикс завершена. Надеемся данная инструкция будет полезной для вас, и уже сегодня вы оптимизируете работу своего сайта.

Яндекс.Директ. Яндекс Маркет. Google Adwords. Google Merchant. Ремаркетинг

– Широкая семантика.
– Высокий CTR.
– Тщательная минусовка.
– Только целевые заходы.

Контекстная реклама: Яндекс.Директ, Google Adwords - работаем прозрачно
Найдем целевую аудиторию для любого бизнеса, и покажем рекламные объявления только потенциальным клиентам. Выполняем условия договора в 97% случаев
Подпишись на обновления блога

Мы работаем не только в Моcкве, но и в других городах России: