Установка Google Tag Manager в WordPress
Поскольку WordPress является самой популярной CMS для ведения блогов, сегодняшний материал будет про интеграцию (установку) Google Tag Manager в эту систему.
Содержание материала рассчитано на начинающих блогеров, но возможно и более опытные найдут для себя что-то новое. Инструкция будет максимально подробная, в случае если останутся вопросы, готов ответить на них в комментариях.
Итак приступим. Для начала необходимо зарегистрироваться на сайте Google Tag Manager или использовать для входа данные учетной записи Google, если она у вас уже есть. Вход и регистрация осуществляются здесь.
После регистрации (или авторизации) переходите к списку аккаунтов, сделать это можно с помощью кнопки расположенной в левом верхнем углу:
Список аккаунтов Google Tag Manager
Затем необходимо создать новый аккаунт, для этого нажмите на кнопку Новый аккаунт :
Как создать аккаунт
Откроется форма создания аккаунта Google Tag Manager. На первом шаге необходимо указать название аккаунта, принять решение о передаче (либо нет) данных в Google и другим службам, и нажать на кнопку Далее :
Создание аккаунта Google Tag Manager шаг 1
Второй шаг предусматривает создание контейнера, в котором будут содержатся все теги, которые вы впоследствии будете создавать настраивая Google Tag Manager.
Укажите имя контейнера, выберите Веб-страницы в качестве места где он будет использоваться, задайте часовой пояс и нажмите на кнопку Создать аккаунт и контейнер :
Создание аккаунта Google Tag Manager шаг 2
После этого, если вы не допустили ошибок, появится окно с соглашением об использовании Диспетчера тегов Google (Google Tag Manager), выберите язык для ознакомления с его содержанием и примите либо отклоните, нажав соответствующую кнопку под ним.
Если вы согласились с положениями соглашения, откроется окно, в котором будет сгенерированный код контейнера, подлежащий размещению на страницах сайта:
Код контейнера Google Tag Manager
Поскольку наша задача заключается только в установке Google Tag Manager на сайт работающий на WordPress, нажмите внизу кнопку Добавить теги позже :
Добавить теги позже
На этом создание аккаунта и контейнера Google Tag Manger завершено, теперь необходимо интегрировать инструмент на сайт.
Зайдите в панель управления вашим блогом. Важно! У вас должны быть права, позволяющие редактировать файлы темы оформления блога. Выберите в меню пункт Внешний вид -> Редактор :
Редактор темы WordPress
В открывшемся окне справа выберите файл Заголовок (header.php) :
Файл header.php WordPress
Откроется страница, на которой будет виден исходный код выбранного файла, не закрывая текущую вкладку браузера с исходным кодом файла header.php , перейдите в Google Tag Manager.
Выберите из списка аккаунтов созданный ранее:
Выбор нужного аккаунта
В списке контейнеров также укажите ранее созданный:
После этого перейдите к настройкам контейнера:
Настройки контейнера Google Tag Manager
В открывшемся окне нас интересует код, который необходимо добавить в файл header.php , он расположен в нижней части окна. Скопируйте его:
Код Google Tag Manager
Теперь перейдите на вкладку браузера, в которой у вас открыт для редактирования файл header.php . Найдите в нем открывающий тег <body> и вставьте скопированный код контейнера Google Tag Manager сразу после него:
Код контейнера в файле header.php
После этого сохраните изменения нажав на кнопку Обновить файл .
На этом установка Google Tag Manager в WordPress завершена. Результаты можете проверить перейдя на ваш блог, после чего нужно обновить страницу нажатием клавиши F5 и просмотреть ее исходный код. Если вы увидите там после тега <body> код контейнера Google Tag Manager, значит все сделано правильно и можно приступать к настройке Google Tag Manager. О том что можно сделать дальше, вы можете узнать из других материалов моего блога.
Надеюсь инструкция оказалась максимально подробной и доступной каждому читателю. Если есть вопросы давайте пообщаемся в комментариях. Лучшей оценкой материала станет его распространение в социальных сетях, ставьте лайки делайте твитты, делитесь с друзьями.
Как настроить Google Tag Manager для WordPress
Диспетчер тегов Google — настолько мощный инструмент, что я был потрясен отсутствием информации при исследовании этого поста. Ну, не совсем «отсутствие информации» как таковой, а очевидная неспособность нескольких доступных сообщений объяснить, что такое Диспетчер тегов Google и что он делает.
Если вам нужна дополнительная информация о Диспетчере тегов Google и о том, как его настроить на своем сайте WordPress, не ищите дальше. Потому что вы пришли в нужное место.
В этом посте мы расскажем:
Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)
- Что такое Диспетчер тегов Google
- Почему вам нужно использовать инструмент, и
- Как установить его на свой сайт WordPress вручную или с помощью плагина
Кроме того, мы продемонстрируем Диспетчер тегов Google в действии, чтобы дать вам представление о том, чего вы можете достичь с помощью уникальной системы управления тегами. Мы говорим это, потому что существует ряд других систем управления тегами, таких как Tealium, Qubit и Adobe Experience Platform Launch, и это лишь некоторые из них.
В общем, есть чему поучиться, так что давайте сразу приступим.
Что такое Диспетчер тегов Google?
Диспетчер тегов Google — отличный инструмент для ваших потребностей в цифровом отслеживании. Это позволяет вам размещать теги на вашем веб-сайте без редактирования кода. Неясно много? Чтобы дать вам более четкое представление, давайте сначала определим тег с точки зрения цифрового отслеживания.
Тег — это просто фрагмент кода JavaScript, который вы добавляете на свой сайт, чтобы вы могли активировать сторонние функции, такие как аналитика трафика, реклама и чат, среди прочего. В некоторых кругах теги также известны как веб-маяки или пиксели отслеживания.
Хорошим примером тега является код отслеживания Google Analytics, который вы добавляете на свой сайт, чтобы отслеживать трафик.
Вся цель тега — собирать данные о посетителях для аналитики и инструментов цифрового маркетинга. Компании, предоставляющие эти теги, например Google Analytics, AdWords, Facebook, LinkedIn и т. д., известны как поставщики тегов.
Почему Диспетчер тегов Google?
Традиционно реализация тегов на вашем веб-сайте WordPress означала редактирование кода вручную (или, скорее, напрямую). В WordPress это означает редактирование различных файлов, таких как header.php и functions.php среди прочих.
Теперь, если вы продолжите добавлять код JavaScript в свои файлы, это замедлит работу вашего сайта. Кроме того, это открывает ваш сайт для уязвимостей безопасности, особенно если вы берете теги из ненадежных источников.
Существует также проблема поддержки всего того кода, который вы добавляете на свои страницы. Например, вам нужно будет обновить теги, если есть изменения, а это означает, что нужно копаться глубоко в вашем коде. Опять же, это не для начинающих. Здесь также достаточно места для ошибок. Вы знаете, человеку свойственно ошибаться.
Что делать?
Если у вас несколько тегов, вы можете обратиться к Диспетчеру тегов Google, чтобы отслеживать их все из одного центрального места.
Вот несколько преимуществ, которые помогут вам понять суть:
- С Диспетчером тегов Google вам больше никогда не придется копировать блоки кода на свои страницы.
- Вы можете перенести все существующие теги в Диспетчер тегов Google.
- Диспетчер тегов Google предлагает вам единый контейнер для развертывания нескольких тегов и управления ими с интуитивно понятной панели управления, которая упрощает весь процесс.
- Эта система управления тегами позволяет быстро развертывать теги. Например, вместо того, чтобы копировать и вставлять код Google Analytics на свой сайт, вам просто нужно добавить свой идентификатор отслеживания Google Analytics в Диспетчер тегов Google и вуаля — Google Analytics работает на вашем сайте.
- Настроить Диспетчер тегов Google на вашем сайте WordPress так же просто, как A, B, C. Добавить GTM в WordPress вручную очень просто. Использование плагина еще проще. Выберите метод, который работает для вас.
- Диспетчер тегов Google поможет вам собрать много данных для ваших маркетинговых нужд. Данные, которые вы, возможно, не сможете получить с помощью другого программного обеспечения для отслеживания. Это приводит к своевременным и точным данным — тем данным, которые означают всю разницу между успехом и неудачей.
- Нажмите и перейдите, чтобы добавить теги на свой сайт, поскольку Диспетчер тегов Google поставляется со многими встроенными интеграциями, такими как AdWords, Analytics, Google Optimize, Adometry, Crazzy Egg, LinkedIn и Shareholic среди других.
- Кроме того, вы можете создавать неограниченное количество тегов благодаря пользовательской поддержке HTML.
И все, что вам нужно сделать, это установить код Диспетчера тегов Google на свой сайт вручную или с помощью плагина.
Затем Диспетчер тегов Google «обработает» код JavaScript для вас, а затем предоставит функциональность вашему сайту через контейнер. Это вообще имеет смысл? Я очень надеюсь, что это так.
Например, вместо того, чтобы добавлять код Google Analytics на свой сайт, вам просто нужно интегрировать Analytics с GTM, и ваша работа сделана. Послушайте, послушайте — добавление тегов в Диспетчере тегов Google — это удел четвероклассников, которым больше никогда не понадобится разработчик.
Будет миллион готовых функций, вы удивитесь, почему Диспетчер тегов Google бесплатен. Да, вы правильно прочитали. Это бесплатно. Но есть и премиум-версия с еще большим количеством функций и поддержкой 24/7. Тем не менее, я сомневаюсь, что вам когда-либо понадобятся премиум-функции в ближайшее время, потому что бесплатная версия упакована до краев. Упакован со всеми функциями, которые вам нужны для сбора данных, как профессионалы.
Например, вы можете захватить даже такие, как пользователи, просматривающие видео. Кроме того, вы можете увидеть, как долго каждый пользователь смотрел видео. И это только верхушка айсберга, метрик можно собрать много.
Минусы
- Бесплатная версия Диспетчера тегов Google не предлагает премиальную поддержку
- Есть кривая обучения, но опять же, на YouTube есть пара хороших видео в Диспетчере тегов Google. Ближе к концу этого поста не стесняйтесь посмотреть некоторые видео, которые мы порекомендуем в разделе ресурсов.
Это не исчерпывающий список достоинств/недостатков, так что продолжим. Давайте засучим рукава и присядем и испачкаемся.
Как настроить Диспетчер тегов Google в WordPress
В этом разделе мы установим Диспетчер тегов Google на ваш сайт WordPress:
- Вручную и
- Через плагин
Без дальнейших церемоний, давайте приступим к делу.
Сначала создайте учетную запись Google Tag Manager.
Первый шаг включает в себя создание бесплатной учетной записи Диспетчера тегов Google. Это разблокирует известную панель инструментов GTM и теги (или идентификатор отслеживания), необходимые для интеграции инструмента с вашим сайтом WordPress.
Перейдите на сайт Диспетчера тегов Google . Войдите в свою учетную запись Google (или создайте учетную запись, если у вас ее еще нет), как показано ниже.
Вы будете перенаправлены на красивую панель администратора Google Tag Manager. Затем нажмите ссылку « Создать учетную запись» , как показано на снимке экрана ниже.
На следующем экране введите имя своей учетной записи (это может быть ваша компания), выберите свою страну и нажмите кнопку « Продолжить».
Затем введите имя своего домена в поле Имя контейнера и выберите Интернет. После этого нажмите кнопку « Создать», как мы подробно расскажем ниже.
Примите условия соглашения об использовании Диспетчера тегов Google и условия обработки данных, как показано на следующем рисунке.
Появится следующее всплывающее окно с кодами установки Диспетчера тегов Google.
Оставьте вкладку выше открытой, так как вам понадобятся эти два кода для ручной настройки Диспетчера тегов Google на вашем сайте WordPress. Как вы заметили, GTM предлагает инструкции о том, куда вставлять коды, но это может быть сложно, если вы абсолютный новичок.
Не беспокойтесь, мы покажем вам, что именно делать в следующем разделе.
Важные примечания, прежде чем продолжить:
- Сделайте резервную копию вашего сайта WordPress, прежде чем вносить изменения в файлы темы.
- А еще лучше создайте дочернюю тему WordPress и отредактируйте ее вместо родительской темы.
Настройка Google Tag Manager вручную
В новой вкладке войдите в панель администратора WordPress и перейдите в раздел « Внешний вид» -> «Редактор».
Обратите внимание, что на изображении выше мы используем дочернюю тему бесплатной темы Elegant WordPress в нашем примере. Мы также скопировали пару файлов, например ,header.php, footer.php, rlt.css и 404.php в дочернюю тему. Мы вставим наши установочные коды Google Tag Manager в файл header.php.
Кликните заголовок темы ( header.php ) в правом файловом навигаторе, чтобы запустить header.php в редакторе тем.
В нашей учетной записи GTM инструкции говорят, что вам нужно вставить первый код выше <head>, а второй код сразу после открывающего тега <body> .
Видите ли вы теги <head> и <body> в файле header.php ? Тег <body> в WordPress может выглядеть немного иначе. Например, наши выглядят так: <body <?php body_class(); ?>> . Вы видите это на изображении выше? Бьюсь об заклад, вы делаете так давайте двигаться вперед.
Скопируйте первый код из Диспетчера тегов Google и вставьте его высоко в элемент <head> , как показано на изображении ниже.
Затем скопируйте второй код и вставьте его сразу после открывающего тега <body> , как показано ниже.
Наконец, нажмите кнопку « Обновить файл» в нижней части экрана, чтобы сохранить изменения. Теперь на вашем сайте установлен Диспетчер тегов Google. Довольно легко, да?
Но допустим, вам не нравится редактировать код, и вместо этого вы предпочитаете использовать плагин.
Как добавить Диспетчер тегов Google в WordPress через плагин
В этом разделе мы будем использовать отличный плагин, известный как Диспетчер тегов Google DuracellTomi для WordPress . Он доступен в репозитории плагинов WordPress, что означает, что вы можете установить его прямо из панели администратора WordPress. Как говорится, приступим к работе.
Перейдите в «Плагины» -> «Добавить новый » в меню администратора WordPress.
Введите Диспетчер тегов Google DuracellTomi для WordPress в поле поиска, и, как только вы найдете плагин, нажмите кнопку « Установить сейчас».
После установки плагина нажмите кнопку « Активировать », как показано ниже.
Уведомление в верхней части экрана сообщит вам, что вам нужно ввести свой идентификатор GTM, чтобы начать использовать Диспетчер тегов Google для WordPress. Нажмите на ссылку введите свой идентификатор GTM , как показано ниже.
Вы можете найти свой идентификатор GTM в своей учетной записи Диспетчера тегов Google, как показано ниже.
Скопируйте идентификатор GTM из своей учетной записи Диспетчера тегов Google и вернитесь в панель администратора WordPress. Вернитесь на свой сайт WordPress, вставьте идентификатор GTM и нажмите кнопку « Сохранить изменения », как показано ниже.
И это все! Вы только что узнали, как добавить Диспетчер тегов Google на свой сайт WordPress с помощью плагина. В путь, приятель, в путь. Ты быстро учишься.
Теперь, когда вы можете успешно добавить Диспетчер тегов Google на свой сайт WordPress, давайте протестируем его. Для этой части мы добавим Google Analytics на ваш сайт, не копируя код в ваш header.php.
Если на вашем сайте уже есть код Google Analytics, вам необходимо сначала удалить его, иначе вы получите одни и те же данные дважды. И мы определенно не хотим, чтобы это было в ваших маркетинговых отчетах.
Как добавить Google Analytics на свой сайт WordPress с помощью Google Tag Manager
Вернитесь в Диспетчер тегов Google и нажмите « Теги » в меню навигации слева.
После этого нажмите кнопку « Создать », как показано ниже.
В появившемся всплывающем окне назовите свой тег, а затем кликните поле « Конфигурация тега », чтобы выбрать тег (в нашем случае Google Analytics).
Выберите Google Analytics — Universal Analytics , как показано на следующем рисунке.
Это возвращает вас к настройке тегов. Выберите «Просмотр страницы » в разделе «Тип отслеживания », так как мы хотим сообщать обо всех просмотрах страниц в Google Analytics. См. изображение ниже.
В разделе «Настройки Google Analytics » выберите « Новая переменная». Откроется новое поле, в котором вы должны ввести свой идентификатор отслеживания Google Analytics. Не забудьте назвать свою переменную, как показано на изображении ниже.
Чтобы найти свой идентификатор отслеживания Google Analytics, войдите в свою учетную запись Google Analytics и выберите учетную запись для своего сайта WordPress (сделайте это, если у вас есть несколько ресурсов в вашей учетной записи Google Analytics).
Затем нажмите «Администратор » и перейдите к «Информация об отслеживании» -> «Код отслеживания». Вы должны увидеть свой идентификатор отслеживания, поскольку мы выделяем его номером элемента. 3 ниже.
Скопируйте идентификатор отслеживания и вставьте его в поле конфигурации переменной. Затем нажмите кнопку « Сохранить », как показано ниже.
Теперь нам просто нужно установить триггер для тега Google Analytics. Кликните Триггер , чтобы выбрать или создать новый триггер.
Поскольку мы хотим отслеживать трафик на всех страницах, мы можем использовать существующий триггер (или создать новый пользовательский). Чтобы сэкономить время, я выбрал существующий триггер « Все страницы », как показано ниже.
Наконец, нажмите кнопку Сохранить.
Проверка вашего тега
Ваш тег Google Analytics еще не работает на вашем сайте, но вы можете проверить, работает ли он, нажав кнопку « Предварительный просмотр », как показано на следующем изображении.
Как только Диспетчер тегов Google перейдет в режим предварительного просмотра, перезагрузите свой сайт. В окне консоли Диспетчера тегов Google в нижней части окна браузера вы должны увидеть, как тег срабатывает при перезагрузке вашего сайта.
Если вы войдете в свою учетную запись Google Analytics и перейдете в режиме реального времени, вы увидите просмотр страницы, который вы только что инициировали, перезагрузив свой сайт.
Вот оно! Конечно, вы можете видеть это на изображении выше? Да ладно, я добавил стрелку, чтобы вам было проще. Помните, что нам не нужно было добавлять Google Analytics (код JavaScript) непосредственно на наш сайт для сбора данных — все отчеты по данным выполняются с помощью диспетчера тегов Google.
То же самое относится ко всем тегам, которые вы добавляете через Диспетчер тегов Google — вы никогда не добавите код на свой сайт. Как мило?
Но наш тег Google Analytics активен только для нас, а не для пользователей, которых мы собираемся отслеживать. Чтобы разместить тег на сайте и начать запись фактических данных, просто нажмите кнопку « Отправить », как показано ниже.
Это запустит всплывающее окно, которое позволит вам назвать вашу версию и добавить описание. См. изображение ниже.
Наконец, нажмите кнопку « Опубликовать », как показано на изображении выше. В конце концов, ваша живая Google Analytics должна выглядеть примерно так:
Вот так, дамы и господа, вы можете воспользоваться возможностями Диспетчера тегов Google. Таким же образом вы можете добавить миллион и один тег, и ваш сайт не должен будет содержать весь код. Я призываю вас изучить Диспетчер тегов Google, чтобы узнать, чего вы можете добиться с помощью этого инструмента.
Между нами говоря, я продан, и, как вы могли заметить. Это первый раз, когда я установил это в своем живом блоге. Я планирую использовать Диспетчер тегов Google и в других своих блогах.
Дополнительные ресурсы
Мы надеемся, что наше руководство указало вам правильное направление в том, что касается понимания и внедрения Диспетчера тегов Google на вашем сайте WordPress. Если вы хотите узнать больше, вот несколько дополнительных ресурсов (мы обещали, не так ли?) для вашего удовольствия от просмотра.
Завершение нашего руководства по Диспетчеру тегов Google для WordPress
Диспетчер тегов Google — это мощный инструмент, который дает вам много возможностей для управления тегами и сбора данных, которые можно использовать.
Вы можете легко и быстро настроить инструмент, а это значит, что у вас будет больше времени, чтобы спланировать, как вы будете использовать все собранные данные. Собирать своевременные данные тоже здорово. Так почему бы не попробовать?
Есть мысли или вопросы по Диспетчеру тегов Google? Давайте учиться вместе. Поделитесь своими мыслями в разделе комментариев ниже. Удачи и счастливого интеллектуального анализа данных!
Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)
Как добавить код Google Tag Manager на WordPress
Самый простой способ добавить код GTM на сайт на WordPress – использовать плагин «Header and Footer». Для начала установим плагин:
1. Заходим в админ-панель своего сайта.
2. В меню слева наводим на вкладку «Плагины» , где в выпадающем меню выбираем пункт «Добавить новый»
3. В строке поиска забиваем фразу «Header and footer» , устанавливаем плагин под названием «Head, Footer and Post Injections»
4. Следующим шагом будет копирование кода GTM. Для этого необходимо зайти в GTM ( tagmanager.google.com )и нажать на значок шестеренки, который находится справа
5. Далее необходимо перейти во вкладку «Установить Google Менеджер тегов» и скопировать код, который находится выше
6. Возвращаемся в админ-панель нашего сайта. Во вкладке «Настройки» переходим в скачанный ранее плагин, где вставляем первую скопированную часть кода в верхний блок в плагине
6. Возвращаемся в админ-панель нашего сайта. Во вкладке «Настройки» переходим в скачанный ранее плагин, где вставляем первую скопированную часть кода в верхний блок в плагине
7. Далее нужно скопировать вторую часть кода GTM и вставить ее во второй блок плагина
8. После всех проделанных шагов, сохраняем коды в плагине и.. всё готово!
Хотите так же? Мы поможем!
Как передать полный доступ к административной панели веб-сайта
Как передать доступ к FTP веб-сайта
Отображение режима работы на сайте
- Минск, пр-т Независимости 169, 805Ю, БЦ «XXI век»
- +375 (29) 390-56-65
- zakaz @ silverweb.by
Отвечаем в мессенджерах:
SILVERWEB: Комплексный интернет-маркетинг © 2017-2022
Заявка на обратный звонок
SILVERWEB с уважением относится к правам наших клиентов. Мы безоговорочно признаем важность конфиденциальности личной информации и соблюдаем правила защиты персональных данных от несанкционированного доступа третьих лиц (защита персональных данных).
Заполнение формы с контактными данными означает согласие с настоящей Политикой конфиденциальности и указанными в ней условиями обработки персональной информации.
Ниже приводится информация об обработке персональных данных.
1. Персональные данные. Цель сбора и обработки персональных данных.
1.1. Вы всегда можете посетить данную страницу, не раскрывая никакой персональной информации.
1.2. Под персональными данными понимается любая информация, относящаяся к определенному или определяемому на основании такой информации физическому лицу.
1.3. Наше агентство собирает и использует персональные данные, необходимые для выполнения Вашего запроса, это – имя, телефон и электронный адрес.
1.4. Наше агентство не проверяет достоверность персональных данных, предоставляемых физическими лицами, и не проверяет их дееспособность.
2. Условия обработки персональной информации покупателя и её передачи третьим лицам.
2.1. При обработке персональных данных наших клиентов мы руководствуемся законом РБ «Об информации, информатизации и защите информации».
2.2. В отношении персональной информации покупателя сохраняется ее конфиденциальность.
2.3. Наше агентство не передает персональные данные третьим лицам.
3. Меры, применяемые для защиты персональной информации пользователей.
Наше агентство принимает необходимые и достаточные организационные и технические меры для защиты персональной информации пользователя от неправомерного или случайного доступа, уничтожения, изменения, блокирования, копирования, распространения, а также от иных неправомерных действий с ней третьих лиц.
GTM4WP
Google Tag Manager (GTM) is Google’s free tool for everyone to manage and deploy analytics and marketing tags as well as other code snippets
using an intuitive web UI. To learn more about this tool, visit the official website.
This plugin places the GTM container code snippets onto your wordpress website so that you do not need to add this manually.
Multiple containers are also supported!
The plugin complements your GTM setup by pushing page meta data and user information into the so called data layer.
Google’s official help pages includes more details about the data layer.
You can also add your Google Optimize container with the recommended code setup
Some parts of the plugin require PHP 5.6 newer.
PHP 7.0 or newer is recommended.
Please note that PHP versions 7.2 or older already reached their end of life cycle thus it is recommended to upgrade. If you are not sure which version you are using, please contact your hosting provider for support.
GTM container code placement
The original GTM container code is divided into two parts:
The first part is a javascript code snippet that is added to the <head> section of every page of the website.
This part is critical to enable all features of GTM, and this plugin helps to place this part
correctly on your site.
The second part is an iframe snippet that acts as a failsafe/fallback should users’ JavaScript be disabled.
Google recommends – for best performance – to place this code snippet directly after the opening <body> tag on each page.
Albeit not ideal, it will work when placed lower in the code. This plugin provides a code placement option for the second code snippet.
If your WordPress theme is compatible with the additions of WordPress 5.2 then this plugin will place this second code to the right place.
Users of the Genisis theme, GeneratePress theme, Elementor, Oxygen Builder and Beaver Builder Theme will also have this placed correctly.
To utilize this, use the «Codeless» placement option.
All other users can place this second code snippet using a custom PHP code («Custom» placement option) or select the so called «Footer» option to
add the code lower in the code (it is not the recommended way but will work)
Basic data included
- post/page titles
- post/page dates
- post/page category names
- post/page tag names
- post/page author ID and name
- post/page ID
- post types
- post count on the current page + in the current category/tag/taxonomy
- custom terms associated with any post type
- logged in status
- logged in user role
- logged in user ID (to track cross device behaviour in Google Analytics)
- logged in user email address (to comply with GTM terms of service do not pass this on to Google tags)
- logger in user creation date
- site search data
- site name and id (for WordPress multisite instances)
- IP address of the visitor (please use the explicit consent of the visitor to utilize this)
Browser / OS / Device data
- browser data (name, version, engine)
- OS data (name, version)
- device data (type, manufacturer, model)
Data is provided using the WhichBrowser library: http://whichbrowser.net/
Weather data
Push data about users’ current weather conditions into the dataLayer. This can be used to generate weather-related
audience/remarketing lists on ad platforms and allows for user segmentation in your web analytics solutions:
- weather category (clouds, rain, snow, etc.)
- weather description: more detailed data
- temperature in Celsius or Fahrenheit
- air pressure
- wind speed and degrees
Weather data is queried from Open Weather Map. Depending on your websites traffic, additional fees may apply:
http://openweathermap.org/price
An (free) API key from OpenWeatherMap is required for this feature to work.
ipstack.com is used to determine the site visitor’s location. A (free) API key from IPStack.com is required for this feature to work:
https://ipstack.com/product
Media player events
Track users’ interaction with any embedded media:
- YouTube
- Vimeo
- Soundcloud
DataLayer events can be chosen to fire upon media player load, media is being played, paused/stopped and optionally when
the user reaches 10, 20, 30, …, 90, 100% of the media duration.
Tracking is supported for embedded media using the built-in oEmbed feature of WordPress as well as most other media plugins
and copy/pasted codes. Players injected into the website after page load are not currently supported.
Scroll tracking
Fire tags based on how the visitor scrolls from the top to the bottom of a page.
An example would be to separate «readers» (who spend a specified amount of time on a page) from «scrollers»
(who only scroll through within seconds). You can use these events to fire Analytics tags and/or remarketing/conversion tags
(for micro conversions).
Scroll tracking is based on the solution originally created by
- Nick Mihailovski
- Thomas Baekdal
- Avinash Kaushik
- Joost de Valk
- Eivind Savio
- Justin Cutroni
Original script:
http://cutroni.com/blog/2012/02/21/advanced-content-tracking-with-google-analytics-part-1/
Google Ads remarketing
Google Tag Manager for WordPress can add each dataLayer variable as a Google Ads remarketing custom parameter list.
This enables you to build sophisticated remarketing lists.
Blacklist & Whitelist Tag Manager tags, triggers and variables
To increase website security, you have the option to white- and blacklist tags/triggers/variables.
You can prevent specific tags from firing or the use of certain variable types regardless of your GTM setup.
If the Google account associated with your GTM account is being hacked, an attacker could easily
execute malware on your website without accessing its code on your hosting server. By blacklisting custom HTML tags
and/or custom JavaScript variables you can secure the Tag Manager container.
Интеграция
Google Tag Manager for WordPress integrates with several popular plugins. More integration to come!
- Contact Form 7: fire an event when a Contact Form 7 form was submitted with any result (mail sent, mail failed, spam detected, invalid input)
- WooCommerce:
- Classic e-commerce (deprecated):
- fire an event when visitors add products to their cart
- capture transaction data to be passed to your ad platforms and/or Analytics
- capture necessary remarketing parameters for Google Ads Dynamic Remarketing
- implementation of Enhanced E-commerce GA3
- implementation of Enhanced E-commerce GA4
- Does not support promotions since WooCommerce does not have such a feature (yet)
- Does not support refunds
Server side containers
If you are using a server side container
you can enter your custom domain name to load gtm.js from your there.Скриншоты
Установка
- Upload duracelltomi-google-tag-manager-for-wordpress to the /wp-content/plugins/ directory
- Активируйте плагин используя меню ‘Плагины’ в WordPress
- Go to Settings / Google Tag Manager and enter your Google Tag Manager container ID and set additional options
Часто задаваемые вопросы
How can I …
Tutorials for various Google Tag Manager settings and implementation are available on my website:
https://gtm4wp.com/how-to-articles/PayPal / 3rd party payment gateway transactions in WooCommerce are not being tracked in Google Analytics
PayPal and some other 3rd party payment gateways do not redirect users back to your website upon successful transaction by default.
It offers the route back for your customer but it can happen that users close the browser before arriving at your thankyou page
(aka. order received page). This means that neither Google Analytics tags or any other tags have the chance to fire.Enable auto-return in your payment gateway settings. This will instruct them to show a quick info page after payment
and redirect the user back to your site. This will improve the accuracy and frequency of tracked transactions.Why isn’t there an option to blacklist tag/variable classes
Although Google recommends to blacklist tags and variables using classes, people struggle to know
which tags/variables gets affected. Therefore I opted for individual tags and variables rather than classes
on the blacklist tabs.Regarding variables; ensure they are not part of any critical tags as blacklisting such variables will render said tags useless.
How can I track scroll events in Google Tag Manager?
Google Tag Manager supports basic scroll depth tracking based on percentage or pixels natively. This plugin adds
additional scroll tracking events, more focused on capturing the users’ intent and/or engagement.There are five dataLayer events you can use in your rule definitions:
- gtm4wp.reading.articleLoaded: the content has been loaded
- gtm4wp.reading.startReading: the visitor started to scroll. The timeToScroll dataLayer variable stores duration since the article loaded (in seconds)
- gtm4wp.reading.contentBottom: the visitor reached the end of the content (not the page!). timeToScroll dataLayer variable updated
- gtm4wp.reading.pagebottom: the visitor reached the end of the page. timeToScroll dataLayer variable updated
- gtm4wp.reading.readerType: based on time spent since article loaded we determine whether the user is a ‘scanner’ or ‘reader’ and store this in the readerType dataLayer variable
Example use cases: using these events as triggers, you can fire Google Universal Analytics and/or Google Ads remarketing/conversion tags
to report micro conversions and/or to serve ads only to visitors who spend more time reading your content.Can I exclude certain user roles from being tracked?
This is easily managed through GTM itself. If you want to exclude logged in users or users with certain user roles,
use the corresponding dataLayer variable (visitorType) and an exclude filter in Google Tag Manager.Отзывы
No support since weeks
Perfect GA4 WooCommerce tracking
Rock Solid GTM plugin
I can’t make it work
Order completed event problem
Doesn’t work with new GA4 tags
Участники и разработчики
«GTM4WP» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
«GTM4WP» переведён на 8 языков. Благодарим переводчиков за их работу.
Заинтересованы в разработке?
Журнал изменений
- Fixed: GTM ID not properly set in noscript tag (probably fixes some 403 errors with firewalls too)
This plugin version does not add or update any functionality.
After recent events, the code of the plugin has been checked line by line to see where additional security checks can be added.
The code has been formatted to better support readability for other programmers.Deprecated:
* gtm4wp_get_the_gtm_tag hook and the corresponding GTM4WP_WPFILTER_GETTHEGTMTAG PHP constant.
* gtm4wp_add_global_vars hook and the corresponding GTM4WP_WPFILTER_ADDGLOBALVARS PHP constant. Use gtm4wp_add_global_vars_array / GTM4WP_WPFILTER_ADDGLOBALVARS_ARRAY instead.
* gtm4wp_after_datalayer hook and the corresponding GTM4WP_WPACTION_AFTER_DATALAYER PHP constant. Use gtm4wp_output_after_datalayer / GTM4WP_WPACTION_AFTER_DATALAYER instead witch can be used in the same way but it is an action instead of a filter.Upcoming version will come with important changes:
* Minimum PHP version will be raised to 7.4: this will allow me to add even more safety measures
* Minimum supported WooCommerce version will be raised to WooCommerce 5.0: with this I can remove some very old compatibility code
* Deprecated features will be removed (aims to simplify code for better maintenance):
* Do not track flag of the browser added into data layer
* Legacy version of WooCommerce dynamic remarketing (using ecomm_ parameters)The goal of all these changes aim to keep the plugin code clean and free from legacy solutions.
- Fixed: Stored XSS when using the scroll tracking feature and an admin changes the content element ID into a JavaScript code.
- Deprecated option: ‘do not track’ flag of the browser. This browser feature itself is now deprecated
Full scan of the plugin is also in works to fix any other possible XSS issue.
- Fixed: JavaScript error with the newly added console logging to debug code placement issues
- Fixed: possible XSS Vulnerability if Cloudflare country code option enabled. Thanks Guillaume Fortier
- Fixed: proven XSS Vulnerability if adding site search into the data layer was enabled. Original report by not_stoppable. Root cause analysis by Cory Buecker.
- Removed: deprecated feature Google Ads remarketing. This is the outdated, classic way using the google_tag_params variable.
- Dev: removed PHP constant GTM4WP_WPFILTER_COMPILE_REMARKTING (related to removed Google Ads remarketing feature)
- Dev: removed gtm4wp_compile_remarkering WordPress filter (related to removed Google Ads remarketing feature)
Note to plugin users: I sincerely appologize for the vulnerabilities. To make sure, such cases do not happen again,
the next version will be fully dedicacted to go through every peace of code and make sure proper data processing is happening in GTM4WP.- Added: pagePostType data layer variable will now return 404-error on 404 pages and search-results on search result pages
- Added: Google Tag Manager container code can be disabled for specific WordPress user roles under Advanced plugin options. A browser console warning will be shown in such cases to prevent confusion
- Added: support for all Contact Form 7 events for more granual tracking: gtm4wp.contactForm7MailSent, gtm4wp.contactForm7MailFailed, gtm4wp.contactForm7SpamDetected, gtm4wp.contactForm7InvalidInput
- Added: additional data layer variables for date attributes: pagePostDateDayName, pagePostDateHour, pagePostDateMinute, pagePostDateIso, pagePostDateUnix — by ajtatum
- Fixed: unclickable products in WooCommerce product lists in Firefox when visiting site in Strict privacy mode or using private browsing
- Fixed: tracking step 2 on WooCommerce checkout page was broken
- Updated: removed CDATA blocks as they are not required in simple HTML and they break some cases where code optimizer is being used
- Updated: products per impression in WooCommerce integration now defaults to 10 instead of 0. This allows view_item_list event to fire on new sites as well
- Updated: code placement options. Separated container on/off option and replaced code placement with the new terminology: compatibility mode
- Updated: removed optional chaining operator usage (?.) in JavaScript codes for better compatibility with outdated browsers
- Updated: changed ‘Do not flag orders as being tracked’ description to be more precise about what happens if turned on or left off
- Updated: if you enter your custom domain name for server side tagging with the https:// prefix, it will be removed before domain name validation
- Updated: all script blocks to be ignored by Cookiebot if this integration is enabled
- Updated: do not track WooCommerce order where payment failed
- Fixed: undefined google_business_vertical
- Fixed: missing product price in product impression data
- Fixed: better compatibility with cache plugins and lazy load functionalities
- Fixed: Added optional chaining operator to form move tracker code
- Bugfixes
- Added: support for tracking WooCommerce Block based product lists, except the «All Products» block
- Added: support for new_customer parameter for Google Smart Shopping campaigns
- Added: SHA256 hashed versions of data layer variables containing email addresses: customerBillingEmailHash on WooCommerce order received pages and visitorEmailHash on generic uses cases
- Added: WooCommerce — if for some reason is_order_received_page() reports false on the order received page, woocommerce_thankyou hook will be used as backup
- Updated: removed jQuery dependency from plugin modules: contact form 7 integration, form move tracker, Vimeo, YouTube, Soundcloud, partly WooCommerce
- Updated: moved the hidden helper span element in products lists to the end of the product box to make more compatible with themes
- Updated: more consistent retrieval of product categories — by Dekadinious
- Updated: gtm4wp_product_readded_to_cart cookie replaced with a WooCommerce session variable to use fewer cookies in this plugin
- Updated: gtm4wp_user_logged_in, gtm4wp_user_registered and gtm4wp_last_weatherstatus cookies are now HTTP only cookies
- Updated: replaced deprecated jQuery method and event usage in WP admin
- Updated: added rel=»noopener» to links pointing to external sites on WP admin page
- Updated: Hiding the iframe tag from assistive technologies as it provides no functionality for the end user. This will also alleviate a11y audit warnings.
- Fixed: proper values for visitorType data layer variable
- Fixed: replaced unsafe usage of eval() in WooCommerce QuickView plugin integration
- Fixed: type check of the order ID obtained from a cookie before using the value
- Fixed: navigation issues in Safari if browser loads previous page from cache. GTM4WP will now force Safari to always reload pages.
- Fixed: Do not trigger browser change event in WooCommerce checkout page submit event handler. It caused issues with other 3rd party plugins.
- Fixed: HTML5 detection. — by Sjoerd
- Fixed: Username not included in datalayer if no other user attribute is included — by StaymanHou
- Fix: better PHP8 compatibility
- Fix: PHP notice on admin page
WARNING!
If you are using the geo or weather options of this plugin, make sure your hosting is using PHP 7.0 or newer!If you are using the WooCommerce integration with enhanced ecommerce, once again you will need to update your GTM container.
Please check the setup article to see what needs to be changed.
The goal is to keep this setup in the upcoming versions.- Added: Google Business Vertical option to populate Google Ads dynamic remarketing
- Added: Make automatic cookie blocking mode of Cookiebot to work with your Google Tag Manager container (new option in the Integration tab)
- Added: support for server side containers with custom domains
- Added: improved duplacate WooCommerce order tracking prevention by also checking the age of the order. You can adjust the value in minutes on the plugin options page — by Code-Craze
- Fixed: prices rounded to 2 decimals in the data layer (WooCommerce integration)
- Fixed: select_item event fired multiple times (at least twice)
- Fixed: frontend protection to preveent double tracking transactions had a bug
- Fixed: missing product detail and first checkout step tracking in WooCommerce shops with Enhanced Ecommerce
- Fixed: JavaScript type error if product category is a number
- Updated: WhichBrowser v2.1.1 (requires PHP 7.0 or newer)
- Updated: descriptions of WooCommerce tracking methods to emphasize the importance to migrate from standard to enhanced ecommerce
- Updated: added links to enhanced ecommerce setup guides (GA3 and GA4)
No new or updated functionality, but updated WooCommerce compatibility.
IMPORTANT!
If you are using the WooCommerce integration and enhanced ecommerce, please update your ecommerce event trigger to include gtm4wp.orderCompletedEEC as well.
https://gtm4wp.com/how-to-articles/how-to-setup-enhanced-ecommerce-trackingIf you are upgrading from 1.11.x, please read the previous changelog entry for v1.12
- Fixed: error message in WooCommerce integration on PHP 8 hosts
- Fixed: PHP notice about non existing blacklist-enable array key
If you are upgrading from 1.11.x, please read the previous changelog entry for v1.12
- Fixed: PHP notice while saving admin options
WARNING!
If you are using the blacklist/whitelist feature of the plugin, review these options after upgrade as they could break because of a fundamental rework of this feature.- Added: support for Google Analytics 4 version of ecommerce data layer
- Fixed: safer IP address validation in geo and weather data features
- Updated: removed deprecated events: download links, email links, social links -> such can be now tracked with native Google Tag Manager triggers
- Updated: removed support for WooCommerce versions before v3.2
- Updated: ‘Blacklist tags’ tab renamed to ‘Security’
- Updated: complete rework of blacklist/whitelist feature to use the latest tag/trigger/variable list of Google
- Deprecated: classic ecommerce tracking will be removed later this year, please upgrade to enhanced ecommerce tracking
- Deprecated: standard Google Ads remarketing variable will be removed soon as the Google Ads remarketing tag template can easily use any of your Google Tag Manager variables
- Deprecated: the old fashioned way of using Google Ads remarketing with the ecomm_ prefixed data layer variables will be removed soon. Instructions for upgrade will be published on gtm4wp.com once this feature gets updated in an upcoming plugin version
- Fixed: do not track hidden products in the cart in WooCommerce shops
- Fixed: do not fire add to cart event if button is in a disabled state
- Fixed: fixed translation of an admin text
- Fixed: needs_shipping_address() calls were sometimes broken in WooCommerce shops, added additional checks to prevent
- Updated: removed the body_class method of adding the iframe/noscript container code (page builders and the standard wp_body_open hook remains supported)
- Fixed: new Google Optimize container ID format accepted now
- Fixed: fire gtm4wp.checkoutStepEEC and gtm4wp.checkoutOptionEEC events if there is only one shipping method available and it is hidden from the user
- Fixed: decrease checkout step numbers 3 and 4 if shipping destination is set to ‘Force shipping to the customer billing address’ in WooCommerce. This way there will be no gap in Checkout behaviour report in Google Analytics.
- Updated: tested version number for WooCommerce
- Fixed: use var_export instead of var_dump in some debug code,
- Fixed: apply WooCommerce option for tax inclusion on the order received page as well
- Fixed: JavaScript errors in Vimeo player
- Updated: do not add type attribute to script elements if theme suppors HTML5
- Updated: tested version numbers for WordPress and WooCommerce
WARNING!
If you are upgrading directly from v1.10.x, please read the changelog of v1.11 since it includes many important notices!No change in plugin code, WP.org deployment of v1.11.1 included wrong directories
WARNING!
If you are upgrading directly from v1.10.x, please read the changelog of v1.11 since it includes many important notices!- Fixed: PHP notice about undefined order_items variable if the new ‘Order data in data layer’ is turned off
- Fixed: PHP notice about missing brand array key if no brand taxonomy is selected in GTM4WP options
WARNING!
Please read the changelog very carefully as there are many important changes and removed features which could need your attention before updating!- Added Oxygen Builder and Beaver Builder Theme support — you can now use the codeless placement option without issues
- Added ability to fix the Google Tag Manager ID and GTM Environment parameters in wp-config.php. To use it, create PHP constants with the names
** GTM4WP_HARDCODED_GTM_ID
** GTM4WP_HARDCODED_GTM_ENV_AUTH
** GTM4WP_HARDCODED_GTM_ENV_PREVIEW - Added support for WooCommerce Grouped Products
- Added new WooCommerce option to add all order data into the data layer on the order reveived page
** This includes personal data of the customer -> you need to ensure this is used in a privacy friendly and compliant way!
** This order data will be always present on the order received page, even if the page is reloaded or later revisited! - Removed several unofficial data layer variables on the WooCommerce order received page as they can be read using the new order data option
** transactionDate
** transactionType
** transactionPaymentType
** transactionShippingMethod
** transactionPromoCode - Improved: price reporting with the WooCommerce enhanced ecommerce integration now follows the option set with the ‘Display prices in the shop’ option of WooCommerce
- Improved: from WooCommerce 3.7 WC_Abstract_Order::get_used_coupons() was replaced with WC_Abstract_Order::get_coupon_codes() which is now used if WC 3.7+ is detected
- Improved: use localStorage for WooCommerce duplicate transaction tracking prevention if available. Should be work with Safari at least for now.
- Fixed: WooCommerce duplicate transaction tracking prevention’s cookie was set to expire on session end, now adds 1 year.
- Deprecated data layer variable productIsVariable. Use the new productType data layer variable which will equal to simple, variable, grouped or external depending on the type of the product shown
- Fixed: Wrong lookup for product brand name if Use SKU instead of product ID option was turned on
- Fixed: Wrong lookup for product brand name for variable products
- Fixed: check if $woo->customer is initialized
- Fixed: no checkout step reported on WooCommerce checkout page if the user has accepted the default selection of the payment and shipping methods
! Planned deprecation of support for WooCommerce 2.x-3.1.x with next plugin version !
! Planned deprecation of support for WordPress 4.x with next plugin version !- Fixed: wrong cookie name was used with the newly introduced double transaction tracking protection while setting the cookie
- Fixed: double transaction tracking JavaScript code is now only included on the order received page
- Fixed: product impressions not properly reported if Products per impressions were set to 0
- Fixed: replaced all references to AdWords to Google Ads
- Added: Automatically add the noscript part of the container code after the opening body tag for WordPress 5.2+ sites where themes support the new wp_body_open action
- Added: add associated taxonomy values for post type
- Added: select brand taxonomy for WooCommerce products to populate «Product brand» dimension in enhanced ecommerce
- Added: add cart content into data layer so that you can personalize your site experience using Google Optimize
- Added: option to remove shipping costs from revenue data on order received page of WooCommerce
- Added: if you enable either enhanced ecommerce or just Google Ads remarketing variables, 3 new data layer variables will be also available about the product on a detail page
- Product rating details (productRatingCounts)
- Average product rating (productAverageRating)
- Review count (productReviewCount)
- Fixed: possible PHP warning if geo data or weather data feature is turned on
- Fixed: handle out of quota cases with ipstack queries properly
- Fixed: proper YouTube tracking for WordPress sites and WordPress multisites installed in a subdirectory
- Fixed: properly detect client IP address and also properly escape this data while using it
- Fixed: WooCommerce checkout steps after page load did not include products in the cart
- Fixed: checkout step events for payment mode and shipping type not always fired
- Fixed: the CMD on Mac will be treated just like the Ctrl key on Windows while processing the product click event in the WooCommerce integration (thy for luzinis)
- Fixed: add currencyCode to every ecommerce action in WooCommerce integration
- Fixed: better WooCommere Quick View integration
- Fixed: possible cross site scripting vulnerability if site search tracking was enabled due to not properly escaped referrer url tracking
- Changed: code cleanup in WooCommerce integration
- Added: initial support for AMP plugin from Automattic (thx koconder for the contribution!)
- Added: option to remove tax from revenue data on order received page of WooCommerce
- Added: WooCommerce enhanced ecommerce datasets now include stock levels
- Added: new productIsVariable data layer variable is set to 1 on variable WooCommerce product pages
- Added: product impressions can now be split into multiple chunks to prevent data loss on large product category and site home pages (thx Tim Zook for the contribution!)
- IMPORTANT! You will need to update your GTM setup, please read the new Step 9 section of the setup tutorial page.
- Social actions
- Outbound link click events
- Download click events
- Email click events
- Added: new visitorIP data layer variable to support post-GDPR implementations where for example internal traffic exclusion has to be made inside the browser
- Fixed: JavaScript error around the variable gtm4wp_use_sku_instead
- Fixed: added _ as a valid character for gtm_auth GTM environment variable
- Fixed: corrected typo — gtm4wp.checkoutStepEEC
- Fixed: two strings were not recognized by WordPress Translate on the admin page
- Fixed: some other plugins call found_variation event of WooCommerce without product variation data being included
- Fixed: product name included variation name on order received page which broke GA product reports
- Fixed: in some cases, no contact form 7 data was being passed to the gtm4wp.contactForm7Submitted event
- Updated: added CDATA markup around container code for better DOM compatibility
- Updated: removed ‘SKU:’ prefix text from classic ecommerce dimension as it broke some enhanced ecommerce reports
- Fixed: weather data tracking codes could result in fatal PHP error
- Fixed: cart events did to fire while user pressed the Enter key in quantity fields
- Fixed: contact form 7 changed some code which prevented successful form submission tracking
- Changed: links to plugin website updated
- Changed: gtm4wp.cf7formid data layer variable now includes the ID of the form in WordPress
- Added: gtm4wp.cf7inputs includes data that has been filled in the form
- Added: WooCommerce compatibility headers
- Added: admin warning for WooCommerce 2.x users. This plugin will drop support for WooCommerce 2.x soon
- Added: postFormat data layer variable on singular pages
- Added: customer* data layer variables with stored billing and shipping data, total number of orders and total value of those orders (needs WooCommerce 3.x)
- Added: geo* data layer variables to get country, city, lat-lon coordinates of the visitor
- Added: visitorUsername data layer variable with the username of the logged in user
- Added: more detailed checkout reporting for WooCommerce sites
- Add gtm4wp.checkoutStepEEC to your Ecommerce Helper trigger
- Change a typo: gtm4wp.checkoutOptionECC => gtm4wp.checkoutOptionEEC
- Fixed: in some cases, the remove item from cart link in a WooCommerce cart was not altered properly with additional tracking codes
- Fixed: product categories were empty in the cart, on the checkout pages and on the order received page for product variations
- Fixed: checkout option data included checkout step #1 if cart page was setup to be the first
- Fixed: even more WooCommerce 3.x compatibility
- Added: registration date of the logged in user can be added to the data layer
- Updated: geoplugin.net has been replaced by freegeoip.net for weather tracking which has far better quota for free usage
- Updated: Google Ads dynamic remarketing data layer items on a WooCommerce product page will be shown for the root product as well on variable product pages
- Updated: Selecting a product variation will include the price of the product in Google Ads dynamic remarketing data layer items
- Updated: minor code cleanup
- Fixed: PHP 5.3 compatible syntax in frontend.php
- Fixed: PHP error using classic ecommerce with WooCommerce 2.6.x
- Updated: Added data-cfasync=’false’ to all elements to prevent CloudFlare to load scripts async
- Added: Warning for users of PHP 5.4 or older to consider upgrade (FYI: PHP 5.5 and older versions do not get even security fixes)
- Updated: even better WooCommerce 3.0 compatibility (WooCommerce 2.6 still supported but this support ends with the next plugin version)
- Fixed: properly escaping product category name on variable product detail pages
- Fixed: proper data layer stucture in the gtm4wp.changeDetailViewEEC event
- Added: Google Optimize page hiding snippet under Integrations tab
- Added: add to cart data for WooCommerce enhanced ecommerce tracking if user undos a cart item removal (no need to update GTM tags)
- Added: you can now enter a product ID prefix so that IDs can match with IDs in some product feeds generated by other plugins
- Added: option to track cart page as step 1 in enhanced ecommerce checkout funnel
- Fixed: PHP warning message on WooCommerce cart page
- Fixed: Better compatibility with WooCommerce 2.6.x ��
- Fixed: do not block product list item clicks if ad blocker is enabled
- Fixed: only track product clicks in product lists if link points to the product detail page URL
- Fixed: PHP warning in backlogs ‘Undefined variable: gtm4wp_options’
- Added: product variation support in WooCommerce integration (enhanced ecommerce implementations should add the GTM event gtm4wp.changeDetailViewEEC to the ecommerce event trigger)
- Updated: better WooCommerce 3.0 compatibility
- Fixed: clicks on products in product list pages redirected to undefined URLs with some themes.
Lots of WooCommerce ecommerce codes has been changed and extended, please double check your measurement after upgrading to this version!
- Added: warning message if you are using PHP 5.3 or older. Browser/OS/Device tracking needs 5.4 or newer
- Added: Email address of the logged in user into the visitorEmail dataLayer variable. Remember: to comply with GTM TOS you are not allowed to pass this data towards any Google tag but you can use this in any other 3rd party tag.
- Added: gtm4wp_eec_product_array WordPress filter so that plugin and theme authors can add their own data for enhanced ecommere product arrays
- Fixed: JavaScript error in WooCommerce stores when enhanced ecommerce enabled and a product being clicked in a widget area
- Fixed: Order data not present in some cases on the order received page
- Changed: Extended «User SKUs instead of IDs for remarketing» option to be also applied to ecommerce product data arrays
- Changed: Use wc_clean instead of the deprecated function woocommerce_clean
- Changed: New, divided GTM container implemented — a fixed part in the and an iframe part placed using the container placement option you’ve set earlier
- Fixed: WP CLI error message
- Fixed: wrong dynamic remarketing tagging on cart and checkout pages
- Updated: WhichBrowser library to 2.0.22
- Updated: slightly changed container code snippet to prevent W3 Total Cache to alter the code which breaks proper code execution
- Updated: replaced file_get_contents() usage in weather tracking to wp_remote_get() so that it is more compatible with several WP instances
- Updated: YouTube/Video/Soundcloud tracking now tracks videos not embedded using oEmbed (like videos in a widget area)
- Updated: new Vimeo Player API implemented which should solve several issues
- Changed: adapted W3C HTML5 media player event names which changes some events (needs updating your existing GTM setup):
- Soundcloud: finish => ended, seek => seeked
- YouTube: playing => play, paused => pause, playback-rate-change => ratechange
- Vimeo: seek => seeked
- Fixed: remove cart event not fired in WooCommerce 2.6
- Fixed: ecomm_prodid.push error message on product detail pages
- Fixed: proper tracking of cart actions on the cart page for WooCommerce 2.6
- Fixed: ‘Illegal string offset’ errors in some cases in the cart
- Fixed: OpenWeatherMap requires a (free) API key now, you can now enter this to use weather data in data layer
- Fixed: «json_encode() expects parameter 2 to be long, string given» on PHP 5.3 instances
- Fixed: Fatal PHP error in cart if you enabled taxes to be included in your cart
Major changes to the Enhanced Ecommerce implementation of the WooCommerce integration!
- Fixed: proper tracking of list positions
- Fixed: opening product detail page in a new window/tab when user pressed the CTRL key
- Fixed: ecomm_totalvalue included the total price of the cart without taxes
- Fixed: ecomm_totalvalue does not take into account the quantity of ordered products on the order received page
- Fixed: php error message on product lists when Google Ads dynamic remarketing was enabled on WooCommerce 2.6
- Fixed: added data-cfasync=»false» to the GTM container code for better compatibility with CloudFlare
- Added: introducing tracking of list names (general product list, recent products list, featured products list, etc.)
- Some list names (like cross-sells) will be shown as ‘General Product List’. A proposed change in WooCommerce 2.6 will solve that issue
- Fixed: subtabs on admin page now showing in certain cases
- Fixed: error message when running the site using WP CLI (thanks Patrick Holberg Hesselberg)
- Fixed: some typos on admin page
- Fixed: dismissable notices did not disappear in some cases
- Fixed: tracking of Twitter event cased sometimes JS errors
- Fixed: site search tracking caused sometimes PHP errors when HTTP_REFERER was not set
- Updated: preparation for translate.wordpress.org
- Added: support for multiple container IDs
- Added: added form ID when sending a Contact Form 7 form. Variable name: gtm4wp.cf7formid
- Fixed: PHP errors in frontend.php and admin.php
- Added: track embedded YouTube/Vimeo/Soundcloud videos (experimental)
- Added: new checkbox — use product SKU for Google Ads Dynamic Remarketing variables instead of product ID (experimental)
- Added: place your container code after the opening body tag without modifying your theme files (thx Yaniv Friedensohn)
- Added: automatic codeless container code injection for Genesis framework users
- Fixed: Possible PHP error with custom payment gateway (QuickPay) on the checkout page (thx Damiel for findig this)
The plugin itself is now declared as stable. This means that it should work with most WordPress instances.
From now on each version will include features labeled as:- Beta: the feature has been proven to work for several users but it can still have some bugs
- Experimental: new feature that needs proper testing with more users
- Deprecated: this feature will be removed in a future version
If you see any issue with beta or experimental functions just disable the checkbox. Using this error messages should disappear.
Please report all bugs found in my plugin using the contact form on my website.
- Classic e-commerce (deprecated):