April 22, 2020

Добавьте страницу со ссылками в свой Instagram-профиль

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

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

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

https://readymag.com/readymag/links/ в десктопной и мобильной версии

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

На основе нашего списка ссылок мы создали шаблон Link hub с шестью вариантами верстки — теперь его можете использовать и вы.

Дизайн

Вот несколько идей по работе над страницей со ссылками от Тани Егошиной, дизайнера Readymag.

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

На помощь придет дизайн. Я специально собрала проект так, чтобы одна из кнопок на первом экране была видна только частично. Так пользователь сразу поймет, что перед ним еще не все ссылки и можно пролистать ниже.

Выбирайте шрифт по вкусу — главное, чтобы он был читаемым. Мы используем Graphik кегля 28 и для десктопа, и для мобильной версии».

Аналитика

Если ваш личный сайт или портфолио сделаны на Readymag, мы советуем разместить страницу со ссылками на том же домене — так проще работать с аналитикой. В платные планы R/m включена возможность интеграции инструментов аналитики — Google Analytics, «Яндекс.Метрики» и других. С их помощью вы можете настроить уникальный идентификатор для всего проекта и смотреть, как пользователи взаимодействуют с отдельными страницами или с проектом целиком. 

Например, большая часть ссылок в нашем списке — Stories, R/masters, Explore, Sandbox, Educational discounts, Affiliate — находятся на поддоменах readymag.com. На всех кнопках на странице ссылок стоят UTM-метки — так мы видим число переходов на каждый проект и среднее время, которое пользователи проводят в проектах после перехода.

Кроме того, вы можете анализировать качество всего списка сразу. Например, если вы пользуетесь Google Analytics, перейдите во вкладку Источники трафика > Кампании. Вы увидите общее число переходов и другие метрики, говорящие о поведении пользователей: число отказов (bounce rate), число страниц на сессию, среднюю длину сессии.

Если ваши ссылки ведут на внешние ресурсы (например, на YouTube-канал или на аккаунты в соцсетях), вы можете следить за переходами с помощью UTM-меток. Для этого зайдите во вкладку Поведение > Обзор > Категория событий: Project Actions > Действие по событию: External Link.

Теперь вы знаете, как сделать собственную страницу со списком ссылок в Instagram. Не бойтесь экспериментировать и присылайте нам ссылки на свои проекты!

****

Прочитать оригинал этого материала на английском можно здесь.

Создать свой первый проект на Readymag бесплатно — здесь.