Привет, друзья! На связи Евгений Тридчиков, и в этом видео я отвечу на вопросы по теме подмены контента на сайте.
Для примера я реализовал подмену заголовка h1 на основе ютм-метки utm_source. Как видите, в зависимости от значения параметра меняется значение заголовка. Сделано это точно так же, как описано в прошлом видео, то есть через табличную переменную. Кто не видел, жмите на подсказку в верхнем углу.
Подмена заголовка сразу из ссылки
Елена Романова спрашивает:
А можно реализовать через GTM такую штуку, чтобы можно было редактировать текст подмены прямо в ссылке, минуя таблицу со значениями? Например, подмена podmena=«купи слона недорого» — заголовок будет «купи слона недорого».
Елена, в таком случае табличная переменная вам не нужна. Просто откройте тег подмены и замените табличную переменную на переменную типа URL. Это та переменная, с помощью которой вы получаете значение параметра в ссылке.
В качестве триггера укажите MODEL DOM готова без фильтра. Теперь подмена будет работать так, как вы желаете.
Подмена телефона на многостраничном сайте
Супер! Теперь вопрос от пользователя с интересным никнеймом. Итак, mr. Qweroll спрашивает:
Данный способ подходит только лендингов? Как сделать чтобы при переходе на другую страницу, телефон не возвращался обратно?
Для этого мы пометим пользователя своей кукой и будем показывать ему нужный номер телефона, заголовок или другой контент, пока он гуляет по сайту.
Для начала перейдем в тег подмены и откатим изменения после Елены. Напомню, как работает этот тег: здесь мы проверяем значение параметра в ссылке и в зависимости от него меняем заголовок на сайте. После этого мы записываем пользователю свою куку.
Дадим ей название. Логично, если это будет “Qweroll”. В значение для удобства положим значение ютм-метки или другого параметра, который вы используете. Укажем область действия, весь сайт.
Теперь перейдем в раздел переменные и создадим новую переменную типа кука. Эта переменная принимает значение той куки, которую мы здесь укажем. Как вы понимаете, это кука с именем Qweroll. Сохраняем.
Теперь откроем табличную переменную. Напомню, что ее значение зависит от входной переменной, здесь это ютм-метка. Скопируем табличную переменную, а на входе укажем переменную типа кука, которую создали только что.
Как вы уже догадались, дело за малым. Перемещаемся в раздел теги, копируем тег подмены, убираем строчку создания куки, меняем название тега, а в качестве триггера указываем MODEL DOM готова, но уже с другим фильтром. На этот раз табличная переменная куки не равно undefined.
Включаем режим превью и проверяем, как работает подмена на многостраничном сайте.
Таким образом, путь пользователя может выглядеть так:
- Новый пользователь посещает сайт по ссылке с параметром, в моем случае ютм-меткой
- Проверяем наличие и значение параметра, показываем ему нужный заголовок
- Тут же записываем ему свою куку
- Далее он загружает другие страницы, мы проверяем значение куки и если надо, показываем нужный заголовок
Обратите внимание, что срок действия куки не указан, то есть она сотрется после закрытия браузера. А также на то, что кука задается только пользователям с параметром в ссылке.
Надеюсь мне удалось помочь вам, Елена и Qwerell. Если вам понравилось, жмите на колокольные дела и расскажите коллегам. В любом случае предлагаю поддержать лайком Qwerell, потому что вопрос интересный и никнейм веселый.
С вами был Евгений Тридчиков, и я желаю вам великолепного дня!