logo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean feugiat dictum lacus, ut hendrerit mi pulvinar vel. Fusce id nibh

Mobile Marketing

Pay Per Click (PPC) Management

Conversion Rate Optimization

Email Marketing

Online Presence Analysis

Fell Free To contact Us
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean feugiat dictum lacus

1-677-124-44227

info@your business.com

184 Main Collins Street West Victoria 8007

1-677-124-44227

437 S Olive St, Los Angeles

Top

Настройка целей в Google Analytics с помощью Google Tag Manager

wisebrett / Аналитика  / Настройка целей в Google Analytics с помощью Google Tag Manager

Настройка целей в Google Analytics с помощью Google Tag Manager

celi analytics

 Сегодня мы рассмотрим по шагам как можно легко настроить цели в Google Analitycs с помощью Google Tag Manager на примере сайта на системе управления CMS Bitrix.

Рассмотрим настройку таких целей как:

  • клик на телефон
  • клик на email
  • заявка на обратный звонок
  • заявка на консультацию
  • клик по skype
  • отправка письма директору
  • переход на страницу контактов

 Начнем с настройки целей на клики на телефон, email и skype

Открываем главную страницу нашего сайта, телефоны расположены в шапке сайта, кликаем правой кнопкой мыши на телефоне и смотрим на html-код этого элемента.

1454596390908 

Нам надо настроить вызов события вывода на экран телефона номера с целью повышения конверсии для мобильных пользователей и настройки триггера Google Tag Manager. Как мы видим в коде нет тега <a>. Чтобы его прописать заходим в панель администратора Битрикс нашего сайта.

 1454597016115

Заходим в настройки шаблона сайта, ищем в коде шаблона телефон по коду CSS класса «phone» и заменяем на такой код:

 <a href=»tel:+79175550001″ id=»telclick»>+7(917) <span>555-00-01</span></a>

 Сохраняем шаблон и переходим в Google Tag Manager в раздел «Переменные» и выбираем переменные Click Element, Click Classes и Click ID.

1454597724144

Дальнейшим этапом создаем триггер на событие клика по телефону.

1454598026462

 Вводим наименование триггера, Выбор события у нас будет «Клик», в настройке элементов выбираем «Все элементы», условия активации «Некоторые клики»

1454598174687

Задаем условие для активации триггера выбираем click ID = telclick, которое мы указывали в коде ссылки телефона выше.

1454598384625

 Следующим этапом будет отправка события в Google Analytics, для этого создаем новый тэг для этого события.

 Называем тэг как «Клик телефон ГА» чтобы не путаться, потому что дальше мы будет отправлять аналогичное событие в Яндекс Метрику. Тип тега выбираем Universal Analytics в настройках тега прописываем наш идентификатор отслеживания Google Analytics, в поле «Тип отслеживания» выбираем «Событие».

1454598953566

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

1454599369074 

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

1454599742466

 Опубликуем нашу новую версию контейнера Google Tag Manager

1454608388347

Чтобы понять как это работает давайте перейдем в режим «Предварительный осмотр и отладка»

1454657501784

Теперь в этом же браузере заходим на наш сайт и видим окно отладки Google Tag Manager, на котором видно что у нас активировались теги счетчиков аналитики Google и Яндекс. Наш новый тег не Клик по телефону не активен.

1454657736963

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

1454657910841

Теперь в самое время настроить цель для фиксации события клика по телефону в Google Analytics.

Для этого переходим в настройки целей нашего аккаунта

1454658038240

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

1454658166590

В настройках события указываем категорию, которую указывали в одноименном теге и название действия. В нашем случае это order и clicktel.

1454658326028

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

Можно сразу же проверить корректность настройки цели путем перехода в режим реального времени Google Analytics и совершения целевого действия.

Аналогично повторяем операцию с настройкой кликов на email и skype, только назначим для них другие ID и соответственно код будет такого вида:

<a href=»mailto:co-ho@mail.ru»; id=»clickmail»>co-ho@mail.ru</a>
<a href=»skype:comfyhouse» id=»clickskype»>comfyhouse</a>

 Чтобы быстро создать аналогичные триггеры и теги пользуйтесь кнопкой «Копировать»

1454659909731

Настроим цель на отправку заявки обратного звонка в Google Analytics

Для настройки триггера активации события переходим в GTM и активируем режим предварительного просмотра, после открываем сайт и идем в режим отладки.

1454662349936

  1. Открываем в отладчике вкладу Data Layer
  2. Кликаем на кнопку обратного звонка
  3. Видим в отладчике  появилось событие клика gtm.click под номером 5
  4. Смотрим что у этого события есть уникальный параметр gtm.elementId и gtm.elementUrl
  5. Для верности выбираем и копируем значение параметра gtm.elementId lidCall

Далее создаем новый триггер, где укажем в условии активации Click ID равно lidCall

1454663004189

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

В следующем посте мы рассмотрим как настроить цели в Яндекс Метрике с помощью Google Tag Manager 

No Comments

Post a Comment