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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

У два кліки:

• віджет;

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

• панель.

У один клік:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 або номер телефону.