Как настроить цель метрики через gtm

Как передать цель из Google Tag Manager в Яндекс.Метрику

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

Создание цели в Яндекс.Метрике

Чтобы событие из GTM успешно передалось в Метрику, первым делом создадим новую цель в интерфейсе счетчика.

1. Переходим в Яндекс.Метрику и находим в общем списке нужный счетчик;
2. В разделе Настройки открываем вкладку Цели;
3. Нажимаем на кнопку Добавить цель и указываем тип условия JavaScript-событие;
4. Указываем на латинице произвольный идентификатор цели;
5. Жмем на кнопку Добавить цель.

Цель создана. Но это только половина работы. Переходим ко второму шагу.

Передача цели из Google Tag Manager

Для передачи данных о событиях из Google Tag Manager создадим Пользовательский HTML тег и в текстовом поле вставить следующий javascript-код:

где: XXXXXXX — номер счетчика Яндекс.Метрики; click_subscribe — название идентификатора цели. Например, тег для отслеживания отправки клика по ссылке будет иметь такой вид:

С помощью кода из примера можно отправить в Яндекс различные события. Например, отследить клик по ссылке или отдельному элементу страницы, проследить статус успешной отправки формы и т.д. О том как настроить отслеживание кликов по внутренним ссылкам в GTM я уже писал в этой статье.

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

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

Источник

Настройка целей в метрике через GTM

Уже минули те времена, когда при заказе SEO оптимизации сайта клиенты ограничивались одной целью – привлечением трафика. Сегодня заказчиков интересуют конкретные цели. В данном материале рассмотрим что собой представляет настройка целей метрики через Google Tag Manager, как ее выполнить.

Что такое цели и почему их нужно настраивать через GTM

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

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

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

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

Сегодняшние системы для веб-аналитики дают возможность выделить в отдельную группу ценные действия, именуемую целями. В аналитических отчетах мы привыкли видеть в стандартном варианте следующие показатели: Время пребывания на сайте, Визиты, Глубина просмотра, Посетители, Отказы. Однако мы не видим конкретных пользовательских действий. Также мы не видим в стандартном отчете совершенные клики по ссылкам, количество заполненных форм, кликов по отдельным элементам страниц. Эти и другие действия посетители совершают дополнительно и настраивать их нужно отдельно в веб-аналитиках. Сделать это можно посредством целей.

Цели – это специальный инструмент, позволяющий фиксировать наиболее ценные для вашего сайта действия посетителей.

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

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

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

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

Преимущества настройки целей через GTM

Приведем лишь основные плюсы настройки целей с помощью GTM:

1. Гостевой доступ. Всегда можно подключить сторонних специалистов для просмотра настроек без предоставления им права внесения корректировок.
2. Простота. Нет необходимости менять исходный код, все операции выполняются через GTM.
3. Автоматизированный режим. Диспетчер требует введение минимального объема данных, скрипты настраиваются за несколько шагов.
4. Универсальность. В GTM вы также можете объединить другие инструменты. Например, Adometry, Marin, Hotjar и так далее.

Установка счетчика метрики с помощью GTM

Ранее мы уже рассматривали, как зарегистрироваться в GTM и установить контейнер на сайт. Поэтому переходим сразу к установке счетчика. Открываем рабочую область, затем вкладку «теги», как это показано на рисунке.

Далее жмем «Создать». Перед вами откроется окно для выбора тега, как на рисунке.

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

Теперь вставляем код нашей метрики в поле.

Для активации созданного тега нажимаем на выбор триггера, как это показано ниже.

Чтобы метрика была активирована для всех страниц сайта, выбираем триггер «Все страницы».

Теперь даем тегу запоминающееся имя.

Чтобы сделанные изменения были активированы, нужно опубликовать новый контейнер, нажав на «Отправить».

Активация переменных

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

1. Клики (Click). Это Element, Classes, ID, Target, URL и Text.
2. Ошибки (Error). Сюда входят Message, URL, Line, Debug Mode.
3. Видимость. Это Percent Visible и On-Screen Duration.
4. Формы (Form). К данной группе относятся Classes, Element, ID, Target, Text и URL.
5. Видео (Video). Это Current Time, Duration, Percent, Provider, Status, Title, Visible.
6. Истории (History). В данную категорию входят Source, New Fragment, New State, Old Fragment, Old State.
7. Страницы (Page). Это Hostname, Path, URL, Referrer.
8. Прокрутка (Scroll). Сюда относятся Depth, Threshold, Depth Units, Direction.
9. Random, Number, Container ID, HTML ID, Container Version, Environment, Name, Event.

Все перечисленные переменные активируются одинаково, буквально в 2 клика. Их необходимо включить в GTM, как это продемонстрировано ниже.

Настройка целей

Итак, начинаем с того, что делаем цель в «Метрике». Открываем Яндекс.Метрику, затем раздел «Настройка», затем «Цели» и добавляем новую цель.

В новом окне вписываем наименование создаваемой цели. Далее нажимаем «JavaScript-событие» и создаем идентификатор латинскими буквами. В конце нажимаем «Добавить цель».

После этого цель отобразится в списке. Откройте GTM и создайте в нем тег, выбрав пользовательский HTML. В поле необходимо прописать код, представленный ниже.

Вместо иксов вставляем номер счетчика. Далее с охраняем данные и добавляем триггер. Для этого нажимаем на плюсик в правом верхнем углу.

Далее в открывшемся окне жмем на значок карандашика и выбираем триггер – «Все элементы».

Перед вами откроются детальные настройки. Здесь необходимо выбрать ряд условий и настроек как на изображении ниже.

После этого вводим переменную. Для примера мы взяли Click Classes. Важно учитывать, что значение переменной должно быть таким, чтобы триггер изменил значение на true. Это позволит инициализировать код. С этой целью смотрим класс кнопки, нажав на которую действие будет фиксироваться в счетчике.

Теперь открываем сайт, находим нужный элемент, наводим на него мышку и жмем. В открывшемся меню выбираем «Посмотреть код элемента».

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

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

Подводим итоги

Как вы видите, настройка целей через GTM не представляет серьезных трудностей. С помощью данного алгоритма выполняется настройка остальных целей. Сначала делаем цель в «Яндекс.Метрике». Затем выполняем настройку тега, вставив данный код:

В конце выполняем настройки триггера.

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

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

Источник

Настройка целей «Яндекс.Метрики» в GTM

В этой статье мы расскажем о настройке целей «Яндекс.Метрики» в Google Tag Manager (GTM). Вначале ответим на самый популярный вопрос:

• Зачем настраивать «Метрику» через диспетчер тегов от «Гугл», если можно сделать все напрямую?

Преимущества настройки «Яндекс.Метрики» при помощи GTM

• Гостевой доступ. К аккаунту для просмотра настроек легко подключить сторонних специалистов без возможности изменения параметров.
• Автоматизированный функционал. Диспетчер запрашивает от пользователя минимум информации. Базовые скрипты настраиваются в 2–4 шага.
• Универсальность. При помощи GTM можно объединить не только «Метрику» и GA, но и многие другие сервисы (Marin, AdAdvisor, Crazy Egg, Hotjar, K 50, DoubleClick, Adometry, Awin, AB TASTY и пр.).
• Простота настройки. Вносить изменения в исходный код сайта не придется.

Настройку лучше всего начинать сразу после регистрации в «Яндекс.Метрике» и получения кода счетчика. Итак, приступим.

Этап 1. Регистрация в GTM и настройка диспетчера

Чтобы получить доступ к GTM, зарегистрируйте аккаунт в Google-почте, залогиньтесь и перейдите по ссылке https://tagmanager.google.com. Вы попадете на страницу настройки аккаунта. Введите название вашей компании и нажмите на кнопку «Далее».

После этого вы перейдете к настройке контейнера. Введите URL главной страницы сайта, выберите «Веб-сайт» и нажмите на кнопку «Создать».

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

Настройка GTM завершена. Идем дальше. Чтобы вы понимали, что вообще происходит, дадим определения основным терминам, связанным с диспетчером тегов «Гугл».

• Тег . Это основной объект в GTM. Представляет собой код, который выполняется при загрузке страницы или при взаимодействии пользователя с ее элементами. Основное предназначение тегов — передача данных сторонним сервисам.

• Триггер . Это условие, которое может оказаться истинным или ложным в зависимости от фактического значения переменной. Оно определяет, сработает тег или нет.
• Переменная . Один из параметров триггера. При загрузке страницы или выполнении пользователем определенного действия фактическое значение переменной сравнивается с заданным в триггере. В результате определяется, будет ли триггер истинным (true) или ложным (false).

Теперь о том, как продолжается настройка целей «Яндекс.Метрики» в GTM.

Этап 2. Установка счетчика «Яндекс.Метрики» на страницы сайта при помощи GTM

Чтобы установить код счетчика «Метрики» на все страницы сайта, нужно создать тег. Для этого на главной странице с настройками GTM нажмите на «Новый тег».

Для настройки тега нажмите на иконку карандаша.

Выберите тип тега — «Пользовательский HTML».

Появится окно для ввода кода.

Вставьте приведенный выше код в текстовое поле «HTML» (замените XXXXXX на номер вашего счетчика и укажите параметры инициализации) в конфигурации тега GTM и нажмите на кнопку «Сохранить».

В появившемся диалоговом окне сразу же нажмите «Добавить триггер».

Триггер, который нужен для срабатывания «Метрики», уже задан по умолчанию. Просто кликните по строчке.

Сохраните изменения. Появится диалоговое окно. Присвойте тегу имя и нажмите на кнопку «Сохранить».

После этого тег появится в списке на главной странице настроек. Убедитесь, что все работает, в «Предварительном просмотре» и нажмите на кнопку «Отправить». На этом все — «Яндекс. Метрика» установлена на сайт.

Как видите, ничего сложного. Теперь нужно активировать переменные.

Этап 3. Активация переменных в GTM

Для настройки цели «Яндекс.Метрики» на нажатие кнопки в GTM (инструкция будет ниже) нужно активировать переменную Click Classes. Чтобы это сделать, действуйте так:

В главном меню GTM выберите пункт «Переменные».

В подразделе «Клики» «Конфигурации встроенных переменных» активируйте чек-бокс «Click Classes» и закройте окно настройки.

Переменная добавится в список.

Этап 4. Настройка целей «Яндекс.Метрики» в GTM

Для примера рассмотрим настройку цели «Яндекс.Метрики» на нажатие кнопки в GTM.

Вначале нужно создать цель в «Метрике». Для этого откройте ее в браузере. Выберите пункт меню «Настройка», перейдите в раздел «Цели» и нажмите на кнопку «Добавить Цель».

Появится окно настройки цели. Введите ее название, выберите «JavaScript-событие», придумайте уникальный идентификатор (на латинице) и нажмите на кнопку «Добавить цель».

Цель появится в списке. Перейдите в GTM. Создайте тег. Тип — «Пользовательский HTML». В текстовое поле введите следующий HTML-код:

Вместо ХХХХХХХХ вставьте номер вашего счетчика «Яндекс.Метрики». Должно получиться так:

После сохранения данных добавьте триггер. Нажмите на кнопку «+».

В появившемся окне настройки кликните иконку карандаша и выберите тип триггера — «Все элементы».

Появится окно детальной настройки. Отметьте «Некоторые клики» и выберите условия, как показано ниже.

Теперь нужно ввести значение переменной Click Classes, при котором триггер будет принимать значение true, что приведет к инициализации кода тега. Для этого необходимо узнать класс кнопки, нажатия на которую будут фиксироваться.

Перейдите на сайт, найдите элемент, кликните по нему правой клавишей мыши и в контекстном меню выберите «Просмотреть код элемента».

Откроется консоль браузера, в которой будет подсвечен код кнопки. Из него нужно извлечь класс элемента. Найдите Скопируйте код, размещенный между кавычками, вставьте его в незаполненное текстовое поле настройки триггера и нажмите на кнопку «Сохранить».

Присвойте триггеру и тегу имена, сохраните изменения, удостоверьтесь в том, что все работает в режиме предпросмотра, и нажмите кнопку «Отправить» на главной странице GTM.

На этом все. Вы настроили цель «Яндекс. Метрики» в диспетчере тегов «Гугл».

В заключение

Как видите, ничего сложного. По такому же принципу происходит настройка всех целей «Яндекс.Метрики» в GTM.

1. Создаем цель в «Метрике».
2. При настройке тега вставляем в текстовое поле код формата

1. Настраиваем триггер.

Изучайте переменные и экспериментируйте с иными целями.

Источник