В данном разделе вы узнаете:

  • Как подключить Веб-Пуши от oneSignal на сайте.
  • Как настроить передачу сегментов в oneSignal.

OneSignal - система для отправки кросс-браузерных и кросс-платформенных пуш-уведомлений. OneSignal умеет создавать аудитории на основе событий сайта и отправлять браузерные пуши этой аудитории. DigitalDataManager позволяет передавать данные о поведении ваших пользователей в oneSignal.

Навигация по странице


Введение


С помощью DigitalDataManager можно полностью интегрировать OneSignal с вашим сайтом.
Техническая документация OneSignal

Рекомендуем предварительно полностью перевести ваш сайт на протокол https. В этом случае процесс подписки на пуш-уведомления для ваших пользователей будет проще.

Перед настройкой интеграции в интерфейсе DigitalDataManager необходимо установить в корень вашего сайта 3 файла.
Подробнее читайте в документации от OneSignal

Чтобы настроить интеграцию с OneSignal:

  1. Авторизуйтесь на сайте ddmanager.ru и перейдите к панели управления интеграциями
  2. Войдите на вкладку “Интеграции” и кликните по блоку с логотипом OneSignal.
  3. В открывшейся панели - настройте интеграцию.

Подробнее о настройках вы можете прочитать ниже.

OneSignal App ID


Идентификатор проекта вы можете найти в интерфейсе OneSignal.

Скопируйте идентификатор и вставьте его в поле “OneSignal App ID” окна настроек интеграции.

Safari Web ID


Для корректной работы веб-пушей в браузере safari необходимо указать специальный web ID. Этот идентификатор можно найти в интерфейсе OneSignal

Скопируйте идентификатор и вставьте его в поле “Safari Web ID” окна настроек интеграции.

Событие digitalData, инициирующее подписку на push


Для того чтобы пользователь смог получать пуш-уведомления, сначала он должен подписаться. Форма для подписки зависит только от версии браузера, вы не можете ее никак изменить. Вы можете только управлять моментом появления формы ы браузере пользователя.

DigitalDataManager позволяет управлять моментом показа окна подписки. Для того чтобы задать этот момент, укажите в соответствующем поле имя события. После того, как данное событие произойдет (будет добавлено в массив digitalData.events), отобразится стандартное окно подписки на push-уведомления.

Автоматическая регистрация


Если включить данный тумблер, то окно подписки будет появляться сразу после загрузки первой страницы вашего сайта.

Не рекомендуем использовать данный метод сбора подписок.

Кнопка колокольчик


OneSignal предоставляет свой собственный виджет для управления окном подписки. Вы можете изменить цветовую схему виджета в интерфейсе OneSignal.

Включите тумблер, чтобы использовать стандартный виджет от OneSignal для сбора подписок.

Настройка тегов


OneSignal дает широкие возможности для построения триггерных коммуникаций. Например вы можете настроить отправку пуш-уведомлений тем пользователям, которые положили товар в корзину и ушли (брошенная корзина). Для этого система должна знать состав корзины при каждой загрузки страницы.

DigitalDataManager умеет отправлять вместе с любыми событиями любую информацию из объекта digitalData.

Чтобы настроить передачу переменных, заполните 2 поля:

  1. Слева - Название переменной, вы хотите видеть в интерфейсе OneSignal
  2. В центре - укажите digitalData, если переменная присутствует в объекте всегда или event, если переменная появляется только в определенных событиях.
  3. Справа - путь к переменной в объекте digitalData или event.

Пример заполнения смотрите на первом скриншоте.

Перехват событий системного попапа


OneSignal дает возможность подписаться на события взаимодействия с системным попапом подписки на push-уведомления. Существует 3 способа взаимодействия:

  • Нажатие на кнопку “Разрешить” - “Allowed Push Notifications”
  • Нажатие на кнопку “Блокировать” - “Blocked Push Notifications”
  • Нажатие на крестик, закрывающий попап - “Closed Push Notifications Prompt”

После того, как пользователь совершит одно из 3-х возможных действий, в массив digitalData.events будет автоматически добавлено соответствующее событие:

  1. Нажатие на кнопку “Разрешить”
    digitalData.events.push({
      category: 'Push Notifications',
      name: 'Allowed Push Notifications'
    })
    
  2. Нажатие на кнопку “Блокировать”
    digitalData.events.push({
      category: 'Push Notifications',
      name: 'Blocked Push Notifications'
    })
    
  3. Нажатие на крестик, закрывающий попап
    digitalData.events.push({
      category: 'Push Notifications',
      name: 'Closed Push Notifications Prompt'
    })