Установка Google Tag Manager в WordPress

Google Tag Manager
Бесплатная версия онлайн курса по Google Tag Manager

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

Поскольку WordPress является самой популярной CMS для ведения блогов, сегодняшний материал будет про интеграцию (установку) Google Tag Manager в эту систему.

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

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

После регистрации (или авторизации) переходите к списку аккаунтов, сделать это можно с помощью кнопки расположенной в левом верхнем углу:

Список аккаунтов Google Tag Manager

Список аккаунтов Google Tag Manager

Затем необходимо создать новый аккаунт, для этого нажмите на кнопку Новый аккаунт:

Как создать аккаунт

Как создать аккаунт

Откроется форма создания аккаунта Google Tag Manager. На первом шаге необходимо указать название аккаунта, принять решение о передаче (либо нет) данных в Google и другим службам, и нажать на кнопку Далее:

Создание аккаунта Google Tag Manager шаг 1

Создание аккаунта Google Tag Manager шаг 1

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

Укажите имя контейнера, выберите Веб-страницы в качестве места где он будет использоваться, задайте часовой пояс и нажмите на кнопку Создать аккаунт и контейнер:

Создание аккаунта Google Tag Manager шаг 2

Создание аккаунта Google Tag Manager шаг 2

После этого, если вы не допустили ошибок, появится окно с соглашением об использовании Диспетчера тегов Google (Google Tag Manager), выберите язык для ознакомления с его содержанием и примите либо отклоните, нажав соответствующую кнопку под ним.

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

Код контейнера Google Tag Manager

Код контейнера Google Tag Manager

Поскольку наша задача заключается только в установке Google Tag Manager на сайт работающий на WordPress, нажмите внизу кнопку Добавить теги позже:

Добавить теги позже

Добавить теги позже

На этом создание аккаунта и контейнера Google Tag Manger завершено, теперь необходимо интегрировать инструмент на сайт.

Зайдите в панель управления вашим блогом. Важно! У вас должны быть права, позволяющие редактировать файлы темы оформления блога. Выберите в меню пункт Внешний вид -> Редактор:

Редактор темы WordPress

Редактор темы WordPress

В открывшемся окне справа выберите файл Заголовок (header.php):

Файл header.php WordPress

Файл header.php WordPress

Откроется страница, на которой будет виден исходный код выбранного файла, не закрывая текущую вкладку браузера с исходным кодом файла header.php, перейдите в Google Tag Manager.

Выберите из списка аккаунтов созданный ранее:

Выбор нужного аккаунта

Выбор нужного аккаунта

В списке контейнеров также укажите ранее созданный:

Список контейнеров

Список контейнеров

После этого перейдите к настройкам контейнера:

Настройки контейнера Google Tag Manager

Настройки контейнера Google Tag Manager

В открывшемся окне нас интересует код, который необходимо добавить в файл header.php, он расположен в нижней части окна. Скопируйте его:

Код Google Tag Manager

Код Google Tag Manager

Теперь перейдите на вкладку браузера, в которой у вас открыт для редактирования файл header.php. Найдите в нем открывающий тег <body> и вставьте скопированный код контейнера Google Tag Manager сразу после него:

Код контейнера в файле header.php

Код контейнера в файле header.php

После этого сохраните изменения нажав на кнопку Обновить файл.

На этом установка Google Tag Manager в WordPress завершена. Результаты можете проверить перейдя на ваш блог, после чего нужно обновить страницу нажатием клавиши F5 и просмотреть ее исходный код. Если вы увидите там после тега <body> код контейнера Google Tag Manager, значит все сделано правильно и можно приступать к настройке Google Tag Manager. О том что можно сделать дальше, вы можете узнать из  других материалов моего блога.

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

Автор блога: Иванов Иван, практикующий веб-аналитик. Специалист по внедреннию Google Analytics и Яндекс Метрики. Занимаюсь разработкой решений для формирования данных и отчетов по сквозной аналитике. Автор обучающего курса по Google Tag Manager, преподаватель в Нетологии
Еженедельная рассылка кейсов!
Обсуждение
  1. Елена Ерохова
    10.01.2015 at 11:36

    Здравствуйте, Иван
    Спасибо за ваши материалы.
    Подписана и слежку за вашими публикациями из твиттера.

    Читаю блог тоже с Андроида.
    Почему-то в версии вашего блога для смартфонов неочевиден блок. Поделиться. Хотела поделиться статьей – не выходит. Проверьте, пожалуйста.
    Есть блоки Подписаться и блок с числом подписчиков. Ещё раз спасибо за ваши материалы.

    • Иван
      13.01.2015 at 10:10

      Спасибо, Елена! Я постараюсь разобраться в описанной Вами проблеме

  2. Анна
    01.04.2015 at 23:54

    Спасибо, что так подробно! А то в самих инструкциях Гугл говорится просто добавить в body, а где этот бади найти, не понятно.

    • Ответ автора
      06.04.2015 at 15:49

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

  3. Михаил
    18.10.2015 at 22:19

    А если хочется в качестве события задать регистрацию пользователя, то как установить код?

    • Ответ автора
      18.10.2015 at 22:41

      Михаил, можно фиксировать, например, факт успешного заполнения формы или через протокол передачи данных передавать сведения о создании записи в БД

  4. Алина
    03.06.2016 at 08:26

    Здравствуйте, Иван.
    Подскажите, как правильно вставить GTM на WP, если body выглядит так:
    <body >

    Спасибо!

    • Ответ автора
      07.06.2016 at 16:01

      Алина, Ваш вопрос не понятен. Код контейнера размещается после этого тега

  5. Юрий
    13.06.2016 at 22:55

    Подскажите, как создать триггер в тег менеджер отправки комментария. Спасибо

    • Ответ автора
      15.06.2016 at 13:04

      Юрий, это индивидуально – зависит от формы, ее оформления и т.п.

  6. Naza
    07.09.2016 at 01:08

    Здравствуйте Иван! а как на вордпресс удалить мета тег владельца сайта? Буду благодарна за ответ..

    • Ответ автора
      10.09.2016 at 21:41

      Ответ на этот вопрос Вам лучше поискать на форумах/блогах по WordPress

  7. Viktoria
    17.09.2017 at 22:44

    Подскажите почему нет редактора во вкладке внешний вид?

    • Ответ автора
      20.09.2017 at 23:52

      Виктория, ответ на этот вопрос Вам лучше задать на ресурсе, посвященном WordPress

  8. Nanniel
    02.08.2018 at 16:58

    Здравствуйте. У вас на скриншотах и в head и в body вставлен идентичный скрипт. Так и должно быть? Гугл для боди указывает другой скрипт

    • Ответ автора
      12.08.2018 at 23:02

      Добрый день. В статье использована старая версия кода контейнера. Ранее он составлял единый фрагмент

  9. Артем
    13.11.2018 at 08:43

    Добрый день. А как бороться с постоянными обновлениями тем WP ? Таг менеджер будет слетать постоянно ?

Ваш комментарий
Выберите рубрику
Google Analytics (69)
Google Tag Manager (57)
Яндекс Метрика (8)
Обзоры (3)
Power BI (3)
Яндекс Директ (2)
ClickHouse (1)
Последние публикации
Последние комментарии
mode_edit