Лайфхак от Ringostat: как повысить конверсию с помощью Google Tag Manager

Andriy Fedotov
12.05.20162 276 16
1 Star2 Stars3 Stars4 Stars5 Stars (4 votes, average: 5,00 out of 5)
Loading ... Loading ...
A A A

Первое, что видит посетитель сайта — это заголовок, который либо мотивирует его ознакомиться с содержанием, либо закрыть и продолжить поиски. Ringostat предлагает простой лайфхак, как автоматизировать подбор наиболее релевантного заглавия страницы с использованием Google Tag Manager (GTM).

Untitled design (1)

В сети полно готовых решений по динамической подмене заголовка в зависимости от рекламного объявления в Google Adwords или Яндекс.Директ. Однако, либо это технические сложные способы, либо за них нужно вносить дополнительную плату. Специалисты Ringostat разработали простой и понятный инструмент по работе с заголовками H1, который поможет решить эту задачу.

Для этого необходимо выполнить 5 простых шагов в GTM, подробно описанных в нашем блоге на Мегамозге.

65851ec322f972567215636a1498f93b

Суть подхода заключается в том, что мы подменяем H1 на странице благодаря параметрам в URL страницы. Этот инструмент позволяет менять разные элементы на лендинге (изменения производятся при помощи библиотеки jQuery через GTM). Основная задача — персонализация показов страницы для разных целевых групп из контекстной рекламы.

Почему это важно?

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

Первое, что бросается в глаза, помимо дизайна и картинок, — заголовок лендинга. Если человек находит в нем то, что ищет, — есть шанс успешного заключения сделки. С помощью данного метода можно значительно повысить время посещения ваших лендингов и, соответственно, добиться роста продаж.

Читайте также: Как в кризис выжать максимум из имеющихся ресурсов

Если вы нашли ошибку - выделите её и нажмите Ctrl + Enter или .

  • Александр Качков

    Все хорошо.
    Только какой код нужно вставлять на самом сайте. Подскажите пожалуйста. А так статья классная. Хочется попробовать на своих проектах.

    • https://ringostat.com/ Максименюк Александр

      Начало статьи предполагает, что вы уже используете Google Tag Manager, так что ничего больше в код сайта вносить не нужно.

      • Александр Качков

        Каким образом тогда будет менять текст в нужном мне месте?
        Меня вот этот вопрос волнует. Я не программист. Поэтому и возникли трудности.
        Или он просто находит текст заключенный в h1 и меняет его автоматически?

        • https://ringostat.com/ Максименюк Александр

          Так и есть, в данном конкретном примере он находит текст заключенный в H1 и меняет его.

          • Александр Качков

            Максим сделал все как в статье. Мне выдает вот такую ошибку.
            Что это значит и что нужно исправить?

          • https://ringostat.com/ Максименюк Александр

            Я не Максим.

            Ошибка означает, что вы использовали кавычки, вместо правильных. Это вылезло при публикации: http://img.ringostat.com/lunaxod/F628BZ.jpg нужно заменить на обычные кавычки » , вместо « и »

            В статье исправил.

          • Александр Качков

            Александр, простите. Прочитал бегом. Зацепился взгляд за вашу фамилию)))
            Еще раз прошу прощения.

          • Александр Качков

            Александр, есть еще вопрос.
            Может динамическая подмена заголовка реализованная таким образом как то повлиять на поисковое продвижение (особенно интересуют возможные санкции со стороны Google)

          • Oleksandr_Maksymeniuk

            Не может.

  • Александр Качков

    У меня еще такой вопрос. Можно ли настроить таким образом подмену картинок?
    Если да, то каким образом.
    Спасибо.

    • https://ringostat.com/ Максименюк Александр

      Можно.

      В Lookup Table вы забиваете url новых картинок. Допустим назовем ее newImg.

      А в html тег добавляем:

      $(‘%Тут path картинки, которую нужно заменить%’).attr( ‘src’, {{newImg}})

      В идеале, чтобы у изначальной картинки был проставлен id, тогда path будет #id, если нет, то path прописать тоже можно, но сложнее.

      • Александр Качков

        Александр, правильно ли я понимаю что вы говорит про код на сайте или тег?
        «А в html тег добавляем:

        $(‘%Тут path картинки, которую нужно заменить%’).attr( ‘src’, {{newImg}})»

        • https://ringostat.com/ Максименюк Александр

          Я говорю про TAG в GTM, о том который мы создаем на шаге 4. Лезть в код сайта вообще нигде не надо:)

          • Александр Качков

            Спасибо, я потом так и подумал.
            Спасибо большое.
            Мировая статья получилась.
            Не знаю почему так мало комментариев. Для специалистов по контексту очень нужна вещь.

          • https://ringostat.com/ Максименюк Александр

            Спасибо! Как будет кейс использования, буду признателен, если поделитесь результатами!

          • Александр Качков

            Обязательно поделесь