Установка Google Tags на веб-сайт

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

Пошаговая инструкция

  1. На начальной странице приложения нажать «Регистрация» и войти со своими данными в аккаунт.
  2. Теперь завести аккаунт именно в Google Tag Manager – для этого нужно нажать «Создать аккаунт».
  3. Впишите название, выберите страну, нажмите далее.
  4. Назовите и настройте контейнер (лучше всего, если вы вставите туда ссылку на ваш сайт).
  5. Согласитесь с правилами и нажмите далее.
  6. Теперь скопируйте код и разместите его на всех страницах сайта или сделайте это позже (в таком случае просто нажмите ОК).
  7. Опубликуйте контейнер. Зайдите в «Рабочую область» и нажмите «Отправить». Добавьте нужную информацию или же оставьте поля пустыми и нажмите далее.
  8. Проверьте работу тегов с помощью приложение Google Tag Assistant.

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

Нюансы

Контейнер – похож на ресурс в Google Analytics. В нем хранятся теги для сайта. Лучше всего назвать контейнер в соответствии с ресурсом, для которого он предназначен. Даже если в вашем контейнере нет тегов – опубликуйте его. В противном случае могут возникать ошибки.

Как установить код на сайт? Так как код состоит из двух частей, то и вставлять его нужно частями. Поэтому первую часть лучше всего установить максимально близко к тегу <head>. Вторую можно поставить после <body>. Оба тега открывающие.

Как поступить в случае размещения кода на AMP страницы? Первую часть кода поставьте перед тегом </head>, а вторую после <body>. Первый тег закрывающий, а второй открывающий.

Зайдите в Google Tag Assistant, чтобы проверить работу сервиса. Приложение работает в браузере Chrome. Клините на значок приложения в браузере и выберите системы и страницы для проверки тегов.

Затем перейдите на страницу, которую нужно проверить, кликните  на значок Tag Assistant и потом на кнопку Enable. Обновите страницу.

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

Добавили код на сайт и проверили работу? Можно добавлять и редактировать теги, чтобы улучшать работу своего сайта.

Вывод

Google Tag Manager – легкий в управлении сервис, позволяющий быстро добавить теги и отредактировать их. Чтобы разобраться в его работе, не нужно быть программистом – каждый шаг имеет описание, есть инструкции и подсказки. К тому же сервис абсолютно бесплатный, а это не может не радовать.