Установка 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

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

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