Задача — показать другой номер телефона при переходе посетителя с рекламы AdWords. При этом встроенная подмена телефонного номера от гугл не устраивает по различным соображениям.
Сделать это можно при помощи Google Tag Manager
Нам нужно определить содержимое параметра utm_source и если в нем google — то нужно заменить телефонные номера на сайте.
Сделаем переменную, которая будет получать значение параметра utm_source. Тип переменной — URL, тип компонента — Запрос
Сделаем еще одну переменную, которая будет меняться в зависимости от значение utm_source. Для этого используем таблицу подстановки:
Пока у нас всего два номера — один по умолчанию и второй для Google. Но если нам потребуется еще одна замена, например, для Директа, то достаточно добавить еще одно значение в таблицу.
Теперь сделаем триггер, который будет активироваться по готовности DOM страницы, если в utm_source что-то есть:
И по этому триггеру запускаем код, который и будет нам менять номер телефона на странице. Телефон указан на странице в двух местах. В качестве значения указываем имя нашей переменной — таблицы подстановки:
Для нужного элемента просто указываетм его CSS селектор:
Таким же способом можно менять заголовки, подставляя в них ключ или меняя их в зависимости от объявления.
Решение показано для лендинга. Если вам нужно менять номера на многостраничном сайте, то при посещении пользователя сохраните в куки параметры, и потом используйте данные из куки, а не из URL страницы.
Автор — Москалец Андрей
