Google Tag Manager: установка и настройка аналитики

Google Tag Manager: установка и настройка аналитики

Если вы работали с Яндекс.Метрикой и Google Analytics, то имеете представление, как на сайт ставить счетчики: создать новый счетчик, произвести настройку и разместить получившийся скрипт в исходном коде сайта. Нет ничего проще. А теперь представьте, что счетчиков у вас несколько, включаться они должны не на каждой странице, а периодически вам нужно менять что-то в основных настройках. Что делать в этом случае, редактировать каждую страницу? Вариант, конечно, возможный, особенно если у вас избыток свободного времени, и вы не боитесь что-нибудь сломать в html-коде. Но лучше использовать инструмент Google под названием Tag Manager. На практике это означает, что вы избавляете сайт от лишнего кода, а оставляете там лишь маленький скрипт, который обращается к данным вне вашего сайта.

Функционал данного сервиса весьма наворочен, но для начала мы разберем, как установить Google Tag Manager, как его настроить, а также как использовать его в разрезе аналитики.

Первый шаг. Перейти на страницу на страницу сервиса (https://www.google.com/tagmanager/) и ввести данные своей учетной записи Google. Нам будет предложено создать аккаунт.

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

gtm-01

После этих действий генерируется код, который необходимо поместить на всех страницах сайта сразу после открывающего тега <body>.

gtm-02

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

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

gtm-03

Возвращаемся в Tag Manager. Находясь во вкладке «Обзор», необходимо нажать на «Новый тег». Либо перейти во вкладку «Теги» и там создать новый.

gtm-04

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

gtm-05

В настройках будет предложено выбрать тип тега. В нашем случае это более новый Universal Analytics, о чем свидетельствуют буквы UA. В поле идентификатор отслеживания необходимо вставить ранее скопированный номер счетчика. Тип отслеживания: просмотр страницы.

gtm-06

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

gtm-07

После нажатия на кнопку «Создать тег», можно сразу дать старт работе тег-менеджера. Для этого в правом верхнем углу надо выбрать «Опубликовать». После этого Google Analytics начнет собирать информацию на вашем сайте, при том, что в коде будет лишь скрипт Tag Manager. Если вы хотите настроить еще несколько функций в данном контейнере, либо произвести их отладку, то необходимо не публиковать, а выбрать предварительный просмотр.

gtm-08

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

Не стоит забывать, что для аналитики часто используются не только средства Гугла, но и Яндекс.Метрика. Подключить её через Google Tag Manager тоже можно, хотя стандартный набор тегов она не входит. Для таких случаев и существует возможность добавления пользовательского тега html.

gtm-09

В появившееся окно необходимо вставить код счетчика Яндекс.Метрики. Условия активации будут такими же, как и в случае с Google Analytics. Осталось лишь опубликовать контейнер, и метрика будет собирать статистику сайта.

gtm-10

На этом всё. Далее мы рассмотрим, как с помощью Google Tag Manager отслеживать события и конверсии на сайте.

Очень плохоПлохоСреднеХорошоОчень хорошо (голосов: 2, в среднем: 5,00 из 5)
Загрузка...


Комментарии (0)

Подписаться на
avatar

wpDiscuz
следующая статья предыдущая статья