Обратная связь
Введите ваши данные, и я свяжусь с вами!
Какой у вас вопрос?

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

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

Материал обновлен 03:01:2022
Примеры реальных задач, пошаговые инструкции по BI, DWH и DE в моем телеграм канале подпишитесь сейчас!

Поскольку 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. О том что можно сделать дальше, вы можете узнать из  других материалов моего блога.

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

Рассылка бесплатных кейсов, инструкций, обзоров
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь c политикой конфиденциальности
Ежедневные новости из мира аналитики в Telegram канале
Настройки, интеграции, примеры реальных задач, пошаговые инструкции
материалы ПО ТЕМЕ:
ОБСУЖДЕНИЕ:
Елена Ерохова
10.01.2015 at 11:36

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

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

    Иван
    13.01.2015 at 10:10

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

Анна
01.04.2015 at 23:54

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

    Иван
    06.04.2015 at 15:49

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

Михаил
18.10.2015 at 22:19

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

    Иван
    18.10.2015 at 22:41

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

Алина
03.06.2016 at 08:26

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

Спасибо!

    Иван
    07.06.2016 at 16:01

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

Юрий
13.06.2016 at 22:55

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

    Иван
    15.06.2016 at 13:04

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

Naza
07.09.2016 at 01:08

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

    Иван
    10.09.2016 at 21:41

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

Viktoria
17.09.2017 at 22:44

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

    Иван
    20.09.2017 at 23:52

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

Nanniel
02.08.2018 at 16:58

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

    Иван
    12.08.2018 at 23:02

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

Артем
13.11.2018 at 08:43

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

    Иван
    14.11.2018 at 23:14

    Добрый день. Вероятно до тех пор, пока не обновите тему все будет работать. Этот вопрос лучше задать специалистам по WordPress

Dmitry
15.11.2018 at 23:59

Для этого существуют дочерниие темы.

Оставить комментарий
Для добавления комментария — заполните форму!

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