Google Tag Manager и настройка аналитики с его помощью

1. Для чего нужна правильная аналитика.

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

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

  • 1. Какие ключевые слова и баннеры имеют максимальную конверсию.
  • 2. Какие источники дают нам мусорный трафик, который не конвертируется в продажи.
  • 3. Для каких рекламных кампаний имеет смысл увеличить бюджет, а каким кампаниям урезать, или даже совсем их закрыть.
  • 4. Как увеличить посещаемость сайта и приводить оттуда больше клиентов.
  • 5. Как снизить общие расходы на рекламу без падения ее эффективности.

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

2. Настройка аналитики.

Существует два основных способа.

Первый вариант. Он достаточно трудоемкий. На своем сайте необходимо установить аналитические инструменты от Яндекс и Гугл. Это Я.Метрика и Гугл Аналитикс. В случае, когда фиксируемым событием считается телефонный звонок, для этого понадобится специальный скрипт. Еще будут нужны скрипты ремаркетинга всех социальных сетей, где ведется реклама.

Потом проводится отладка всех установленных сервисов на реагирование при наступлении определенных событий (например, был клик по рекламе, и он зафиксирован). Выбор событий зависит от того, что именно мы хотим получить от аналитики. Чтобы все работало слаженно и грамотно, необходимы хотя бы первоначальные навыки работы с JS, CSS, JQuery. Когда потребуется отслеживать новые события, всю систему надо будет перенастраивать. Аналогично, если появится новый сайт. И чтобы аналитика работала без сбоев, лучше иметь сотрудника, который во всем этом разбирается. По факту это лишняя штатная единица, на содержание которой будут расходоваться ресурсы фирмы, и лучше такого избегать.

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

3. Подробнее про GTM.

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

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

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

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

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

 

 

GTM хорошо подходит в следующих случаях:

  • 1. При необходимости установки скриптов аналитики.
  • 2. При необходимости установки скриптов чатов, коллтрекинга и других.
  • 3. При необходимости одновременного использования сразу нескольких сервисов аналитики.
  • 4. В ИМ при настройке e-commerce.
  • 5. При отсутствии человека, разбирающегося в программировании.

С Google Tag Manager так же можно:

  • 1. Делать на сайте подмены в контентной части.
  • 2. Отслеживать появление нерабочих ссылок и сообщать об этом.
  • 3. Собирать идентификационные данные пользователей.
  • 4. Выявлять брошенные формы.

4. Настройка аналитики посредством Google Tag Manager.

Подготовка. Как GTM внедрить в код сайта.

Для начала необходимо завести почтовый ящик на gmale. Если у вас есть такая почта, то заведите еще одну, специально для установки и работы с GTM. Теперь следуем на tagmanager.google.com и кликаем по кнопке «Создать акаунт». Вас попросят как-то назвать контейнер и свой аккаунт. Делаете это, после чего отмечаете в меню, на какой платформе будет работать GTM.

 

 

Кликаем по кнопке «Создать». Вам предложат согласиться с пользовательским соглашением, либо не согласиться. Соглашаемся. После этого открывается новое окно, и нам будет предложено установить GTM.

 

 

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

 

 

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

 

 

Открывается айфреймовская форма.

 

 

Как это произойдет, можно загружать необходимые нам счетчики.

Установка Гугл Аналитикс посредством GTM.

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

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

 

 

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

Мы переходим в верхнее поле и останавливаемся, например, на «все страницы». Счетчик Гугл Аналитикс станет срабатывать, когда пользователь будет заходить на какую-либо страницу сайта. Мы получим общее количество просмотренных страниц.

В тегах останавливаемся на Universal Analitics.

 

 

Ниже будет еще два поля. В первом («тип отслеживания») система установит «просмотры страницы». Второе поле нужно настроить самостоятельно. Там будет предложено несколько вариантов, из которых остановимся на варианте «новая переменная».

 

 

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

 

 

Если кликнем по «настройки ресурса», то справа увидим идентификатор.

 

 

Его переносим в GTM. Переменной для простоты даем такое же имя. Тег сохраняем. Теперь мы видим его в поле.

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

 

 

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

Другие варианты проверки правильности функционирования тега – использовать GTA, либо Гугл Аналитикс (надо будет зайти в «отчет в реальном времени»).

 

 

Устанавливаем Я.Метрику посредством GTM.

В тегах кликаем «создать». Теперь делаем еще один тег. Триггер менять не будем. Пусть он останется, как и в Гугл Аналитикс. Переходим в конфигурации, кликаем «специальные», после чего «пользовательский html».

 

 

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

 

 

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

 

 

Другой способ убедиться, что все установлено правильно, ввести в адресную строку браузера URLсайта, а потом ?_ym_debug=1

Теперь переходим на свой сайт, заходим в код и находим Page View. Counter. Цифры определяют счетчик. Они не должны отличаться от номера в Я.Метрике. Увидеть код сайте можно, воспользовавшись комбинацией клавиш Ctrl+Shift+I.

Ставим Пиксель Фэйсбук.

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

Установить Пиксель FB в контейнер можно методом интеграции, а так же вручную.

 

 

При ручной установке последовательность действий абсолютно такая же, как при установке Метрики. Создается тэг, после чего в разделе «конфигурации» надо выбрать «специальные», зайти в «пользовательский html» и получить скрипт.

Метод интеграции проще. Для этого просто находим в предложенном перечне GTM.

 

 

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

Если все сделано без ошибок и встало, как нужно, мы увидим тег Пиксель FB.

 

 

Правильность установки и отсутствие ошибок проверяется предварительным просмотром айфреймовской формой, либо через FB Пиксель Хелпер (доступен в браузере Хром).

5. Настройка событий.

Тут все подчиняется только вашим желаниям и возможностям сайта. Что обычно заказывают пользователи систем аналитики?

  • 1. Подсчет посетителей.
  • 2. Кликанье по рекламе.
  • 3. Видимость сайта.
  • 4. Глубину просмотра и количество отказов.

Допустим, мы отслеживаем такое событие, как кликанье посетителем по какой-либо кнопке. Как это организовать?

Настройки в Гугл Аналитикс.

Делаем еще один тег, и под него создаем свой триггер.

 

 

В настройках нам предлагают выбрать тип. Мы останавливаемся на «все элементы».

 

 

В качестве условия срабатывания выбираем «некоторые клики». В верхнем поле вызываем меню, в котором кликаем по «выбрать встроенную переменную», а потом по «клик элемент».

 

 

В другой области выбираем «соответствует селектору CSS».

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

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

 

 

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

 

 

Теперь как-то обзываем этот триггер, чтобы нам самим было понятно, и сохраняем.

 

 

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

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

 

 

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

Теперь в Гугл Аналитикс делаем цель. Осуществляем переход «администратор» - «представление» - «цели».

Открывается область для выбора вида устанавливаемой цели. Ставим «собственная» и как-то называем (пусть будет «клик на кнопку»). Типом у нас выступает событие. Переходим в раздел подробных сведений. Здесь, как и ранее, категория баттон, а действие клик.

 

 

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

Настройка событий в Метрике.

В Я.Метрике создаем цель. Нам нужно добавить новую цель. Переходим «настройка» - «цели» - «добавить цель». Прописываем имя нашей новой цели. Пусть так же будет «клик на кнопку». В типе условия останавливаемся на «JS-событие». Идентификатор пусть тоже будет баттон.

 

 

Заходим в GTM, прописываем новый тег под конфигурацией «пользовательский html». Проставляем фиксацию наступившего события на Я.Метрике. Это делается посредством кода:

Вместо 111111 вводим код идентификации на Я.Метрике. Вместо «идентификатор события» в нашем случае ставим баттон.

 

 

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

Настройку FB Пиксел на данный момент опустим, потому что это очень большой по объему материал.

Как вести рекламную кампанию в несезон.
Как вести рекламную кампанию в несезон.
Как настроить Гугл Аналитикс для вашего интернет-магазина
Как настроить Гугл Аналитикс для вашего интернет-магазина
Google Tag Manager и настройка аналитики с его помощью
Google Tag Manager и настройка аналитики с его помощью
<