Категории

Подпишись
на новые статьи

Просто введи свой e-mail:

Подмена номера телефона на сайте через GTM

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

Сделать это можно при помощи Google Tag Manager

Нам нужно определить содержимое параметра utm_source и если в нем google — то нужно заменить телефонные номера на сайте.

Сделаем переменную, которая будет получать значение параметра utm_source. Тип переменной — URL, тип компонента — Запрос


 

Сделаем еще одну переменную, которая будет меняться в зависимости от значение utm_source. Для этого используем таблицу подстановки:

 

Пока у нас всего два номера — один по умолчанию и второй для Google. Но если нам потребуется еще одна замена, например, для Директа, то достаточно добавить еще одно значение в таблицу.

 

Теперь сделаем триггер, который будет активироваться по готовности DOM страницы, если в utm_source что-то есть:

 

 

И по этому триггеру запускаем код, который и будет нам менять номер телефона на странице. Телефон указан на странице в двух местах. В качестве значения указываем имя нашей переменной - таблицы подстановки:

Для нужного элемента просто указываетм его CSS селектор:

 

Таким же способом можно менять заголовки, подставляя в них ключ или меняя их в зависимости от объявления.

Решение показано для лендинга. Если вам нужно менять номера на многостраничном сайте, то при посещении пользователя сохраните в куки параметры, и потом используйте данные из куки, а не из URL страницы.

Автор: Дата создания:

Комментарии (3)

  1. Sergey:
    янв 14, 2018 at 04:52

    Андрей, приветствую.
    Благодарю за полезную статью, расскажите пожалуйста подробнее про сохранение данных в купи.
    Если есть возможность с примерами.
    Заранее благодареню

    Ответить

  2. admin:
    фев 01, 2018 at 06:37

    Например, создаем скрипт, который проверяет наши переменные, на наличие в них данных, и если там что-то есть, то сохраняет в куки. Этот тег должен запускаться перед скриптом в теге auto change phone.
    Так же создаем переменную типа основной файл куки и её используем в таблице подстановки. Куку храним на время сессии.
    Можно сделать все сразу на javascript, но через переменные проще потом менять все.
    Если нужно уже с техническими решениями - то это тема отдельной статьи

    Ответить

  3. Евгений:
    окт 10, 2019 at 12:05

    Добрый день! Спасибо за статью. Вопрос: какой параметр использовать если нужно настроить подмену для тех кто приходит с поиска, например, с яндекса? Там utm нет.

    Ответить







Разрешённые теги: <b><i><br>Добавить новый комментарий: