Створення web push-повідомлень

Web push-повідомлення — це невеличке інформаційне віконце, яке спливає в браузері й дозволяє комунікувати з клієнтом у режимі онлайн.

Приклад веб-пуша, створеного в eSputnik

Створення web push починається з налаштування збирання адрес — "Токенів" або push token. У системі eSputnik налаштування отримання push token триватиме лише кілька хвилин.

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

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

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

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

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

Налаштування  web push

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

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

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

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

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

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

 Приклад підписки в один клік

Приклад підписки в два кліка

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

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

  1. Перейдіть в налаштування запиту підписки, виберіть стандартний вид (підписка одним кліком) і збережіть зміни.

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

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

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

Як завантажити інсталяційний файл

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

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

  1. Після вибору типу підписки ви перейдете до вікна налаштування. Також заповніть розділ “Інформація про сайт” із назвою та посиланням на сайт.

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

Важливо!

Збір підписників для Web Push-повідомлень доступний тільки для сайтів з протоколом https: //

 

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

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

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

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

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

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

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

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

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

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

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

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

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

Статус прив'язки сайту

2. Якщо відобразиться статус “Скрипт встановлений коректно”, із цього моменту ви зможете збирати базу нових підписників для Web Push-повідомлень.

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

3. Натисніть кнопку "Закрити", щоб повернутися до вікна налаштувань для Web Push.

Закрити вікно прив'язки сайту

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

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

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

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

Очищення токенів

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

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

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

  1. У вікні "Налаштування запиту підписки" ви можете вибрати один із типів підписки для подальшого редагування.

У два кліки:

  • віджет;

  • кастомний вигляд;

  • панель.

У один клік:

  • стандартний вигляд.

Види відображення Web push-повідомлень

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

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

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

Приклад вікна підписки

  • Вікно перегляду підписки двома кліками (кастомний вигляд редагування оформлення).

Налаштування відображення форми підписки для пуш-повідомлень

  • Вікно перегляду підписки двома кліками (панель після редагування оформлення).

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

  • Вікно перегляду підписки одним кліком (стандартний вигляд).

Приклад відображення вікна Стандартний вигляд

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

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

Для підписки одним кліком укажіть спосіб відображення вікна підписки (при завантаженні сторінки/за кліком по елементу), а також час до показу вікна push-підписки після відкривання сторінки.

 Час показу запиту на підписку

  • Підписка двома кліками: стандартний тип.

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

  • вікно push-підписки, призначення якого — отримати від користувача дозвіл на відправлення повідомлень із зазначеного домену. Для цього вікна також додатково задаються контент та оформлення вікон запиту підписки і зразка Web Push-повідомлення.

Вікно push-підписки

  • вікно підтвердження підписки відображається, коли користувач підтвердив підписку на ваші повідомлення. У цьому вікні, крім тексту повідомлення про відписку, також відображається вікно зразка Web Push-повідомлення.

Вікно підтвердження підписки

  • вікно блокування підписки відображається, якщо користувач відмовився підписуватися, і ще раз нагадує про можливість підписатися на повідомлення, змінивши дозволи в налаштуваннях браузера. У вікні відображається також зразок Web Push-повідомлення.

Вікно блокування підписки

Таким чином, для запуску підписки двома кліками слід задати налаштування таких вікон:

  1. Вікно запиту підписки (відображається у вікні push-підписки);

Параметри вікна підписки

Клікніть текст, щоб змінити його (наприклад, клікніть "Дозволити", щоб отримувати повідомлення від...), і налаштуйте колір тексту вікна підписки, колір фону, а також текст і колір тексту для кнопок скасування та підтвердження підписки.

  1. Вікно зразка Web Push-повідомлення (відображається у вікнах push-підписки, підтвердження підписки, а також блокування підписки);

Зразок повідомлення

Для цього вікна задаються заголовок (Зразок повідомлення), текст повідомлення (Такий вигляд мають повідомлення від ...) і логотип.

  1. Вікно push-підписки;

Для цього вікна задаються колір фону, колір тексту, текст вікна, а також спосіб відображення вікна (при завантаженні сторінки/за кліком по елементу), час до показу вікна push-підписки після відкривання сторінки, а також час до повторного показу вікна push-підписки, якщо нічого не вибрано.

  1. Вікно підтвердження підписки;

  2. Вікно блокування підписки.

Для вікон підтвердження і блокування підписки також задаються колір фону й тексту, текст вікна і час показу (у секундах для вікна підтвердження підписки та у днях для вікна блокування підписки).

Параметри вікон підтверджень

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

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

Параметри відображення форми

  • Підписка в два кліка: віджет.

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

Налаштування віджету

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

Налаштування повідомлення про віджет

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

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

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

Старт масової пуш-розсилки

Після того, як всі необхідні налаштування внесені до акаунта — можна створювати масові розсилки push-повідомлень.

1. У розділі "Повідомлення" виберіть "Web push"

Створення пуш-повідомлення

Натисніть кнопку “Створити Web Push”, щоб перейти до редактора пуш-повідомлень.

2. Задайте тему push-повідомлення і його текст

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

Меню створення пуш-повідомлень

ВАЖЛИВО!

Використовуйте заголовки не довші за 30 символів, щоб вони коректно відображалися на різних пристроях. Оптимальною кількістю знаків для контенту вважається 45 - 60. При додаванні до пуша великої картинки — задавайте не більше 30 символів, оскільки картинка "відріже" частину тексту.

3. Зробіть пуш-повідомлення унікальними

  • Персоналізуйте web-push розсилки

Використовуйте персоналізацію та підстановку динамічного контенту в тригерних і проморозсилках.

Приклад використання персоналізації в пушах

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

  • Додавайте великі зображення і Call-To-Action

Для контактів Chrome можна відправляти пуші з великою картинкою та однією або двома кнопками. Ці налаштування можна задавати на ваш розсуд.

Приклад пуш-повідомлення

  • Завантажуйте картинки швидко і персоналізуйте їх:

    • Замість завантаження картинки з комп'ютера просто перетягніть файл у потрібну область або вкажіть посилання на картинку в інтернеті (посилання може бути динамічним).

    • Картинки під час створення можна персоналізувати, додаючи динамічний контент.

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

3. Виберіть групу підписників і задайте налаштування відображення детальної інформації:

  • "Термін активності" — період, після якого повідомлення не буде показано, якщо до цього воно не було доставлено користувачеві.

  • "Приховувати автоматично" — час показу web push повідомлень залежатиме від браузера (від 8 до 20 секунд). Якщо цю опцію залишити неактивною — повідомлення буде знаходитися на екрані, поки користувач не клікне або не закриє його.

Запуск і налаштування пуш-повідомлень

Якщо все готово — натисніть "Почати негайно". Для відкладеного запуску виберіть кнопку "Запланувати" і задайте потрібну дату й час відправлення.

Тригерна розсилка

Ви можете налаштувати тригерну розсилку, в якій пуш-повідомлення відправлятиметься клієнтові в результаті настання якоїсь події. Умови відправлення push можуть бути різними.

Розглянемо приклад з умовою "Хочу відправляти push-повідомлення всім, хто підтвердив підписку". Цю потребу реалізувати дуже легко:

Створення сценарію

  • У сценарії встановлюємо блок відправлення push-повідомлень, вказуємо його налаштування й зберігаємо.

Редагування сценарію з пуш-повідомленнями

  • Укажіть подію для запуску сценарію.

Подія створюється в розділі "Тригери" — "Типи подій". Вам треба буде заповнити такі поля:

Додати тип події

  • Встановлюємо налаштування запуску сценарію.

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

У налаштуваннях запуску обираємо тип події:

Вибір типа події для запуску сценарію

  • Запускаємо сценарій.

Запуск сценарію з веб-пушами

Тепер кожному клієнтові, який підписався на push-повідомлення на вашому сайті, надходитиме пуш-повідомлення після підтвердження підписки.

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

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

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

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