Як налаштувати підписку на Web Push

Запуск web-push-розсилки починається з налаштування збирання адрес – push token, або, простіше кажучи, токенів. У системі eSputnik налаштування отримання push token потребує лише кількох хвилин.

Прив'язування контакту до web-push-токенів

Одне з питань, яке турбує відправників push-повідомлень, – як можна прив'язати до безликих (за винятком технічної інформації: IP, URL, локаль, браузер збирання) web-push-токенів інформацію про фактичного клієнта. Наприклад, дізнатися його ім'я, телефон, емейл, щоб стало можливим скористатися персоналізацією в самому повідомленні.

Відповідь вкрай проста, це вже реалізовано в нашій системі. Прив'язування контактів до push-токенів здійснюється автоматично, коли підписник переходить на ваш сайт із листа, відправленого через eSputnik. Збирайте токени через eSputnik – і ви матимете змогу відправляти персоналізовані push-повідомлення клієнтам, яким не було доставлено емейл, або створити для себе будь-який зручний сценарій, що відповідає вашій бізнес-логіці. До речі, понад 20% усіх push-токенів у нашій системі мають прив'язаний контакт – email або номер телефону.

Налаштування та підключення повідомлень

Крок 1. Вибір налаштувань для Web Push

  1. Щоб розпочати налаштування та підключення web-push-повідомлень, натисніть стрілку поряд із назвою вашого акаунта на панелі меню і виберіть пункт "Налаштування".

Перехід до налаштувань в акаунті

  1. Перейдіть до вкладки Web Push. Тут ви можете ознайомитися із загальними можливостями налаштування форм підписки. Натисніть кнопку з потрібним типом підписки (одним або двома кліками) для переходу до налаштувань.

Розділ налаштувань Web Push

Підписка одним кліком – це простий та швидкий спосіб наростити базу. Підписник потрапляє до груп для розсилок без додаткових підтверджень. Цей тип підписки дозволяє використовувати власний домен у підписах до push-повідомлень.

Відображення домену у web-push-повідомленні

Підписка двома кліками – це підписка з подвійним підтвердженням. Перевага цього типу – можливість налаштувати оформлення вікон підписки і підтвердження. У такому випадку користувач спочатку побачить ваше кастомізоване вікно, а потім – стандартне.

Такий тип підписки також дозволяє використовувати власний домен у підписах до push-повідомлень; раніше прив'язування здійснювалося через субдомен.

Вікно підписки одним кліком

Вікно підписки двома кліками

Вікно підписки одним кліком

Вікно підписки двома кліками

Крок 2. Прив'язування сайту для збирання токенів

  1. Після вибору типу підписки ви перейдете до вікна прив'язування нового сайту. Заповніть розділ "Інформація про сайт" із назвою та посиланням на сайт.

Прив'язування нового сайту

Важливо!

Збирання підписників для web-push-повідомлень доступне тільки для сайтів із протоколом HTTPS.

  1. Якщо у вас вже є база підписників і ви бажаєте продовжити з нею працювати в системі eSputnik, введіть ваші ключі в поле "Інтеграція із сервісом збирання підписників".

Параметри інтеграції з сервісом збирання підписників

Якщо бази у вас немає, залиште поля порожніми, і ми надамо вам ключі.

  1. Для браузера Safari ви також можете задати окремі налаштування у випадаючому блоці розділу інтеграції.

Налаштування для браузера Safari

Крок 3. Генерація та інтеграція скрипту

  1. Натисніть кнопку "Згенерувати скрипт".

Створення скрипту для інтеграції

Скрипт для вашого сайту буде автоматично згенерований і виведений спеціальним блоком у цьому самому вікні нижче.

  1. Скачайте інсталяційний файл. Завантажте його до каталогу верхнього рівня вашого сайту. Потім скопіюйте і вставте згенерований скрипт у код вашого сайту перед закриваючим тегом head.

Дані для інтеграції скрипту в код сайту

Крок 4. Перевірка статусу прив'язування сайту

  1. Після вставки коду на ваш сайт натисніть кнопку "Перевірити статус прив'язування.

  • Якщо відобразиться статус "Сайт не прив'язаний", треба ще раз перевірити внесені налаштування.

  • Якщо відобразиться статус "Ваш сайт прив'язаний", із цього моменту ви зможете збирати базу нових підписників для web-push-повідомлень.

Успішне прив'язування сайту

  1. Далі можна переходити до налаштувань зовнішнього вигляду вікна підписки або натиснути кнопку "Назад", якщо ви хочете зробити це пізніше. У такому випадку ви повернетеся до розділу налаштувань Web Push.

Повернення до розділу налаштувань Web Push

Тут відображатимуться всі сайти, які ви прив'яжете.

Відображення всіх прив'язаних сайтів

Загальні налаштування підписки

Незалежно від того, який спосіб підписки ви вибрали, можна увімкнути автоматичне видалення неактивних web-push-токенів за 30, 60 або 90 днів.

Будьте уважні!

Під час видалення токенів враховується тільки факт прочитання, а не дата останньої розсилки. Наприклад, якщо ви встановите видалення токенів, у яких немає прочитань протягом 30 днів, а остання розсилка була 31 день тому, видаляться всі токени, крім тих, хто підписався упродовж останніх 30 днів.

Чистка неактивних токенів

Крок 1. Перехід до налаштувань вікон підписки

  1. Для переходу до оформлення вікна запиту підписки натисніть кнопку "Налаштування запиту підписки".

Перехід до оформлення вікна запиту підписки

  1. На сторінці налаштувань ви можете вибрати один із типів підписки для подальшого редагування: одним або двома кліками. Щоб побачити, як виглядає кожен із типів підписки, активуйте опцію "Показувати приклад вікна підписки".

Типи відображення запиту на розсилку web push

Для запиту підписки одним кліком доступний один варіант:

  • Стандартний вигляд – стандартне прямокутне віконце запиту у верхньому лівому куті сторінки:

Стандартний вигляд

При підписці двома кліками можна вибрати один із трьох варіантів оформлення:

  • Віджет – прямокутне віконце запиту з іконкою, яке може бути розміщене в правому або лівому нижньому куті сторінки. Як іконки можна використовувати зображення або залишити стандартний вигляд з дзвоником.

Віджет

  • Кастомний вигляд – таке саме віконце, як у запиті підписки одним кліком, тільки з можливістю кастомно налаштувати зовнішній вигляд.

Кастомний вигляд

  • Панель – вікно запиту підписки у вигляді смуги на повну ширину сторінки, розміщується вгорі або знизу.

Панель

Вікно налаштування для кожного варіанту відкривається за кліком відповідного блоку.

Особливості налаштування вікна запиту підписки у браузері Safari

У загальному вікні налаштувань запиту підписки ви також можете додати власний фірмовий логотип, який буде відображатися для користувачів Safari на macOS. Для підписників з інших браузерів можна встановлювати будь-яке інше зображення під час створення повідомлень.

Додавання логотипу для веб-пушів у браузері Safari

Крок 2. Налаштування оформлення вікон підписки

Підписка одним кліком

Налаштування підписки одним кліком здійснюється дуже просто. Виберіть спосіб відображення вікна підписки:

  • під час завантаження сторінки – вікно запиту буде показуватися при переході користувача на сторінку сайту;

  • за кліком по елементу – вікно запиту з'явиться після кліку користувача по певному елементу на сторінці сайту (банеру, кнопці та ін.). До цього елемента необхідно додати class="es-push-prompt-init".

Також встановіть час до показу вікна push-підписки після відкривання сторінки.

Налаштування запиту підписки одним кліком

Підписка двома кліками: кастомний вигляд

Окрім налаштувань, зазначених у попередньому пункті, для цього типу підписки можна вказати час до повторного показу вікна push-підписки, якщо користувач нічого не вибрав. Також ви можете оформити зовнішній вигляд вікна запиту підписки на власний розсуд:

  • змінити текст запиту, встановити колір тексту і фону вікна запиту;

  • для кнопок блокування (відмови від підписки) та підтвердження вибрати колір і встановити свої підписи.

Налаштування кастомного вигляду підписки двома кліками

Підписка двома кліками: панель

Налаштовується аналогічно кастомному вигляду підписки двома кліками. Додатково треба вказати позицію запиту на підписку на сторінці.

Налаштування запиту підписки двома кліками (панель)

Підписка двома кліками: віджет

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

У налаштуваннях віджету додається кілька пунктів: можна завантажити свою іконку, додати до неї анімацію і задати позицію віджету на екрані в пікселях.

Налаштування вікна “Віджет”

Також можна налаштувати нагадування про розблокування push-повідомлень:

Налаштування нагадування про розблокування push-повідомлень

Після завершення налаштування вікон натисніть кнопку "Зберегти", а потім – "Назад".

Тепер ви можете відправляти масові push-повідомлення і створювати сценарії на основі push token.

Як перейти із субдомена esputnik.com на свій власний домен

Якщо у вас активна підписка двома кліками, яку ви налаштовували через субдомен esputnik.com, то він буде відображатися у підписі пуш-повідомлення. Однак ви можете перейти на використання власного домену в три етапи:

  1. Перейдіть до налаштувань запиту підписки.

Налаштування запиту підписки

Виберіть стандартний вигляд (підписка одним кліком) і збережіть зміни, при цьому ви повернетеся до основної сторінки з налаштуваннями для Web Push.

  1. Знову перейдіть до налаштування запиту підписки і в цьому ж меню виберіть будь-який із трьох типів відображення підписки двома кліками. Збережіть зміни.

  2. Щоб перейти до налаштувань інтеграції, натисніть назву вашого сайту.

Налаштування інтеграції з сайтом

Скачайте інсталяційний файл. Завантажте його до каталогу верхнього рівня вашого сайту.

Як скачати інсталяційний файл

База підписників після переходу зберігається, тобто ті, хто підписався через піддомен, продовжать отримувати повідомлення.

Залишилися питання?
Спеціалісти обов'язково нададуть відповідь та допоможуть вирішити вашу проблему!
Зворотний дзвінок
Залишіть заявку – і наш спеціаліст зв'яжеться з вами в робочий час.
Відправити заявку
Консультація в чаті
Готові до ваших запитань!
Написати в чат
Електронна пошта
Напишіть в службу підтримки eSputnik.
Надіслати email