CTA-оверлеї. Перетворіть кожне посилання, яким ділитесь, на білборд.
Показуйте заклик до дії у вигляді splash-екрана, банера або модального вікна на сторінці переадресації до переходу користувача на цільовий ресурс. Налаштовувані шаблони, фірмові кольори, відстеження переходів і A/B-тестування текстів оверлея.
- Банер, модалка або splash - обирайте формат
- Брендовані шаблони з вашими кольорами та логотипом
- Вбудоване відстеження кліків і закриттів
- A/B-тестування оверлеїв, щоб знайти конвертуючий
LAUNCHТипи оверлеїв
Три формати. Три рівні тертя.
Обирайте оверлей під важливість вашого CTA. Splash вимагає уваги; банер додає контекст не відволікаючи; модалка вимагає свідомого закриття до продовження редиректу.
Не блокуючий · без таймера
Ексклюзивні пропозиції для підписників.
Потрібно закрити · середнє тертя
Використовуйте код LAUNCH при оформленні
Повноекранний · таймер зворотного відліку
Конструктор оверлеїв
Зберіть оверлей - інструмент дизайну не потрібен
Задайте тип шаблону, напишіть заголовок і CTA, підберіть бренд-кольори та призначте оверлей одному посиланню або всій кампанії. Live-перегляд рендерить симульований мобільний viewport справа.
- Тип шаблонуБанер, модалка або splash - перемикайтеся, не втрачаючи текст
- Бренд-кольориФон, текст і кнопка - hex-пікер з перевіркою контрасту
- Текст CTAЗаголовок (60 симв.), body (200 симв.), label кнопки (30 симв.)
- Призначення на посиланняЗастосовуйте до одного посилання, набору за тегом або цілої кампанії
- Live-переглядСимульований мобільний viewport оновлюється на кожному натисканні клавіші
Аналітика оверлеїв
Знайте, по чому клікають. Знайте, що закривають.
Кожен оверлей шле три події в той самий аналітичний конвеєр: shown, cta_clicked і dismissed. По-оверлейні метрики дають CTR, rate закриттів і медіанний час до кліку - без додаткових tracking-скриптів на сайті призначення.
- Показ, клік і закриття відстежуються за кожним оверлеєм
- Гістограма часу до кліку - видно, скільки читають перед дією
- Наскрізна передача UTM у призначення при кліку по CTA
- Атрибуція виручки через вебхуки Stripe / Shopify
- Без cookies - оверлей не ставить cookie
- A/B-достовірність показується inline - z-тест від порогу 200 показів
Що ви можете зробити
- Типи оверлеїв: splash-екран, банер і модальне вікно
- Фірмові шаблони з логотипом і власними кольорами
- Відстеження переходів і закриттів
- A/B-тестування текстів і дизайну оверлея
- Передача UTM-параметрів при переході
- GDPR-сумісно: без cookies, з урахуванням згоди
Як CTA-оверлеї перетворюють переадресацію на момент конверсії
Кожне спільне посилання - це можливість донести повідомлення до того, як користувач потрапить на цільовий ресурс. Оверлеї дозволяють вставити ваш бренд, пропозицію або заклик до дії саме в цей момент.
Три формати оверлеїв: повноекранний splash, нижній банер і модальне діалогове вікно - кожен з різним рівнем переривання
Splash-екран: користувач бачить повноекранну сторінку переадресації перед переходом. Найвища видимість, найвище переривання. Використовуйте для ключових моментів кампанії, коли CTA вартий додаткового кроку (запуск продукту, обмежені пропозиції). Налаштовуваний таймер переадресації (1.5–5 секунд) і необов'язкове посилання «Пропустити». Нижній банер: не блокуючий банер, накладений на прозорий редирект; користувач бачить банер, поки цільова сторінка завантажується у фоні. Менше переривань, менша видимість - найкраще для ремаркетингових повідомлень, де потрібно додати контекст без переривання. Модальне вікно: центрований оверлей, який затемнює фон і вимагає дії закриття. Більше переривань, ніж у банера, менше, ніж у splash. Використовуйте для одноразових опитувань, підписок на розсилку та розблокування закритих пропозицій. Усі три формати генерують власні події переходу і закриття для аналітики.
Фірмові шаблони оверлеїв: логотип, заголовок, текст, кнопка CTA, колір фону - без дизайнерського інструменту
Кожен шаблон оверлея визначає: логотип воркспейсу (автоматично береться з налаштувань), заголовок (до 60 символів), текст (до 200 символів), підпис кнопки CTA (до 30 символів) і URL, колір фону (hex), необов'язкове фонове зображення (завантажується в об'єктне сховище, роздається з CDN Elido). Шаблони зберігаються на рівні воркспейсу та повторно використовуються в посиланнях і кампаніях. Перевизначення на рівні посилання дозволяє змінити заголовок і кнопку CTA для конкретного посилання без створення нового шаблону. Попередній перегляд оверлея в дашборді відображає шаблон у симульованому мобільному браузері, щоб ви бачили, як він виглядає на пристрої, де більшість вашого трафіку. Типографіка фіксована (системний стек шрифтів, забезпечено доступний контраст); повне CSS-налаштування не підтримується - це обмеження забезпечує доступність і швидке завантаження.
Аналітика на рівні оверлея: покази, переходи, відсоток закриттів і час до кліку
Кожен оверлей генерує три типи подій: overlay_shown (користувач побачив оверлей), overlay_cta_clicked (натиснув кнопку CTA) і overlay_dismissed (натиснув «Пропустити» або кнопку закриття). Ці події надходять у той самий конвеєр кліків, що й стандартні кліки по коротких посиланнях. Метрики в дашборді: загальна кількість показів, CTR (кліки CTA / покази), відсоток закриттів і медіанний час до кліку. Події переходу передають UTM-параметри від вихідного короткого посилання до цільового URL кнопки CTA, тому конверсії через оверлей CTA коректно атрибутуються у вашій аналітичній платформі. Якщо цільовий URL кнопки CTA - це Shopify-кошик або Stripe-посилання, відстеження конверсій замикає петлю: ви бачите дохід, атрибутований переходам через оверлей.
A/B-тестуйте два шаблони оверлея на одному посиланні - вимірюйте, який заголовок або CTA дає вищий CTR
A/B-тестування оверлеїв розділяє показ оверлея (не цільовий редирект) - обидва варіанти ведуть до одного призначення, але заголовок, текст або підпис кнопки CTA відрізняються. Налаштуйте два шаблони оверлея та призначте їх варіантами для посилання (зважений розподіл або round-robin). Z-тест моделі довіри (аналогічно A/B для smart-посилань) показує «Заголовок оверлея A лідирує з довірою 87%» після того, як обидва варіанти набрали мінімальну вибірку (за замовчуванням 200 показів кожен). Це правильний інструмент для оптимізації тексту CTA, підпису кнопки та зображень без повноцінного тесту лендингу. Результати A/B оверлея незалежні від A/B-тестів цільового призначення на тому ж посиланні - вони поєднуються без конфліктів.
Без cookies, без відбитків - CTA-оверлеї приватні та GDPR-сумісні за дизайном
Аналітика CTA-оверлеїв відстежує покази та переходи тим самим методом без cookies, що й стандартна аналітика кліків Elido: геовизначення за IP (IP видаляється після визначення гео), класифікація пристрою за User-Agent і ідентифікатор сесії на основі хешу анонімізованих сигналів (без постійних cookies). Сам оверлей не встановлює cookies. Якщо оверлей використовується як шлюз згоди (вимагаючи від користувача підтвердження перед переадресацією - допустимий сценарій для GDPR-регульованих потоків), налаштуйте кнопку CTA як дію згоди: лише після кліку Elido виконує переадресацію і запускає налаштовані пікселі ретаргетингу. Це означає, що оверлей може виконувати роль механізму згоди без окремого CMP-віджета. Юридична достатність залежить від вашої політики конфіденційності та правової основи - проконсультуйтеся з вашим DPO перед використанням як механізму згоди GDPR.
Маркетингові команди, що використовують CTA-оверлеї на Elido
Імена є заглушками - реальні кейси клієнтів з'являться тут після публікації.
“Нижні банери на кожному вихідному посиланні в нашій розсилці дозволяють просувати наш вебінар без зміни цільових посилань, які редакційна команда ретельно відбирала. Один шаблон оверлея, застосований до 40 посилань у кампанії.”
“Ми A/B-тестували два заголовки оверлея для посилання запуску продукту - «Спробуй безкоштовно 30 днів» проти «Без кредитної картки». Другий дав CTR на 23% вищий. Z-тест досяг довіри 95% після 600 показів. Налаштування зайняло три хвилини.”
“Модальні оверлеї на партнерських посиланнях дозволяють показувати промокод користувачам до переходу на сайт партнера. Ми відстежуємо переходи як конверсії і бачимо, які партнерські посилання з оверлеями перевершують ті, що без них. Різниця у доходах виправдала апгрейд до Pro вже за перший тиждень.”
Elido CTA-оверлеї проти Sniply проти Rebrandly CTA
Sniply - спеціалізований інструмент для CTA-оверлеїв. Rebrandly додав базовий CTA в тарифі Business. Оверлеї Elido інтегровані з платформою управління посиланнями й аналітикою.
| Feature | Elido | Sniply | Rebrandly CTA |
|---|---|---|---|
| Типи оверлеїв | Splash, банер і модальне вікно | Кнопка CTA + форма оверлея | Лише кнопка CTA |
| Аналітика переходів | Покази, CTR, відсоток закриттів, час до кліку у вашому аналітичному сховищі | Кількість кліків і CTR | Базова кількість кліків |
| A/B-тестування оверлеїв | Так - z-тест моделі довіри | Недоступно | Недоступно |
| Відстеження конверсій через CTA оверлея | Так - дохід Stripe/Shopify атрибутується кліку оверлея | Немає нативного відстеження конверсій | Немає нативного відстеження конверсій |
| Піксель ретаргетингу поруч з оверлеєм | Так - оверлей і піксель спрацьовують разом на splash | Обмежена підтримка пікселів | Недоступно |
| Аналітика без cookies | Так - оверлей не встановлює cookies | Використовує cookies для відстеження CTA | На основі cookies |
| Частина платформи управління посиланнями | Так - оверлеї поєднуються з правилами smart-посилань, кампаніями, аналітикою | Автономний CTA-інструмент - без нативного управління посиланнями | Інтегровано, але обмежено |
Питання про CTA-оверлеї
Чи працює оверлей для посилань на зовнішні сайти, які я не контролюю?
Так - оверлей спрацьовує зі сторінки переадресації Elido до того, як користувач потрапляє на призначення. Вам не потрібен доступ до цільового сайту або його модифікація. Саме для цього й призначений оверлей: показувати CTA перед переходом на партнерське посилання, лендинг партнера, сторінку в App Store або будь-який інший зовнішній URL. Оверлей обслуговується edge-сервером Elido повністю на сторінці переадресації, яку контролює Elido.
Чи сповільнить оверлей мою переадресацію?
Оверлей додає навмисну затримку (налаштовується від 1.5 до 5 секунд), щоб дати користувачу час прочитати CTA і, за бажанням, натиснути. Сама сторінка переадресації завантажується з edge Elido менш ніж за 50ms - змінною є таймер, а не завантаження сторінки. Якщо ви використовуєте банер (без блокування), явного таймера немає - банер з'являється, поки завантажується цільова сторінка, не додаючи суттєвої затримки до навігації.
Чи можу я показати форму підписки на розсилку в оверлеї?
Поточні шаблони оверлеїв підтримують кнопки CTA і статичний текст - не вбудовані форми. Для підписок рекомендований сценарій: підпис кнопки CTA «Підписатися на розсилку», URL кнопки вказує на окрему сторінку підписки (ваш домен). Перехід на цю сторінку відстежується як подія конверсії. Повна підтримка вбудованих форм в оверлеї запланована для тарифу Business.
Як застосувати шаблон оверлея до 500 посилань одночасно?
Використовуйте API: PATCH /v1/workspaces/{ws}/campaigns/{campaign_id}/links з overlay_template_id у тілі запиту для застосування шаблону до всіх посилань кампанії. Для масового призначення між кампаніями використовуйте endpoint масового оновлення посилань з фільтром (наприклад, всі посилання з тегом 'newsletter-outbound'). Дашборд підтримує масовий вибір → призначення оверлея для до 100 посилань за одну дію в таблиці посилань кампанії.
Чи можу я виключити окремі посилання з показу оверлея, якщо кампанія має стандартний оверлей?
Так - встановіть overlay_template_id: null на рівні посилання, щоб явно вимкнути оверлей для конкретного посилання, навіть якщо батьківська кампанія має стандартний оверлей. Налаштування оверлея на рівні посилання завжди перевизначають стандарти рівня кампанії. Це корисно для посилань, де CTA був би недоречним (наприклад, посилань на юридичні/відповідальні сторінки, на яких не має бути маркетингових оверлеїв).
Чи сумісний оверлей з iOS Universal Links і Android deep links?
Ні. Коли ОС перехоплює редирект як Universal Link або App Link (додаток встановлено, домен верифіковано), вона відкриває додаток безпосередньо без завантаження сторінки переадресації Elido - оверлей не показується. Оверлеї спрацьовують лише у браузерному потоці переадресації. Якщо для певного посилання активне перехоплення deep-link, оверлей не спрацює для користувачів із встановленим додатком. Для посилань, де оверлеї важливі, вимкніть конфігурацію deep-link на цих конкретних посиланнях або прийміть, що користувачі додатка оверлей не побачать.
Чи видимі оверлеї для Google Bot?
Ні. Google Bot та інші відомі краулери виключені з рендерингу оверлеїв - вони отримують стандартний редирект 302 на канонічне призначення. HTML оверлея не роздається краулерам. Це означає, що оверлеї не мають жодного SEO-впливу (ні позитивного, ні негативного) на рейтинг URL призначення. Краулери завжди йдуть прямим шляхом редиректу незалежно від конфігурації оверлея.
Яка поведінка при закритті оверлея - чи переадресується користувач, якщо він не натиснув CTA?
Для splash-оверлеїв: так - після закінчення налаштованого таймера (1.5–5 секунд) користувач автоматично переходить на призначення незалежно від того, чи натиснув він CTA. Також можна натиснути «Пропустити» для негайного переходу. Для модальних оверлеїв: переадресація утримується до активного закриття модалі (кнопка закриття або «Пропустити»). Для банерних оверлеїв: банер з'являється під час завантаження призначення - переадресація не затримується. Вибирайте тип оверлея відповідно до рівня переривання, який доречний для вашого CTA.
Читати далі
Запускайте пікселі ретаргетингу разом з CTA-оверлеями - оверлей і піксель співіснують на одній splash-сторінці.
Атрибутуйте дохід переходам CTA оверлея через вебхуки конверсій Stripe і Shopify.
Поєднуйте правила маршрутизації smart-посилань з оверлеями - показуйте різні CTA залежно від гео, пристрою або часу.
Застосовуйте шаблони оверлеїв на рівні кампанії та масштабно тестуйте тексти оверлеїв.
Готові спробувати?
Почніть з безкоштовного плану, оновіть, коли вам знадобиться власний домен.