Сторінка link-in-bio — це один із найпростіших елементів веб-інфраструктури, необхідний автору чи малому бізнесу. Єдиний URL, вертикальний список цільових посилань, чиста візуальна ідентичність. Вона існує тому, що соціальні платформи дозволяють лише одне клікабельне посилання в полі біо — і ваше завдання вирішити, як його використати.

Цей туторіал допоможе вам створити таку сторінку за п'ять хвилин за допомогою біо-сторінок Elido. Кінцевий результат: робоча сторінка біо на вашому власному домені, з аналітикою, без сторонніх iframe та з розгортанням, яке ви контролюєте самі. Це важливо, оскільки більшість інструментів для створення біо-сторінок спрямовують трафік через власну інфраструктуру, а це означає, що ваш брендований URL врешті-решт виглядає як linktr.ee/your-name, незалежно від того, який домен ви хотіли використати.

Якщо вам потрібне теоретичне підґрунтя — навіщо існують сторінки біо та які є компроміси в дизайні — стаття сторінки біо для авторів детально описує стратегію. Цей же допис є практичним посібником.

Перед початком#

Вам знадобляться три речі:

Акаунт Elido. Безкоштовного тарифу достатньо для однієї сторінки біо; тариф Pro додає можливість використання власних доменів. Зареєструйтеся на /pricing.
Список посилань. Оптимально — від трьох до семи посилань; якщо їх більше десяти, відвідувачі починають просто прокручувати сторінку.
Опціонально: домен, який ви контролюєте. Якщо пропустити цей крок, сторінка біо буде доступна за адресою bio.elido.app/your-slug, що працює, але не сприяє впізнаваності бренду. Підключення власного домену займає дві хвилини, враховуючи час на оновлення DNS.

Це весь список вимог. Жодних інструментів збірки, акаунтів Vercel чи дизайнерських файлів.

Крок 1: відкрийте редактор біо#

Увійдіть у панель керування Elido. У навігації зліва є пункт Bio pages; натисніть на нього. У новому акаунті список сторінок буде порожнім. Натисніть Create page.

Відкриється редактор із двома панелями. Ліва панель: конфігурація — slug, тема, посилання, налаштування. Права панель: попередній перегляд у реальному часі того, як сторінка виглядатиме на мобільному пристрої.

Slug — це те, що йде після домену. Якщо ваш домен bio.your-name.com, а slug — links, опублікований URL буде bio.your-name.com/links. Ви також можете залишити slug порожнім, якщо хочете, щоб сторінка біо була в корені домену.

Встановіть slug. За замовчуванням видимість встановлена як "unlisted" — сторінку не зможуть знайти пошукові системи чи каталог Elido, доки ви не активуєте прапорець "public" у налаштуваннях.

Крок 2: додайте ваші посилання#

Кожне посилання складається з цільового URL та мітки (label). Натисніть Add link, вставте URL, введіть назву. Перетягуйте елементи, щоб змінити їхній порядок.

Мітки — це те, що бачать відвідувачі. Цільові адреси — це те, куди вони потрапляють після кліку. Найпоширеніша схема:

Поточна кампанія або реліз угорі.
Кілька постійних посилань — ваш магазин, розсилка, спільнота.
Останній контент — нове відео на YouTube, свіжий епізод подкасту або допис у блозі.

Для аудиторії Instagram порядок посилань має більше значення, ніж для відвідувачів веб-сайту. Люди переглядають сторінку біо на телефоні, на невеликому екрані, часто з відкритою клавіатурою. Перші два посилання отримують основну частку кліків; усе, що знаходиться "нижче згину" (below the fold), демонструє різкий спад активності.

Для кожного посилання можна додатково налаштувати:

Іконку — з вбудованого набору (shop, mail, youtube, linkedin, github, discord тощо) або завантажити власну.
Підзаголовок — короткий опис в один рядок, що відображається меншим шрифтом під міткою.
Мітку часу expires-at — корисно для запусків, обмежених у часі. Посилання автоматично приховається після закінчення терміну.
UTM parameters — додаються до цільового URL у момент кліку, щоб аналітика цільової платформи знала, що перехід відбувся зі сторінки біо.

Крок із UTM — це те, що точно варто зробити. Без UTM кожен клік на сторінці біо відображатиметься у вашій аналітиці як прямий трафік (direct traffic), і ви не зможете відокремити візити з біо від інших каналів. Встановивши utm_source=bio для всіх посилань, ви дозволите платформі аналітики коректно атрибутувати трафік.

Крок 3: оберіть тему#

Редактор біо пропонує чотири теми — Default, Mono, Bright, Custom — і кожну можна налаштувати за трьома параметрами: фон, колір тексту, стиль кнопок.

Тема Default використовує фіолетово-індиго градієнт Elido і є гарним вибором для тестування. Переключіться на Mono, коли визначитеся зі структурою; вона дає чорно-білу сторінку з одним акцентним кольором на ваш вибір. Bright — це висококонтрастна тема для яскравих брендів. Custom надає повний контроль над hex-кодами та змінними CSS.

Дві поради щодо дизайну, які актуальні для будь-якої теми:

Розмір аватара: зображення профілю у верхній частині сторінки має бути мінімум 400×400 пікселів. Менші зображення розтягуються і виглядають розмитими. Рендерер обрізає фото до кола і додає ледь помітну тінь.
Контраст фону: якщо ви встановлюєте власне фонове зображення, система накладає 50% затемнення, щоб текст залишався читабельним. Ви можете вимкнути це накладання, якщо ваше зображення вже має низький контраст, але за замовчуванням це забезпечує кращу читабельність на більшості телефонів.

Сторінка біо — це одне з тих місць, де налаштування темної теми користувача важать менше, ніж зазвичай. Більшість відвідувачів приходять з Instagram або TikTok, де сторінка відкривається у вбудованому браузері платформи, який відображає сторінку в тій колірній схемі, яку вважає за потрібне. Обирайте палітру, яка працює в обох режимах, замість того, щоб покладатися на media query.

Крок 4: підключіть власний домен#

Це крок, який робить сторінку біо саме вашою, а не частиною Elido.

У навігації панелі керування відкрийте Domains. Натисніть Add domain. Введіть потрібний домен — наприклад, bio.your-name.com. Панель покаже інструкцію DNS:

Record type: CNAME
Name:        bio.your-name.com
Value:       elido-bio.app
TTL:         300

Додайте цей запис у вашого DNS-провайдера. Cloudflare, Route53, NameCheap, OVH — інтерфейс у кожного свій, але сам запис однаковий. Рекомендоване значення TTL становить 300 секунд, щоб наступні зміни поширювалися швидше; ви зможете збільшити його пізніше, коли домен стане стабільним.

Протягом 60 секунд після активації запису панель Elido виявить CNAME, випустить TLS-сертифікат через Caddy's on-demand TLS (використовуючи Let's Encrypt як емітента) і позначить домен як Active. Оновлення відбувається автоматично. Стаття про TLS для власних доменів описує внутрішній механізм, якщо ви хочете зрозуміти, як це працює.

Коли домен стане активним, поверніться до вкладки налаштувань вашої сторінки біо та виберіть власний домен зі спадного списку. Опублікований URL миттєво зміниться на ваш брендований шлях.

Дві речі, які можуть піти не так:

DNS-провайдер видаляє CNAME на основному домені (apex). Якщо ви спробуєте спрямувати your-name.com (основний домен) на elido-bio.app, більшість провайдерів відхилять CNAME, оскільки специфікація DNS не дозволяє CNAME на рівні apex. Використовуйте ALIAS або ANAME замість цього або спрямуйте субдомен, наприклад bio.your-name.com. CNAME flattening у Cloudflare вирішує це автоматично; більшість інших провайдерів — ні.
Існуючий запис AAAA блокує CNAME. Якщо домен раніше вказував на інше місце з записами A та AAAA, видаліть їх перед додаванням CNAME. Записи CNAME не можуть співіснувати з записами A або AAAA для одного імені в DNS.

Якщо ви побачите помилку DNS у панелі керування, у повідомленні буде вказано конфлікт. Посібник із налаштування власних доменів для коротких посилань містить повний алгоритм вирішення проблем із DNS.

Крок 5: увімкніть аналітику#

Відкрийте вкладку налаштувань сторінки біо. Там є три перемикачі:

Track clicks — фіксує кожен клік по посиланню на сторінці. Увімкнено за замовчуванням. Подія кліку включає мітку посилання, цільовий URL, реферер, країну та тип пристрою (без повної IP-адреси — зберігається лише мережевий префікс згідно з вимогами GDPR).
Track views — фіксує завантаження сторінки. Вимкнено за замовчуванням; увімкніть, якщо хочете знати, скільки відвідувачів бачили сторінку, ні на що не натиснувши.
Forward conversions to platform pixels — надсилає події PageView та Click у налаштовані Meta CAPI, GA4 Measurement Protocol або TikTok Events API. Вимкнено за замовчуванням; налаштуйте облікові дані платформи в Settings > Conversion forwarding перед активацією.

Аналітика сторінки біо знаходиться поруч із вашою звичайною аналітикою посилань у панелі керування. Розподіл за категоріями (країна, реферер, пристрій, час доби) працює так само, як і для окремих посилань. Стаття про аналітику коротких посилань пояснює, на яких метриках варто зосередитися.

Для авторів із високим трафіком (понад 100 тисяч переглядів сторінок на місяць) аналітика біо масштабується автоматично — той самий конвеєр ClickHouse, що обробляє аналітику звичайних посилань, обробляє і події кліків у біо без семплювання.

Крок 6: опублікуйте та додайте URL у своє біо#

У верхньому правому куті редактора статус сторінки спочатку вказано як Draft. Натисніть Publish, щоб зробити її доступною.

Сторінка відкриється за вашим URL — bio.your-name.com/your-slug, якщо ви налаштували власний домен, або bio.elido.app/your-slug, якщо пропустили цей крок. Відкрийте її в режимі інкогніто, щоб побачити те, що побачать відвідувачі.

Оновіть біо у соціальних мережах:

Instagram: поле Edit profile > Website.
TikTok: поле Edit profile > Website. (TikTok дозволяє лише один URL у цьому полі.)
X/Twitter: поле Edit profile > Website.
LinkedIn: Edit intro > Website (під контактною інформацією на сторінках компаній).
YouTube: Customise channel > Basic info > Links.

Час оновлення посилання в Instagram зазвичай становить менше хвилини. У TikTok затримка появи посилання іноді може тривати кілька годин залежно від регіону акаунта.

Що робити після публікації#

П'ять кроків у порядку їхньої важливості:

Додайте UTM parameters до кожного посилання в редакторі. Це найкорисніший крок після запуску. Встановіть utm_source=bio для кожного посилання; змінюйте utm_medium залежно від платформи (utm_medium=instagram, utm_medium=tiktok), якщо ви використовуєте окремі сторінки біо для різних соцмереж.

Зачекайте 48 годин, а потім перевірте теплову карту (heatmap). Дашборд аналітики біо показує теплову карту за часом доби. Більшість авторів бачать чіткі піки ввечері (після роботи чи навчання). Якщо ваша аудиторія активна у певний проміжок часу, планування контенту за годину до цього піку покращить трафік на сторінку біо.

Запустіть A/B тест для верхнього посилання. Elido підтримує два варіанти цільових сторінок для одного посилання, розподілених за випадковою вагою. Використовуйте це для верхнього — найпопулярнішого — посилання, щоб перевірити, яка сторінка краще конвертує. Стаття про A/B тестування лендингів описує механіку процесу.

Налаштуйте передачу конверсій. Якщо ваше верхнє посилання веде до магазину або форми реєстрації, налаштування Meta CAPI або серверного відстеження GA4 дозволить правильно атрибутувати клік у вашій воронці платного залучення. Стаття про серверне відстеження конверсій описує повну інтеграцію. Без цього трафік із біо відображатиметься як прямий у ваших звітах і його неможливо буде порівняти з платними каналами.

Підпишіться на події через webhook. Якщо у вас є зовнішня система — канал у Slack, список у Customer.io або внутрішня база даних аналітики — ви можете підписатися на події bio.click для отримання даних у реальному часі. Налаштуйте це в /settings/webhooks та перевірте підписи згідно з інструкцією з інтеграції вебхуків.

Поширені проблеми#

Мобільний браузер Instagram агресивно кешує дані. Відвідувач, який натиснув на ваше посилання в біо, перейшов на цільову сторінку, а потім повернувся до біо через кілька хвилин, може побачити закешовану версію сторінки замість актуального стану. Це не проблема Elido — це особливість кешування WebView в Instagram. Використовуйте заголовок Cache-Control: no-store на цільовій сторінці, якщо свіжість даних критична; сама сторінка біо не кешується.

TikTok видаляє заголовки реферерів. Клік із вбудованого браузера TikTok надходить на вашу цільову сторінку з порожнім реферером: referrer: "". В аналітиці сторінки біо такі кліки відображатимуться як "Direct". Це особливість платформи, а не помилка аналітики. Ви можете ідентифікувати трафік із TikTok за рядком user-agent, якщо вам потрібно сегментувати дані за платформами.

Посилання кампанії, термін дії якої закінчився, зникає зі сторінки. Якщо ви встановили expires_at для посилання, воно припинить відображатися після настання вказаного часу. Відвідувачі, які додали сторінку в закладки, бачитимуть на одне посилання менше — це очікувана поведінка для обмежених у часі запусків, але вона може здивувати авторів, які забули про встановлений термін.

Зміни DNS для власного домену можуть тривати довше 60 секунд. 60 секунд — це типовий показник; деякі DNS-провайдери кешують дані дуже довго, і поширення записів може тривати до 24 годин до моменту випуску сертифіката. Якщо панель керування показує статус "Pending TLS" понад годину, перевірте розділ вирішення проблем із DNS у документації.

Що ще почитати#

Сторінки біо для авторів: що розмістити на першому екрані — стратегічна стаття про наповнення сторінки біо.
Відстежуйте UTM-кампанії на всьому шляху без CDP — ключовий матеріал для розуміння циклу туторіалів.
Аналітика коротких посилань — що вимірювати, а що ігнорувати — які метрики трафіку вашої сторінки біо варті уваги.
TLS для власних доменів за 5 хвилин — опис механізму випуску TLS-сертифікатів.
Налаштування брендованих коротких посилань на вашому домені — суміжний туторіал для роботи зі звичайними короткими посиланнями.
Робочий процес: посібник із біо-сторінок у документації.
Продукт: /features/bio-pages та /solutions/marketers.

Створіть сторінку link-in-bio за 5 хвилин (без Linktree)