Подмена контента на сайте через GTM — быстро и бесплатно!

Всем привет! Даю пошаговую инструкцию о том, как подменить заголовок на сайте (или другой контент) при помощи GTM. Поехали!

Шаг 1.

Создаем таблицу с тремя столбцами:

1. utm_content

2. Заголовок на сайте

3. Конечный URL

Подмена заголовка через Google Tag Manager
Подмена контента через GTM

В столбце «utm_content» вводим «zag1», «zag2» и т.д. по кол-ву нужных заголовков.

В столбце «Заголовок на сайте» вводим подменные заголовки.

В столбце «Конечный URL» вводим site.ru/?utm_content=zag1 , где заменяем site.ru на наш домен.

Шаг 2.

Идем в GTM проекта. Переходим в «Переменные» и создаем новую переменную.

Подмена контента через Google Tag Manager
Подмена контента через GTM

Название — «paramURL» — обязательно название точь в точь, что бы работало.

Тип переменной «URL».

Ключ запроса «utm_content».

Подмена контента и заголовка через GTM
Подмена контента через GTM

Сохраняем.

Шаг 3.

Создаем еще одну переменную.

Название — «podmeniZag».

Тип переменной — «таблица поиска».

Входная переменная — {{paramURL}}.

Входные данные — первый столбик переносим из столбца «utm_content» нашей таблицы, второй столбик заполняем из столбца «заголовок на сайте» нашей таблицы.

Нажимаешь галочку «Установить значение по умолчанию» и прописываем исходный заголовок на сайте.

Подменивание заголовка через GTM
Подмена контента через GTM

Сохраняем.

Шаг 4.

Создаем триггер.

Создаем триггер подмены контента через GTM
Подмена контента через GTM

Название «undefined».

Тип триггера — «просмотр страниц».

Условие активации триггера — «некоторые просмотры страниц».

Первая ячейка — «paramURL», вторая — «не равно», третья — «undefined».

Создаем триггер подмены контента
Подмена контента через GTM

Сохраняем.

Шаг 5.

Создаем тег.

Создание тега подмены контента через GTM
Подмена контента через GTM

Название — «Подмена контента» (или то, что нужно).

Тип тега — «Пользовательский HTML»

В поле «HTML» прописываем (для наших сайтов) :

<script>
document.querySelector(“h1”).innerText=”{{podmeniZag}}”;
</script>

В триггерах активации указываем триггер «undefined».

Настраиваем тег подмены контента через GTM
Подмена контента через GTM

Шаг 6.

Жмем предварительный просмотр.

Предварительный просмотр подмены контента через GTM
Подмена контента через GTM

Выбираем один из Url в нашей таблице и вставляем его в адресную строку браузера, в котором у нас предварительный просмотр.

Проверяем правильности настроки
Подмена контента через GTM
Правильно настроили подмену контента
Подмена контента через GTM

Все работает.

Профит. Сверяем с таблицей, что бы был именно тот заголовок.

Шаг 7.

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

Если у Вас возникнут вопросы — пишите мне на почту — iosif.tihonenkov@gmail.com, а так же подписывайтесь на мой Telegramm канал — https://t.me/itihonenkov

Всем спасибо, до новых встреч!

P.s. Есть и пара других скриптов — пишите)

1,105 просмотров всего, 11 просмотров сегодня