Тестирование производительности пользовательской боковой панели WordPress

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

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

Добавление пользовательской боковой панели к сообщениям блога

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

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

Первая версия фиксированной плавающей боковой панели этого типа — та, которую вы видите слева от содержимого на следующем снимке экрана:

В эту панель мы включили ссылку на видео Nelio Content (при нажатии на которое открывается модальное наложение для его просмотра), а также кнопку, которая приведет вас на страницу плагина. Ниже мы добавим заголовок вместе с изображением, связанным с A/B-тестированием, и кнопкой действия, которая приведет вас на главную страницу Nelio A/B Testing. Наконец, у нас есть 4 значка, чтобы поделиться публикацией в социальных сетях.

Боковая панель появляется, когда вы начинаете прокручивать содержимое, и всегда находится под заголовком, который представляет собой место, зарезервированное для заголовка сообщения и избранного изображения. Кроме того, он остается фиксированным, когда вы продолжаете опускаться. И если в посте есть более широкие изображения, оно всегда появляется над ними (z-индекс в CSS вам в помощь). Идея в том, что он как можно меньше беспокоит, но свою работу выполняет.

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

Лучшим решением было бы создать область виджетов и добавить содержимое, о котором я упоминал ранее, в качестве виджетов, но, поскольку идея состоит в том, чтобы просто проверить, работает ли панель, мы выбрали быстрое решение, отредактировав PHP шаблона. напрямую. Лучше сделано, чем идеально!

Когда новый шаблон готов, нам просто нужно провести A/B-тестирование шаблонов с помощью Nelio A/B Testing (вы можете скачать его бесплатно отсюда), чтобы проверить, работает ли боковая панель. Вы можете увидеть определение теста на следующем снимке экрана:

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

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

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

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

Анализ результатов теста

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

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

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

Что довольно удивительно, так это клики по значкам для публикации в социальных сетях. Проанализировав более 11 тысяч посетителей, только 3 из них нажали на эти иконки, как вы можете видеть ниже:

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

Выводы

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

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

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

Не забудьте оставить свое мнение в комментариях. Делитесь ли вы интересным контентом в своих профилях в социальных сетях? Как ты делаешь это?

Избранное изображение Ника Фьюингса на Unsplash .