Как установить код счетчика Яндекс.Метрики на сайт с помощью Google Tag Manager

В предыдущем материале мы разобрали принципы установки кода отслеживания Google Analytics при помощи Google Tag Manager. В этой статье поговорим об установке кода Яндекс.Метрики, используя Google Tag Manager.

Настройка очень похожа и отличается лишь типом тега и принципом добавлением кода счетчика Метрики в тег.

Итак, для начала заходим в свой аккаунт Google Tag Manager и выбираем нужный контейнер.

  1. Переходим в раздел Теги и создаем новый тег.
  2. Выбираем тип тега — Пользовательский HTML.
  3. В пустую область вставляем код отслеживания Яндекс.Метрики.
  4. В нижнем блоке Триггеры выбираем доступным нам триггер All Pages (Все страницы).
  5. Указываете понятное название для нового тега.
  6. Нажимаете Сохранить.
Найти код отслеживания можно в настройках счетчика Метрики. Выбираем нужным счетчик в аккаунте Яндекс.Метрики и слева нажимаем на пункт меню Настройки. Выбираем вкладку Счетчики и копируем код.

Готово! Если вы все сделали верно, то получиться должно следующее:

Настройка счетчика Яндекс.Метрики в GTM

Триггер активирует работу тега GTM с кодом счетчика и данные о посещениях пользователей с сайта передаются в Метрику.

Дополнительно

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

В этой статье я не буду повторно описывать этот процесс, так как все подробно отражено в заметке для настройки кода отслеживания Google Analytics. Если возникнет необходимость, вы всегда сможете повторить мои действия.

Остались вопросы?

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

Как отслеживать копирование E-mail с помощью Google Tag Manager для Яндекс.Метрики

Коллеги, в прошлой статье я рассказал как отслеживать копирование E-mail на сайте с помощью несложного скрипта и небольшого изменения HTML тегов.

Как отслеживать копирование E-mail или номера телефона с помощью Яндекс.Метрики

Предыдущий способ я считаю самым простым и понятным.

Однако, передавать данные в Яндекс.Метрику можно и другим способом. Если вы используете в своей работе Google Tag Manger, то настроить передачу статистики в Метрику можно через специальные теги.

Важно! Перед тем как начинать настройку отслеживания, убедитесь, что на сайте установлен Google Tag Manager и Яндекс.Метрика.

Давайте разберем этот способ.

  • Войдите в Google Tag Manager и выберите рабочий аккаунт для начала работы.
  • Далее открываем Рабочую область и переходим в раздел Теги.
  • Нажимаем большую красную кнопку Создать и переходим в Конфигурацию тега.

Выбираем из предложенного списка Пользовательский HTML и добавляем следующий код.

<script>
var c = document.getElementsByTagName("a");
for(var i = 0; i < c.length; i++) {
    if((typeof(c[i]) !== undefined) && (c[i].href.indexOf('mailto') !== -1)) {
        c[i].addEventListener('copy', function(evt) {
            dataLayer.push({
            'event': 'copyText', 
            'copy-class' : evt.target.className
            });
        });
        c[i].addEventListener('contextmenu', function(evt) {
            dataLayer.push({
            'event': 'rightClick', 
            'copy-class' : evt.target.className
            });
        });
    }
}
</script>

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

Называем новый Тег понятным для себя именем и переходим в нижний блок Триггеры. Выбираем доступный триггер All Pages и нажимаем на кнопку Сохранить.

Выполненные настройки сообщают GTM, что требуется активировать указанный скрипт на всех страницах сайта. Если все сделали правильно, то по итогу настройка тега будет выглядеть так:

Код отслеживания копирования адреса в теге

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

Переходим в текущей рабочей области в раздел Триггеры и создаем новый.

Указываем название для триггера, например «Копирование Email мышкой». Тип триггера — Пользовательское событие. Имя события — rightClick и указываем Некоторые специальные события и добавляем условие Event — содержит — rightClick, далее сохраняем изменения.

Триггер на копирование Email

После всех указанных действий требуется создать еще один триггер. Называем его «Выделение Email мышкой», но вместо rightClick используем copyText.

Триггер копирования текста

Теперь нам необходимо создать Пользовательский тег для добавления тега Яндекс.Метрики. Переходим в раздел Теги и в новый тег добавляем следующий код:

<script type="text/javascript">
yaCounter51350068.reachGoal('copy_email');
</script>

где XXXXXXXX — номер счетчика, а copy_email — идентификатор отслеживания события (задается произвольно).

В блоке Триггеры добавляем два ранее созданных нами триггера:

  1. Выделение Email мышкой;
  2. Копирование Email мышкой.

Получится примерно следующее:

Тег на копирование электронной почты

Настройка целей в Метрике

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

Переходим в Настройки Яндекс.Метрики и выбираем вкладку Цели.

Создаем JavaScript-событие, указываем любое название, а в поле с идентификатором указываем copy_email.

Настройка цели в Метрике на отслеживание

Возвращаемся в Google Tag Manager. В правом верхнем углу нажимаем синюю кнопку Отправить. Далее нажимаем Опубликовать, описание версии контейнера можно пропустить — «Далее». Готово!

В результате в отчетах Яндекс.Метрики будет собираться нужна для нас статистика по конверсиям. На выходе вы будите получать примерно такой отчет:

Отчет по конверсиям в Яндекс.Метрика

Остались вопрос?

Вы можете писать ваши вопросы в комментариях или писать прямо на электронную почту info@konstantinbulgakov.com. По мере наличия свободного времени, буду стараться отвечать на запросы.

Как установить код отслеживания Google Analytics на все страницы сайта и отдельные разделы с помощью Google Tag Manager

Друзья, в этой статье мы разберем довольно простую и базовую задачку при работе с Google Tag Manager — настройку кода отслеживания Google Analytics на все страницы и отдельные разделы сайта.

  1. Входим в аккаунт Менеджера тегов и переходим в раздел Теги.
  2. Нажимаем красную кнопку Создать и задаем название для нового тега. Пишем, например, Отслеживание Google Analytics.
  3. Нажимаем Конфигурация тега и выбираем тип тега Google Аналитика — Universal Analytics.
  4. В поле Идентификатор отслеживания указываем номер Кода отслеживания Google Analytics в формате UA-117361519-8 (номер кода можно задать с использованием переменных).
  5. Поле Тип отслеживания оставляем Просмотр страницы.

Добавление тега GA

Идентификатор отслеживания находится в аккаунте Google Analytics в разделе Администратор -> Ресурс -> Отслеживание -> Код отслеживания.

Настройка отслеживания для всех страниц сайта

Добавлять триггеры в GTM очень просто.

  1. Нажимаем ниже на блок триггеры и выбираем триггер, который будет активировать созданный тег Google Analytics.
  2. Единственный триггер доступным нам — All Pages (Все страницы).
  3. Выбираем его и нажимаем Сохранить в верхней правой части экрана.

Настройка отслеживания GA на всех страницах сайта

Настройка отслеживания для отдельных страниц и разделов сайта

1. Нажимаем на кнопку Добавление нового триггера и добавляем дополнительный триггер.
2. Указываем название для нового триггера.
3. Указываем тип триггера Просмотр страницы.
4. Выбираем Некоторые просмотры страниц.
5. Настраиваем правило, которое будет соответствовать просмотру раздела с контактами Page URL — содержит — /contact-us/.

Настройка отслеживания GA на отдельных страницах сайта

Внимание! Адрес вашего раздела может отличаться от адреса указанного в примере.

На этом все! Нажимаем Сохранить и запускаем режим Предварительного просмотра. Это позволит перед публикацией проверить корректность настройки тега на вашем компьютере.

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

Совет! После Публикации тега на сайт не забываем выйти из режима Предварительного просмотра.

Остались вопросы?

Вы можете оставить ваши комментарии и вопросы в форме под этой статьей. Или продолжайте читать другие статьи по теме.

Как настроить отслеживание конверсий в Google Реклама с помощью Google Tag Manager

Отслеживание конверсий в Google Реклама позволяет отследить действия посетителей сайта после перехода по рекламным объявлениям. Например, вы можете настроить отслеживание Отправки формы, обратного звонка, заказа услуги или покупки продукции.

Чтобы начать передавать конверсии в Google Tag Manager вам необходимо узнать Идентификатор конверсии и Ярлык конверсии в Google Ads.

Создание новой конверсии в Google Ads

Войдите в свой аккаунт Google Рекламы, чтобы узнать значения переменных, необходимые для настройки тега.

  1. Пройдите авторизацию и откройте меню Инструменты Инструменты Google Ads в аккаунте Google Ads.
  2. Выберите Отслеживание — Конверсии. Откроется таблица Действия-конверсии.
  3. Нажмите в левом верхнем углу плюсик Добавить конверсию и выберите Веб-сайт.
  4. Указываем настройки и нажимаем Создать и Продолжить.
  5. Выбираем способ добавления тега — Использовать Google Менеджер тегов.

Здесь нам потребуется Conversion ID — 940585884 и Ярлык конверсии Ag7aCPnLnZMBEJznwMAD

Идентификатор Конверсии и Ярлык

Нажимаем Далее и сохраняем созданную конверсию.

Настройка тега

Переходим в Менеджер тегов, выбираем нужный контейнер и создаем новый тег. Выбираем тип тега — Отслеживание конверсии в Google Реклама и в поля Идентификатор конверсии и Ярлык конверсии вставляем полученные значения конверсии.

Создание тега Отслеживания конверсии в Google Ads

Также можно добавить значения параметров Ценность конверсии, Идентификатор заказа и Код валюты.

Настройка триггера

В разделе Триггеры выберите один или несколько триггеров, активирующих тег. Например, если после оформления заказа на сайте пользователь попадает на страницу thanks.html с благодарностью о заказе, то триггер Просмотр страницы можно настроить следующим образом:

Настройка триггера просмотра некоторых страниц

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

Открываем консоль Google Chrome и определяем CLASS или ID кнопки. В нашем случае значение id = forms_submit. Этот элемент и будем использовать для работы тега.

Определяем ID элемента

Переходим в раздел Триггеры и создаем Тип триггера Клик — Все элементы. Указываем условия активации триггера Некоторые клики. В фильтре указываем Click ID — содержит — forms_submit.

Создание триггера клика по элементу

Сохраняем триггер и публикуем новую версию контейнера.

Перед сохранением вы можете проверить корректность настройки. Запустите Режим откладки и перезагрузите страницу сайта, заполните форму и проверьте активацию созданного тега.

Остались вопросы?

Хотите получить ответы на вопросы по данной теме от специалистов в этой области? Оставляйте ваши комментарии под этой статьей.

Как удалить или приостановить работу тега. Типы действий с тегами в Google Tag Manager

Google Tag Manager предоставляет несколько стандартных возможностей работы с уже созданными тегами. В этом материале мы разберем возможность Приостановки и включения тега, копирования и полного удаления тега.

Приостановка работы тега

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

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

Как приостановить работу тега

  1. Перейдите в Теги. Найдите в списке тег, работу которого необходимо приостановить, и нажмите на его название.
  2. Нажмите на значок с тремя точками три точки в правом верхнем углу и выберите Приостановить.
  3. Сохраните и опубликуйте изменения.

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

Как возобновить работу тега

Включить тег обратно можно по тому же принципу.

  1. Выберите в списке тег, который необходимо включить повторно, и нажмите на его название.
  2. Нажмите в верхнем правом углу Кнопка Возобновить или нажмите на значок с тремя точками три точки и выберите Возобновить.
  3. Сохраните изменения.

Копирование тега

Чтобы не тратить время на создание похожих тегов, можно копировать уже существующий.

1. Перейдите в Теги. Найдите в списке тег, который необходимо дублировать, и нажмите на его название.
2. Нажмите на значок с тремя точками три точки в правом верхнем углу и выберите Копировать.
3. Задайте уникальное имя для нового тега и нажмите Сохранить.

Удаление тега

В Google Tag Manager отсутствует функция массового удаления тегов. Если тегов немного, к примеру 3 тега, тогда можно произвести удаление вручную.

  1. Перейдите в Теги. Найдите в списке тег, который нужно удалить, и нажмите на его название.
  2. Нажмите на значок с тремя точками три точки в правом верхнем углу и выберите Удалить.
  3. Подтверждаем серьезность намерений нажатием на кнопку Удалить.
Важно! Удаление тега нельзя будет отменить.

Остались вопросы?

Хотите получить ответы на вопросы по данной теме от специалистов в этой области? Оставляйте ваши комментарии под этой статьей.