Еще одна статья про увеличение конверсии

07.10.2017 23.02.2018 9 минут

Наверняка, если вы в теме, то уже читали немало статей на эту тему. Я только что открыл гугл и ввел запрос: “приемы для увеличения конверсии лендинга”. Открыл и просмотрел все ссылки с первых двух страниц выдачи. Везде одни и те же советы:

Советы безусловно полезные, но я хочу зайти немного с другой стороны и рассказать о некоторых (возможно не совсем честных) технических приемах из арсенала арбитражников. Каждый прием я сопровожу примером, кодом и объяснением где и как использовать. Поехали…

1. Автоматическая подстановка текущей даты посетителя

Тривиальный прием, но тем не менее ему есть применение.

> Пример
> Исходник

Прием чаще используют на транзитных страницах (они же прелендинги или прокладки). Прелендинг - это веб-страница, внешне имитирующая популярный новостной ресурс, журнал или блог известного (или нет) человека.
Пример 1 - http://shopmaybay.ru/spotcleaner-nn-p2/
Пример 2 - http://shopmaybay.ru/spotcleaner-nn-p1/

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

Задача прелендинга - подогреть или возбудить интерес посетителя к рекламируемому (чаще всего в тизерных сетях) товару какой-нибудь убедительной историей и заставить его перейти на лендинг.

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

На лендинге же можно попробовать подставлять дату в отзывы.

2. Автоматическая подстановка месторасположения посетителя

Этот хак похож на первый. Вместо текущей даты подставляем город.

> Пример
> Исходник

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

3. Уведомление о быстрой доставке

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

Уведомление о быстрой доставке

Уведомление о быстрой доставке

> Пример
> Исходник

4. Панель с информацией о количестве посетителей и покупок

Убеждаем потенциального клиента в том, что сайт у нас популярный, люди ему верят, приходят, заказывают. Вот так эта панель выглядит на лендингах партнерских программ:

Панель с количеством посетителей и заказов

Панель с количеством посетителей и заказов

Если обновить страницу, то цифры меняются:

Панель с количеством посетителей и заказов после обновления страницы

Панель с количеством посетителей и заказов после обновления страницы

На сайт за пару секунд пришло сразу 822 человека, но из них сейчас онлайн только 111 и при всём при этом, количество заказов за день уменьшилось на 32. Не очень-то убедительно, согласны?

Я сделал цифры немного более реальными. Количество посетителей привязано ко времени суток и рассчитывается исходя из показателя среднего количества новых пользователей в минуту. Этот показатель, в свою очередь, меняется изо дня в день. Например, сегодня он равен 1.2, завтра 1.4, через пару дней 1.8, затем 1.6 и т.д.

Количество заказов зависит от количества посетителей и средней конверсии, которая тоже меняется с каждым днем.

var now = new Date();
var day = now.getDate();
var visitorsPerMinute = ((day % 4) + 6) / 5;
var conversionRate = ((day % 3) + 5) / 100;

Ну и для вычисления количества посетителей онлайн тоже используется немного математики. Суть - цифры в панели выглядят правдоподобно, зависят друг от друга, меняются с течением времени и не скачут между обновлениями страницы.

> Пример
> Исходник

5. Уведомления о новых заказах

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

Вот так это уведомление выглядит в партнерках:

Фальшивое уведомление о заказе

Фальшивое уведомление о заказе

Задумка интересная, но у реализации есть некоторые минусы:

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

Я сейчас пишу эти строки, находясь в Минске и вот как в итоге у меня выглядит уведомление:

Еще одно фальшивое уведомление о заказе

Еще одно фальшивое уведомление о заказе

> Пример
> Исходник

При желании можно развить идею: рядом с ценой писать количество товара, якобы оставшегося на складе и при каждом появлении уведомления уменьшать это количество, создавая эффект дефицита.

6. Промокоды

Идея в том, чтобы в рекламных материалах (например постах в соцсетях) или на прелендингах использовать такой посыл: “Девочки, у меня есть промокод на скидку 100500% в этом магазине. Действует до завтра. Заходите, вводите, покупайте за копейки”.

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

> Пример
> Исходник

Разумно будет сделать под такую рекламу отдельный от основного лендинг.

7. Exit Intent Popup

Вещь, уже ставшая стандартной. Всплывающее окно при перемещении курсора за пределы экрана.

> Пример
> Исходник

8. Переназначение кнопки Назад

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

При нажатии на кнопку Назад пользователь перейдет не на страницу, на которой был до того как перешел к вам на сайт, а на нужный вам URL. Например, в качестве такого URL можно указать вашу партнерскую ссылку на какой-нибудь смежный продукт.

> Пример
> Исходник

9. Подмена страницы при клике по ссылке

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

> Пример
> Исходник

Практика

Давайте применим полученные знания на практике.

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

Заходим на fl.ru , в поиске вбиваем “скопировать” и открываем один из многих заказов на копирование (или всё же воровство?) сайта:

Заказ на копирование лендинга на fl.ru

Заказ на копирование лендинга на fl.ru

Забавно, но скачав wget’ом этот лендинг и заглянув в код я увидел следующую строку:

<!-- Mirrored from funvezun.ru/city-bag/1/assets/fonts/opensansbold-webfont.htm by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 18 Aug 2017 12:32:02 GMT -->

То есть, лендинг был скопирован с вот этого: http://funvezun.ru/city-bag/1

Как я и говорил, это нормальная ситуация =)

Я решил не подделывать подделку, а обратиться к оригиналу. Скачал сайт, удалил с него все счетчики посещаемости, все скрипты, отключил jQuery (он нам не понадобится), добавил favicon. Подключил некоторые из вышеописанных хаков:

Кроме этого, добавил простую защиту от ботов с помощью скрытого поля формы заказа. Это поле будут видеть только боты, соответственно, если на бэкенд пришла заявка с заполненным скрытым полем, бэкенд считает что это бот не обрабатывает заявку.

Код обработки форм здесь.

> Читайте также: Отправка форм на почту и в Telegram

Также, я недавно наткнулся на интересную и полезную штуку - систему управления статическим сайтом Textolite. Позволяет редактировать текст и картинки на лендинге прямо из браузера в визуальном редакторе. А переключив Textolite в режим просмотра html, можно править и код.

Правка лендинга в Textolite

Правка лендинга в Textolite

Скопированный сайт можно посмотреть тут.
А здесь его исходник.

Имейте в виду, что отправка форм в примере не работает, для нее нужен php хостинг.

Чтобы не пропустить следующий пост на тему лендингов, автоматизации, оптимизации конверсии подпишитесь на обновления блога.

Please share

Читайте также

Подпишитесь на обновления блога в Vk и/или в Telegram