Как увеличить конверсию продающей страницы на 30%
Практичный лайфхак от Ringostat, как, используя Google Tag Manager, улучшить конверсию лендинга благодаря автоматическому подбору самого подходящего заголовка H1.
Лендинги создаются с целью генерации лидов и увеличения конверсии. Ошибки, допускаемые в процессе создания лендинга, могут привести к снижению уровня конверсии и падению прибыли. Рассмотрим, какими должны быть основные элементы лендинга, какие допускаются ошибки и как их решать.
Люди хотят, чтобы вы предлагали им то, что они ищут. Если ваш посыл слабый и непонятный, посетитель нажмет кнопку «Назад» или просто закроет ваш сайт. По словам исследователя Эда Чи, «людей, ищущих информацию в интернете, можно сравнить с хищниками, идущими по следу добычи». Кликая по ссылке, мы используем информационный след, чтобы понять, соответствует ли выбранная ссылка нашим целям. В этом нам помогают подсказки: изображение, контекст, цвета и пр.
Распространенная проблема лендингов — заголовок не стимулирует совершить покупку
У хорошего лендинга должен быть хороший заголовок.
- Пишите простые, короткие заголовки
Не тратьте время посетителя. Объясните ему одним коротким предложением, что он может получить прямо сейчас на вашем сайте. - Дизайн должен привлекать внимание
Используйте большой шрифт и размещайте заголовки на видном месте. - Используйте релевантные фразы
Желательно, чтобы заголовок содержал фразу, по которой будет транслироваться контекстная реклама.
Я ввел в Google фразу: «купить bluetooth наушники» и открыл несколько страниц из контекстной рекламы.
Эта страница не релевантна запросу. Ее заголовок не содержит ключевой фразы «bluetooth наушники». Однако она рекламируется по этому запросу.
Решение: Необходимо либо поменять ключевой запрос, по которому будет транслироваться реклама, либо добавить его в заголовок страницы, либо настроить подмену заголовка с помощью GTM.
Для лучших показателей рекламы нам необходимо поменять заголовок H1, в зависимости от ключевого слова, через которое пользователь нашел сайт. Есть много сервисов, которые это позволяют это сделать (например бесплатный, но сложный в использовании HTraffic Query или платный YAGLA), внедрить их не сложно, но почему бы не воспользоваться GTM? Мы поменяем H1 на странице благодаря параметрам в URL страницы. Такой подход позволяет подменять любой элемент на лендинге (изменения производятся при помощи библиотеки jQuery через GTM).
Основная задача изменения через URL — персонализация показов продающей страницы для разного трафика из контекстной рекламы. Более точное вхождение ключевых слов повышает конверсию кампаний по продвижению.
Автоматизация подмены текста на лендинге для разных рекламных объявлений без использования специальных платных сервисов позволяет повысить конверсию без дополнительных маркетинговых трат.
Другой вариант — создавать несколько лендингов и менять заголовки на уровне кода, но это время программиста, дизайнера, верстальщика. Все зависит от того, насколько долгосрочная кампания, какой вес конвертируемых лидов в объеме продаж и т.д.
Шаг №1. Получаем значение необходимого нам GET параметра в качестве переменной GTM. Для примера мы будем получать значение параметра «param», для этого создаем переменную типа «Custom JavaSript» c именем UrlParams
function () {
var query_string = {};
var query = window.location.search.substring (1);
var vars = query.split (»&»);
for (var i=0; i
// If first entry with this name
if (typeof query_string[pair[0]] === «undefined») {
query_string[pair[0]] = decodeURIComponent (pair[1]);
// If second entry with this name
} else if (typeof query_string[pair[0]] === «string») {
var arr = [ query_string[pair[0]], decodeURIComponent (pair[1]) ];
query_string[pair[0]] = arr;
// If third or later entry with this name
} else {
query_string[pair[0]].push (decodeURIComponent (pair[1]));
}
}
return query_string['param'];
}
Как можно увидеть в последней строчке, мы уточнили какой параметр («param») мы собираемся использовать (возможно вы предпочтете использовать «utm_term» или «utm_content»).
Шаг №2. Получаем переменную, в которой будет наше новое значение для тега H1 исходя из значения полученного в первом шаге, для этого, создаем переменную типа «Lookup Table» и назовем ее DynamicH1.
В качестве исходной переменной вставляем переменную {{UrlParams}} или как вы ее назвали на шаге 1. И уточняем значение контента, который будем использовать для вашего лендинга в качестве H1.
Шаг 3. Определяем условие для подмены H1, для этого создаем триггер DynamicH1.
Тип триггера Page View, условие, что DynamicH1 не равен undefined.
Шаг №4. Вывод результата на странице. Создаем тег типа «кастомный HTML» с контентом
Если на сайте уже подключена библиотека jQuery, то:
Если jQuery не используется на сайте, то нужно подключить и его:
Условие активации DynamicH1.
Шаг 5. Опубликуйте и проверьте.
example.com/? param=example
Подмену H1 вы можете увидеть на сайте нашего сервиса
ringostat.com/? param=call_tracking
ringostat.com
Также легко можно изменить любой статический блок на вашей странице с помощью GTM.
Сервис Fiverr.com проводил А/В тестирование, в котором заголовок «Профессиональные дизайнеры логотипов» и подзаголовок «Изготовленный на заказ логотип по цене от $5» изменили на заголовок «Нужен новый логотип?», и подзаголовок «Получи его сейчас на Fiverr. В срок, в соответствии с бюджетом, без лишних действий». В результате, конверсия выросла на 29,81%.
После этого компания провела еще один сплит-тест. На этот раз был изменен только подзаголовок на «Изготовленный по вашему дизайну логотип всего в 3 кликах от Вас». Конверсия увеличилась на 15,41%.
Таким образом, использование простого алгоритма по автоматизации подмены заголовка на продающей странице способно принести до 30% роста конверсии из рекламных кампаний. Это значительная сумма без серьезных потребностей в инвестиции и покупки дорогостоящих программ.
Для корректного подсчета конверсии с лендинга необходимо опираться не только на транзакции, пришедшие через регистрационную форму, но также и через поступившие звонки. Для этого достаточно использовать сервисы аналитки звонков. Без учета всех потенциальных каналов конверсии, включая звонки, значительные изменения в конверсии могут пройти незамеченными для маркетологов.
Узнайте больше о call tracking на блоге Ringostat.
© Megamozg
