Как установить Google Tag Manager в WordPress

Введение

В среде интернета гугл приобрел небывалую славу кампании, которая постоянно вносит что-то новое, но только в среде интернет-маркетологов он вносит изменения настолько часто, что вы еще не успели привыкнуть к старому интерфейсу какого-нибудь Google Analytics или AdWords, как гугл выкатывает очередное обновление интерфейса и функционала.

Как однажды мне ответили в техподдержке гугла: «Мы не вносим все в справку а лишь только часть по той простой причине, что пока подготовится материал для публикации, информация становится уже не актуальной»

Но если к некоторым инструментам интернет-маркетологи вполне хорошо относятся, то Google Tag Manager большинство мягко говоря недолюбливает.

Сегодня речь пойдет об установке такого инструмента на CMS WordPress.

Обращаю ваше внимание, что здесь представлена инструкция только по размещению Google Tag Manager в WordPress, Установка Google Analytics в Google Tag Manager описана в отдельной статьи.

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

Всего можно выделить 2 способа установки кода Google Tag Manager.

  1. Установка с помощью плагина
  2. Установка вручную

У каждого из вышеперечисленных способов свои преимущества и свои недостатки

1. Установка с помощью плагина

При написании статьи я рассмотрел порядка 10 плагинов для установки Google Tag Manager и в отличии от установки кода Google Analytics, честно говоря не нашел ни одного достойного.
Какие требования предъявлялись:

  • установка кода в шаблон без участия пользователя
  • простота настройки
  • установка кодa GTM новой версии, т.е. состоящей из 2 частей, а не 1

Уже на первом требовании у меня отпала большая часть выбранных мной плагинов, т.к. вся суть плагина  сводилась к тому, что вместо кода GTM размещался код плагина. (Авторы плагинов, если вы читаете: вы серьезно считаете что есть разница между копированием кода GTM и кода вашего плагина в хедер и футер?)

Вторая половина отпала из-за интерфейса, будто вы не код размещаете, а самолет к полету готовите, честное слово… и тут будет куда проще вставить код вручную

2. Установка вручную

На мой взгляд, тут нет ничего сложного: Ctrl + C  &  Ctrl + V и все))
А теперь ближе к делу:

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

  1.  Откройте ваш аккаунт и выберите вкладку  «Администрирование».
    Для ленивых вот ссылка:
    https://tagmanager.google.com/?hl=ru#/admin/
    и перейти в пункт  «Установить Диспетчер тегов Google»
    Установка кода на wordpress - код GTM
    Как видим GTM дает нам 2 куска кода, и оба этих кода надо скопировать и разместить на сайт
  2. Берем первый кусок (копируем) и переходим в админку нашего сайта,
    по умолчанию находится по адресу:
    http://ваш_сайт/wp-admin/
  3. Переходим во вкладку  «Внешний вид» и выбираем «Редактор»
    и в нем справа ищем файл файл «Заголовок»
  4. Теперь самое интересное))
    Ищем в коде строчку с тегом <head>   (подсказка: он должен быть в самом начале)и сразу после него вставляем первый кусок кода, который мы скопировали
  5. Копируем второй «кусок» кода из Google Tag Manager
  6. Дальше, как гласит нам инструкция от Google, вторую часть надо разместить после тега<body>
    В случае с wordpress (и в моем случае) вы скорее всего столкнетесь с вот таким кодом:<body <?php body_class(); ?>>

    Не паникуем!)
    Сразу после этого тега вставляем вторую часть кода, вот сюда:
  7. Сохраняем изменения — Жмем кнопку внизу «Обновить файл».
  8. Осталось проверить работу GTM на нашем сайте
    для этого:- переходим в GTM в «Рабочая область» и там жмем «Предварительный просмотр»


-открываете ваш сайт: снизу, после полной загрузки сайта снизу должен появиться вот такой вот блок:


Если появился — значит вы все сделали правильно!

Дальше выходим из режима предварительного просмотра. Для этого переходим в GTM и жмем «Выйти из режима предварительного просмотра»

Это все!)

________________________________________________________________
Если возникли вопросы, задавайте ниже в комментариях)