Як налаштувати підписку на 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-повідомлень, натисніть стрілку поряд із назвою вашого акаунта на панелі меню і виберіть пункт "Налаштування".

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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