Как установить google tag manager на wordpress

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

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

Что такое Google Tag Manager?

Часто владельцы сайтов добавляют множество сниппетов кода для отслеживания своих конверсий, трафика и сбора других данных для аналитики.

С помощью Google Tag manager вы сможете легко управлять всеми этими скриптами из одной консоли.

В наличии есть встроенные шаблоны тегов для Google Analytics, Adwords, DoubleClick и т.п. Tag manager также умеет работать с некоторыми сторонними платформами аналитики и трекинга.

Помимо этого, можно использовать произвольный HTML для того, чтобы добавить свой собственный трекинг или любой другой нужный код.

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

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

Вступление

Для начала вам нужно создать аккаунт Google Analytics для своего сайта, если вы до сих пор этого не сделали.

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

Настраиваем Google Tag Manager

Теперь, когда у нас готова Google Analytics, следующим шагом будет установка Google Tag Manager.

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

После входа вы попадете на страницу добавления аккаунта. Просто укажите название для аккаунта и кликните на кнопку Продолжить.

Теперь вам нужно добавить контейнер для своего аккаунта. Контейнером может выступать веб сайт или приложение для платформ iOS или Android. В нашем случае мы будем использовать веб.

Можно использовать доменное имя сайта для названия контейнера. Также можно добавить несколько контейнеров для каждого аккаунта. После окончания настройки кликните на кнопку Создать.

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

Теперь аккаунт Google Tag Manager готов, поэтому следующим шагом будет добавление нового тега. Потребуется нажать на «добавить новый тег».

Прежде всего вам нужно выбрать продукт тега. На сегодняшний день доступно немногим более 20 шаблонов интеграции.

Мы выберем Google Analytics, однако вы всегда сможете добавить больше тегов и выбрать различные продукты в соответствии с вашими желаниями. Можно даже кликнуть на произвольный HTML для добавления любого другого сниппета кода.

После выбора Google Analytics, вас попросят указать какую именно аналитику использовать: Universal Analytics или Classic Analytics. Выбираем Universal Analytics, а затем указываем ее ID отслеживания.

Этот ID отслеживания является специальным кодом, который позволяет Google идентифицировать ваш сайт. Получить его можно, залогинившись в аккаунт Google Analytics и перейдя на вкладку Администратор.

Выберите аккаунт своего сайта и кликните на информацию об отслеживании для ее отображения. Вы увидите ссылку на код отслеживания.

Клик по трекинг коду переместит вас на страницу с ним, а также покажет ваш UA tracking ID.

Скопируйте UA tracking ID и вставьте его в Google Tag Manager. Под типом отслеживания выберите «Просмотр страницы» и нажмите на кнопку продолжения.

Мастер настройки тегов спросит вас, когда активировать этот тег. Выберите «Все страницы» и нажмите на кнопку «Создать тег».

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

Добавляем Tag Manager Code в WordPress

Прежде всего вам нужно установить и активировать плагин Insert Headers and Footers. После активации переходим в Настройки » Insert Headers and Footers.

Вставьте свой код менеджера тегов в раздел header и кликните на кнопку сохранения изменений.

Если же вы не хотите устанавливать плагин, то можно добавить код Google Tag Manager в свою тему WordPress. Просто отредактируйте шаблон header.php и вставьте код сразу после тега .

Публикация своего контейнера

Теги в Google tag manager не «оживут» до тех пор, пока вы не опубликуете контейнер. Перейдите в консоль Google Tag Manager и кликните на кнопку «Опубликовать».

Также можно осуществить предпросмотр своего сайта и Google Tag Manager вам теги, активирующиеся при каждом просмотре страницы.

Вот и все, вы успешно установили и настроили Google Tag Manager для своего WordPress сайта.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

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

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

Давайте сейчас рассмотрим, как можно систему Google Tag Manager установить на сайт, который работает на системе WordPress.

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

Итак, переходим в панель управления WordPress, выбираем «Внешний вид — Редактор».

Там появляется предупреждение о том, что если мы внесем изменения в эти файлы, то при обновлении темы WordPress эти изменения пропадут.

Если для вас вопрос обновления темы WordPress является принципиальным, то обратите внимание на этот курс:

Для внесения изменений нужно будет создать дочернюю тему.

Если же вы не обновляете тему WordPress, жмите «Я понимаю» и движемся дальше.

Для того, чтобы добавить Google Tag Manager на WordPress, нам нужно получить его код.

Переходим на сайт Google Tag Manager и в настройки контейнера и кликаем по номеру контейнера, который находится вверху страницы (см. видео).

Копируем код, который нужно вставить в раздел .

Теперь нам нужно будет найти файл header.php в вашей теме. Это файл шапки сайта. Заголовочной части сайта.

Файл header.php подключается ко всем файлам шаблона вашего сайта. Если вы один раз добавляете туда какой-либо код, он добавляется на все страницы вашего сайта.

Прежде чем вносить изменения в этот файл, я рекомендую вам сделать резервную копию этого файла, либо просто скопировать код, который в нем находиться в надежное место. Это для того, что если что-то пойдет не так, вы могли восстановиться.

Вставляем скопированный фрагмент кода в элемент , который находится внутри файла header.php.

Копируем из Google Tag Manager фрагмент кода, который нужно вставить после открывающего тэга и вставляем его внутрь файла header.php.

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

Эти изменения можно внести через FTP-клиент или через панель управления хостингом (файловый менеджер). Я просто хотел показать смысл, а способ реализации уже остается за вами.

Пошаговая установка GTM (Google Tag Manager) на сайт на WordPress.

1. Прежде всего необходимо сгенерировать сам код GTM. В агентстве «МКР Диджитал» код генерирует специалист по рекламе. Запросить GTM можно у вашего персонального аккаунт-менеджера.

GTM, который вы получите представлен ниже. Вместо символов ******* будет уникальный идентификатор.

2. Далее GTM будет необходимо вставить в код сайта. Самым надёжным способом будет вставка кода без дополнительных плагинов. Для этого зайдите в админ-панель сайта на WordPress, в меню выберите пункт «Внешний вид» и перейдите в раздел «Редактор Тем».

3. Справа находим файл «header.php» и открываем его.

4. Далее вставляем первую часть GTM раздел как можно ближе к началу, как указано в скриншоте.

5. Вторую часть GTM вставляем сразу после открывающего тега , как указано в скриншоте.

6. Обязательно сохраняем изменения через кнопку «Обновить файл».

На этом всё! Можно проверить сохранились ли изменения перейдя на любую страницу сайта, нажав комбинацию клавиш «ctrl+u». В открывшейся странице с кодом через поиск «ctrl+f» попробуйте найти свой GTM. Если код вставлен правильно, он отобразится в результатах поиска.

Альтернативным и для кого-то более простым способом будет добавление GTM через соответствующие плагины, которых на WordPress сотни и, каждый из которых работает по разному. Каждый плагин предоставляет дополнительные функции, большая часть из которых не используется владельцами сайтов, но замедляющие сайт. Поэтому, если вам необходим только GTM лучше всё сделать «старым дедовским способом», вставив всё напрямую в код сайта.

Для чего нужен GTM?

Чтобы отслеживать все показатели трафика на сайте необходимы Яндекс Метрика и Google Analytics. Проблема в том, что далеко не на всех сайтах возможно отслеживать конверсии. GTM даёт возможность настроить цели специалисту по рекламе / трафику для отслеживания конверсий без доступа к коду или админ-панели сайта. Если вы устанавливаете GTM на сайт, то дополнительная установка Яндекс Метрики и Google Analytics на сайт не требуется, т.к. счетчики уже присутствуют в GTM.

Установка Google Tag Manager на WordPress за 4 минуты

Web-аналитика

Автор Дмитрий Горошко На чтение 2 мин Просмотров 2.3к. Опубликовано 10.04.2018

Сегодня хочу рассказать как установить замечательный инструмент Google Tag Manager (Диспетчер тегов) на WordPress. Установка займет всего 4 минуты.

Месяц почти прошел, а я не написал ни одной статьи. Буду исправляться.

Сегодня хочу рассказать как установить замечательный инструмент Google Tag Manager (Диспетчер тегов) на WordPress. Установка должна занять у нас не более 4 минут.

Регистрация GTM и получение кода

Надеюсь, что у вас есть гуглопочта (gmail), тогда нам останется только создать аккаунт в GTM, перейдя ссылке.

Давайте зададим понятное название аккаунту и введём адрес сайта, на который будем устанавливать код контейнера.

Читаем и принимаем «Соглашение об Условиях использования Диспетчера тегов Google».

Получаем код для размещения на сайте.

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

Переходим к установке кода в WordPress.

Установка кода GTM в WordPress

Авторизуемся в админке WordPress.

В консоли переходим в раздел «Внешний вид» > «Редактор».

Справа найдем файл «Заголовок» (или header.php) и кликнем по нему.

Теперь в редакторе добавим наш код GTM согласно инструкции.

После открывающего тега

И после открывающего тега

Жмём сохранить. Готово.

Контейнер GTM успешно установлен на сайт.

Для проверки работы можете установить расширение в браузер Chrome, которое называется Tag Assistant (by Google).

В следующей статье расскажу как установить счетчики Universal Analytics и Яндекс Метрика.