Меню

Как настроить цели в яндекс метрике через google tag manager

Настроить цели Яндекс.Метрика с Google Tag Manager

Задача

Настроить цели через сервис Google Tag Manager (Далее GTM), чтобы он передавал данные о событии в Яндекс.Метрику.

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

  1. Жмём «добавить цель»
  2. Даём название (я настраиваю на переход на сайт publer) «Publer»
  3. Даём идентификатор «PUBLER»
  4. Жмём «Добавить цель»

Не забываем нажать сохранить. Всё необходимое по настройки цели в Яндекс.Метрике мы сделали. Теперь делаем в GTM

Настройка передачи в GTM

Открываем наш проект в Google Tag Manager (я ссылка для перехода в гугл тег мэнеджер)

  1. Даём название нашему тегу «Событие переход publer yandex metrica» (понятное, чтобы в будущем не затерялось)
  2. Выбираем тип тега»<> Пользовательский HTML»

Ставим код:

Где «37922790» мой номер счетчика метрики, «PUBLER» — идентификатор цели.

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

  1. Нажимаем «+» добавить новый триггер
  2. Выберите тип триггера, снова «+» создать триггер
  3. Даём название триггеру

  1. Даём название триггеру «click element — publer.wildo.ru»
  2. Выбираем тип триггера «Клик — Все элементы»
  3. Чек-бокс некоторые клики
  4. Параметры активации триггера «Click Element — Содержит — publer.wildo.ru»

Сохраняем и отправляем данные. При правильной настройке всё будет работать.

Проверка работы

Нужно проверить правильность настройки GTM.

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

В моём примере видно, что тег был активирован кликом по нужной ссылке. Это говорит о том, что настройку GTM сделали верно.

Если не сработало, то нужно разбираться на вкладке «Variables»

Тут вы сможете найти основные идентификаторы события. В моём случае это — «Element ID», но можно прописать несколько и добавить остальные условия. Например, мне бы подошло «Form element — содержит — publer.wildo.ru»

Ответы на вопросы:

[su_spoiler title=»При публикации выдаёт: Ошибка компилятора JavaScript» icon=»arrow-circle-2″]

Скорее всего неправильно прописан скрипт или html код

Спасибо, что дочитали до конца. Буду рад вопросам и комментариям.

Если нет желания разбираться? Напишите мне — цена 500 рублей

Источник

Отслеживание событий и настройка целей в Google Tag Manager (часть 1)

Начинаем серию сугубо технических постов: ёмко и без воды

Прошу прощения за долгий перерыв — в декабре надо было перезарядить батарейки, а в короткий рабочий январь как следует поработать, чтобы закрыть все пробелы. Да-да, я работаю только по рабочим дням и, как правило, с 9 до 17. Баланс личной жизни: семья, хобби, спорт и рабочей: клиенты, проекты, блог никто не отменял.

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

Отслеживание кликов в GTM

Итак, что мы можем отслеживать на сайте? Клики! Клики по ссылкам, баннерам, кнопкам, телефонам, пунктам меню, любому тексту. В итоге все вышеперечисленное — это клики по определенной области на сайте.

Область на сайте можно идентифицировать с помощью HTML-тегов (a href в случае ссылки) и их атрибутов (ID, class, адрес ссылки, target).

Ближе к делу. Сначала надо проверить, настроена ли в GTM работа с кликами. Клики — это объекты, с которыми мы будем работать. Как мы помним из прошлой серии, настройка объектов происходит через переменные. Заходим в Google Tag Manager, жмем “Переменные” — “Настроить”.

Читайте также:  Как настроить руль dialog gw 10vr

Мотаем появившийся список вниз и ищем раздел “Клики”

Пробежимся по разновидностям кликов, с которыми работаю именно я. Этого хватит с лихвой для 95% проектов. Для всего остального добро пожаловать в документацию и на нудные тематические блоги. Я против “воды” и нудятины, поэтому вперед!

  • Click Classes (клики по объектам, обернутыми в определенный class, будь то ссылка A HREF, абзац P или вовсе контейнер DIV)
  • Click URL (клик по ссылке с определенным адресом внутри HREF=” “)
  • Click Text (клик по заданному тексту. Искомый текст указывается с помощью простых условий или регулярных выражений)

Достаточно. Закрываем любым удобным способом окно. Проверяем, что наши клики появились в списке встроенных переменных.

Давайте отследим клики по ссылкам, которые ведут на страницу “best-banner-for-my-site”. Это может быть как баннер или пункт меню на каждой странице, так и одна грустная ссылка на одной из страниц сайта. Неважно. Давайте отслеживать все клики по ней.

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

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

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

Добавляем условия нашему триггеру: некоторые клики, у которых адрес содержит “best-banner-for-my-site”.

Обзываем триггер, чтобы не запутаться, и сохраняем.

Дело за малым — осталось отправить это событие системам веб-статистики. Сделаем это для Яндекс Метрики и Google Analytics.

Не забудьте в первую очередь настроить с помощью GTM Яндекс Метрику или Google Analytics на сайт

Как настраивать Яндекс Метрику через Google Tag Manager я описал в прошлой серии, а вот про Гугл Аналитику-то забыл… Или нет? Магия монтажа — ловите инструкцию.

Отправляем в Яндекс

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

Про компанию Яндекс в Диспетчере тегов от Google никто не знает, поэтому в конфигурации тега выбираем знакомый “Пользовательский HTML”. Пропишем вручную, что уж нам теряться.

Называем тег, а затем вводим конструкцию

, где цифры — номер вашего счетчика Яндекс Метрики, а в скобках даем имя событию, которое будет отправляться.

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

Не забудьте все сохранить и опубликоваться последние изменения.

Отправляем в Google

  1. Снова создаем новый тег
  2. В конфигурации тега выбираем первый пункт Google Analytics – Universal Analytics
  3. Тип отслеживания “Событие”
  4. Появляются 4 поля: Категория, Действия, Ярлык, Значение. Обязательно к заполнению первые три. Обязательно на английском. Мои значения:
    1. Категория — UserEvents (т.е. действия пользователей)
    2. Действие — Click (т.е. непосредственно клик)
    3. Ярлык — BestBanner (т.е. по чему клик? По нашему баннеру. Чтобы отслеживать разные баннеры, просто отслеживаете разные ярлыки)
  5. В поле “Настройки Google Analytics” выбираем ранее созданную переменную, чтобы связать это событие с определенным счетчиком GA.

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

Читайте также:  Как настроить forkplayer для android tv

Так. События отправляются. Теперь их надо принять на стороне счетчиков.

Настроим цели в Яндекс Метрике

Заходим в настройки, вкладка “Цели”, добавить цель. В нашем случае это Javascript-событие и его идентификатор ClickOnBestBanner, который мы прописывали ранее в Google Tag Manager в параметре reachGoal для Яндекс Метрики. Будьте внимательны! Отправляющее (из GTM) название события должны совпадать с принимающей стороной (в Яндекс Метрике).

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

Не забудьте сохраниться. Итоговый результат ниже.

Настроим отслеживание событий в Google Analytics

Все как в Яндекс Метрике. Заходим в Администратора, в настройках представления (справа) вкладка “Цели”, создаем:

  1. Установка цели — “Собственная” (в самом низу) — Далее;
  2. Описание цели — “Событие” — Далее;
  3. Подробные сведения о цели — прописываем все точь-в-точь как ранее в Google Tag Manager (копипастим категорию, действие и ярлык).
  4. Сохранить.

Сохраняемся. Готово! Теперь все должно работать.

На сегодня это все

На этом пока прервемся. В следующих сериях будем отслеживать клики по телефонам и отправку форм с сайта.

Источник



Яндекс Метрика через Google Tag Manager

Решил по-быстрому начеркать, как установить счетчик Яндекс Метрики через Google Tag Manager.

Если вы пропустили прошлые серии про GTM, то вот. Сначала прочитайте, а потом возвращайтесь.

Единственный код, который вам надо вставить в шаблон сайт — это код GTM

Первый и последний раз

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

UPD: Код, который надо устанавливать в определенном месте, например, код кнопок репоста, все же придется вставлять по старинке вручную. Sorry.

Начнём

Заходим в Google Tag Manager. Надеюсь, рабочий Гугл-аккаунт у вас есть. Жмем “Создать аккаунт”.

Заполняем начальные поля.

Соглашаемся с условиями использования, проставляем все галочки.

Дальше GTM сгенерирует и предложить разместить код на сайте, чтобы все заработало. Вот это и будет тот самым последний и единственный код, который вам надо добавить. А все остальное уже силами «Гугл Таг Менеджера».

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

Готово! Видим основную рабочую панель перед собой (дашборд, если по-молодежному). В самом начале пути нас интересуют только три пункта слева:

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

Теги — это действие, это глагол. Тег отвечает на вопрос «Что делать?».

Тег — это основная единица GTM, это код, которым вы дополняете возможности вашего сайта. Именно его будут видеть и запускать браузеры и боты. Вы, к сожалению (счастью?), нет. Все что вы увидите, когда воспользуетесь возможностью просмотра исходного кода (F12 на большинстве браузеров на Windows), это только код Google Tag Manager.

Читайте также:  Как настроить вай фай дома дом ру

Таким образом, фиксируем одну из фишек GTM — никто не увидит, что вы разместили в исходный код и какие события отслеживаете.

Триггеры

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

Переменные

Переменные — это объекты, которые связывают действие и время. Это объекты, которые связывают теги и исходный код сайта. Переменные отвечают на вопрос «Что?», «С чем?», «Какая именно?». Переменные — это имена объектам и действиям, их может быть и будет несколько.

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

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

Google Tag Manager не знает (якобы) про существование счетчика веб-статистики от Яндекса. Поэтому будем добавлять его в ручном режиме. Никаких предустановок. Начинам сначала и добавим новый тег. Выбираем слева «Теги» — «Создать».

Сразу назовем будущий тег, чтобы не путаться. Щелкнем по полю “триггеры”, чтобы выбрать, когда должен работать тег, а именно на всех страницах. Не забудьте сохранить, нажав кнопку «Добавить».

Осталось добавить код самой Яндекс Метрики в GTM. Жмем на оставшееся поле «Конфигурация тега». Видим встроенные теги. По большей части это продукты самой Google, а если промотать вниз, то и популярные западные сервисы, кои у нас не так сильно в почете.

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

Добавляем код счетчика Яндекс Метрики. Если вы не знаете откуда его берут, спрашивайте в комментариях, не стесняйтесь. Другие настройки не трогаем. Сохраняем.

Наш тег сформирован и настроен. Осталось его опубликовать, чтобы он заработал. Жмем «Отправить».

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

Если все сделано правильно, спустя пару часов проверьте свою статистику в Яндекс Метрике — данные должны собираться.

Но мы же профессионалы, поэтому воспользуемся предварительным просмотром (Debug-утилита прямо в самом Google Tag Manager). Заходим в основной дашборд и жмем «Предварительный просмотр». То что режим предварительного просмотра активирован показывает яркое оранжевое окно. Не заметить сложно.

Далее идем на сайт, для которого вы добавляли Яндекс Метрику и вуаля! Если все работает, то в появившейся панели Google Tag Manager, мы увидим ваш новый тег в списке тегов GTM этой страницы.

Не забудьте выключить предварительный просмотр! А то панель GTM на вашем сайте будет вас преследовать.

В следующей серии добавим отслеживание целей сайта на самые распространенные события в Яндекс Метрике (через GTM).

Источник