HotJar + Convert: пошаговое руководство по полной оптимизации воронки.

Опубликовано: 2020-05-18
HotJar + Convert: пошаговое руководство по полной оптимизации воронки.

CRO фильмы с участием HotJar & Convert

Так что точно: это не новые Мстители.

И мы не будем притворяться, что это ДОВОЛЬНО так интересно.

Но… «фильмы» HotJar (потенциально) важнее.

Почему?

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

А когда вы добавите Convert Experiences в смесь, у вас появится возможность конвертировать идеи HotJar со всех этапов вашей воронки в тестовые варианты.

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

Интеграция Convert Experience с Hotjar

Интеграция Hotjar с Convert Experiences позволяет активировать все функции Hotjar в вашей учетной записи Convert Experiences.

Настроить интеграцию:

Для интеграции двух платформ:

  1. Добавьте код отслеживания Convert Experiences на свой веб-сайт
  2. Добавьте код отслеживания Hotjar на свой веб-сайт
  3. Включите интеграцию Hotjar на экране «Сводка опыта» (в разделе «Настройки»).
    (Подробнее читайте полную пошаговую инструкцию здесь).

Проверить интеграцию

Когда установка будет готова, проверьте настройку, установив Convert Chrome Debugger:

Конвертировать отладчик Chrome:

Какие данные используются?

После включения интеграции каждая запись в вашей учетной записи Hotjar будет помечена следующим образом: «Конвертировать: AAA — BBB», где:

  • AAA — название эксперимента, ограниченное первыми 20 символами, или идентификатор эксперимента, указанный в вашей учетной записи Convert, в зависимости от того, включена ли у вас анонимизация данных или нет;
  • BBB — имя варианта, ограниченное первыми 20 символами, или идентификатор варианта, указанный в вашей учетной записи Convert, в зависимости от того, включена ли у вас анонимизация данных или нет;

В своей учетной записи Hotjar вы можете фильтровать записи на основе определенной пары «Эксперимент — Вариант», чтобы анализировать поведение посетителей при показе определенного варианта:

Аккаунт Hotjar

Что дальше?

Как только вы запустите Convert with Hotjar, что дальше?

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

  • Сколько посетителей получает ваш сайт
  • Как долго ваши посетители задерживаются
  • Из какого они штата (или страны)
  • Какие устройства (мобильные, настольные, планшеты) используют ваши посетители
  • Из какой кампании они попадают в ваш магазин
  • Если изображение вашего продукта действительно привлекательно.
  • Если магазин вдохновляет посетителя на действие.
  • Если позиционирование товара на странице неудобно для покупателя.
  • Если им приходится прокручивать страницу слишком далеко, чтобы добраться до продукта.
  • Являетесь ли вы эффективным, четким ценностным предложением и призывом к действию?

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

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

[PS: В связи с этим посетите наш вебинар по работе с малыми данными. Мы освещаем процесс поиска и использования «мелочей» для получения большого эффекта]
<<Код для вставки>>

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

Предотвратите брошенную корзину с помощью записи посетителей

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

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

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

  • Как долго люди остаются на странице вашего продукта?
  • Как быстро люди прокручивают? Они бегло просматривают или читают внимательно?
  • Посетителей что-то отвлекает?
  • Что привлекает внимание посетителей? Что их интересует больше всего?
  • Что заставляет их щелкнуть мышью от своей корзины?
  • Что еще может повредить вашему коэффициенту конверсии?

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

Пример в магазине Shopify

Давайте представим, что у вас есть магазин Shopify и вы хотите изменить страницу оформления заказа. Вы устанавливаете код отслеживания Convert на странице оформления заказа Shopify, следуя приведенным здесь инструкциям, и создаете опыт A/B в Convert. Вариант имеет дополнительные баннеры на странице оформления заказа с символами доверия и бесплатной доставкой (эй! Эксперты говорят, что они работают).

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

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

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

Вы удаляете баннеры и адаптируете интерфейс Convert A/B, чтобы увеличить количество покупок. И вы узнаете, что в будущем, если вы хотите, чтобы ваша аудитория действовала, отдайте предпочтение минимизации отвлекающих факторов, а не добавлению усилителей доверия.

Поймите, почему посетители уходят

С опросами клиентов и опросами

Еще одна полезная функция Hotjar — инструмент обратной связи, и вы увидите его слева.

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

Функция Hotjar — это инструмент обратной связи

Вы можете использовать эти функции в момент максимальных отказов и узнать, почему посетители уходят, не предпринимая дальнейших действий. Полученные комментарии будут поддерживать количественные данные, которые вы собрали в Convert Experiences. Вот как включить опросы в интерфейсе или персонализации Convert A/B.

С воронками

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

HotJar предлагает отличную функцию, называемую воронками.

Проведите тест устройства с тепловыми картами

Страницы вашего сайта выглядят по-разному на разных устройствах и экранах разного размера.

С ростом популярности очень больших экранов, нетбуков, планшетов и телефонов; Обеспечение оптимального взаимодействия с гаджетами — непростая задача.

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

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

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

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

отчеты о тепловой карте

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

Совет : HotJar также предлагает 7 дополнительных тестов тепловой карты.

Улучшите свои целевые страницы

Оптимизация целевой страницы (LPO) является важной частью любого CRO-драйва.

И интеграция Convert Experiences/HotJar здесь творит чудеса.

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

Давайте представим, что у вас есть целевая страница, и вы хотите ее оптимизировать. Вы устанавливаете код отслеживания Convert на целевой странице и создаете опыт Convert A/B. Изменения, которые вы делаете, — это дополнительные социальные кнопки в нижнем колонтитуле.

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

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

Вы перемещаете значки социальных сетей в заголовок и адаптируете интерфейс Convert A/B для заметного положительного влияния на конверсию. Взгляды важных людей.

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

Теперь вы можете профилировать членов вашего целевого сегмента и просто предложить подарок в обмен на их услуги.

Вы также можете создать тест Convert Split URL, чтобы узнать, что конвертирует лучше: функция рекрутеров или функция опроса.

Преобразование теста разделения URL

Просто добавьте эту функцию Hotjar в свою программу Convert, и вы начнете собирать отзывы.

Обнаружение точек путаницы пользовательского интерфейса:

Как говорит инспектор:

«Rage Clicks идентифицирует моменты разочарования пользователей, обычно вызванные чрезмерным нажатием на области без каких-либо изменений пользовательского интерфейса. Общие точки гнева пользователей включают нажатие на неработающие ссылки (текст, который выглядит как ссылка, но не является таковым), нажатие на изображения в надежде увеличить их (безуспешно) и другие моменты путаницы в пользовательском интерфейсе».

В панели инструментов Hotjar перейдите к записям сеансов. Отфильтруйте по URL-адресу страницы, которую вы хотите исследовать. Затем примените фильтр кликов ярости. Все готово для просмотра и анализа записей клиентов, которые яростно нажимали на любую страницу вашего веб-сайта. Анализ записей должен указать вам правильное направление, чтобы исправить элементы пользовательского интерфейса, которые расстраивают ваших посетителей.

Увеличьте количество отправленных форм

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

Сначала используйте Convert Multivariate Experience для разработки форм с многочисленными настройками или изменениями элементов.

Преобразование многовариантного опыта

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

Наконец, примените A/B-тестирование к оставшимся полям и сузьте форму до того, что действительно важно для посетителей.

Проблемы конфиденциальности, особенно связанные с GDPR?

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

Но как насчет конфиденциальности пользователей?

Новый закон о конфиденциальности данных, GDPR, делает запись пользовательских сессий немного жуткой. Можно ли это считать нарушением конфиденциальности? Нет, потому что Hotjar не собирает личную информацию об отдельных пользователях, такую ​​как IP-адрес. Вместо этого они присваивают уникальный идентификационный номер пользователя, чтобы различать записи сеансов. Кроме того, Hotjar автоматически определяет поля ввода для конфиденциальной информации, такой как пароли и номера кредитных карт, и не записывает нажатия клавиш. Вы также можете вручную замаскировать определенные поля ввода и текст в настройках Hotjar.

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

Вот почему у нас есть глубокая интеграция с таким инструментом, как HotJar, который буквально рисует CRO-картинку на миллион кликов — без нарушения прав пользователя.

Если вы хотите увидеть это партнерство в действии, просто подпишитесь на бесплатную пробную версию Convert Experiences.

КОНВЕРТИРОВАТЬ + HOTJAR В ПРОБНОЙ ВЕРСИИ