Web Push-уведомления для сайта PushOK.
Модуль позволяет уведомлять пользователей о самых важных, полезных и интересных событиях вашего сайта.
Помимо этого есть возможность создать собственный уникальный дизайн и настроить поведение всплывающего окна подписки на Push-уведомления.
Теперь пользователи не упустят важную информацию!
Возможности модуля:
- Поддержка многосайтовости.
- Полная стилизация всплывающего окна для подписки на Push-уведомления. Для каждого сайта можно настроить свой уникальный стиль:
- Настройка размера всплывающего окна.
- Размер шрифтов.
- Цвета элементов и фона.
- Отступы.
- Основной текст и названия кнопок согласия и отказа.
- Настройка времени задержки показа окна подписки при отказе
- Добавление логотипа при получении Push-уведомления пользователем для каждого сайта.
- Пример отображения всплывающего окна на сайте.
- Настройка поведения отображения всплывающего окна:
- По URL (только текущий URL, только вложенные URL, текущий и все вложенные URL).
- Задержка отображения.
- Отображение в зависимости от прокрутки страницы.
- Возможность исключения всплывающего окна по URL и настройкам для выбранного URL.
- Рассылка из Панели администрирования 1С-Битрикс.
Поддержка браузеров:
- Google Chrome версии 50 и выше.
- Safari (Mac OS).
- Mozilla Firefox версии 46 и выше.
- Opera версии 37 и выше.
- Яндекс браузер версии 16 выше.
ВАЖНАЯ ИНФОРМАЦИЯ:
- Для корректной работы Push-уведомлений сайт должен работать по защищенному протоколу HTTPS.
- Хостинг должен поддерживать cURL.
- Необходимо зарегистрировать аккаунт в OneSignal.com и внести данные в настройки модуля.
- Бесплатный тариф OneSignal.com предоставляет возможность отправлять неограниченное количество Push-уведомлений до 30 000 подписавшимся пользователям; также при использовании бесплатного тарифного плана OneSignal.com может передавать данные своим партнерам по рекламе и исследованиям.
- Есть возможность увеличить количество подписчиков и отключить передачу данных сторонним сервисам. Для этого необходимо перейти на платный тариф. Примерная стоимость платного тарифного плана составляет $99/мес + $2,50 за каждую дополнительную 1 000 подписавшихся пользователей сверх бесплатного лимита 30 000 подписчиков (Цены на тарифные планы и их условия могут изменяться сервисом OneSignal.com). Для уточнения информации о доступных тарифных планах авторизуйтесь на сайте OneSignal.com и перейдите в раздел "View Pricing".
Для установки модуля PushOK необходимо:
1. Перейти в панель администрирования авторизованным пользователем, права которого разрешают изменять настройки модулей.
2. Открыть "Установленные решения" (Marketplace > Установленные решения).
3. В списке решений найти "PushOK".
4. Нажать кнопку "Действия" (слева от названия) > Установить.
5. Если вы ранее устанавливали модуль PushOK на текущий сайт, то есть возможность провести чистую установку, выбрав пункты "Очистить настройки модуля" и "Очистить базу модуля":
5.1. В настройках модуля хранятся введенные данные с сервиса OneSignal.com и стили для всплывающих окон.
5.2. В базе модуля хранится история отправленных уведомлений пользователям и настройки поведения для отображения вплывающих окон.
Также есть возможность установить стандартное поведение показа всплывающих окон для необходимых сайтов. Т.е. если при установке модуля для сайта указано "Установить стандартные стратегии", то всплывающее окно будет отображаться на всех страницах сайта, кроме Панели администрирования.
6. Указав необходимые настройки, нажимаем кнопку "Установить модуль".
7. Далее для работы модуля необходимо создать аккаунт в сервисе OneSignal:
7.1. Для этого перейдем по ссылке
https://onesignal.com 7.2. В правом верхнем углу нажимаем кнопку "Sign Up".
7.3. Заполните форму регистрации либо авторизуйтесь с помощью GitHub, Google или Facebook.
7.4. На указанный E-mail будет отправлено письмо для подтверждения регистрации.
7.5. Авторизуйтесь на сайте
https://onesignal.com 7.6. Добавьте новое приложение, нажав кнопку "ADD APP".
7.7. Во всплывшем окне укажите название приложения и нажмите кнопку "далее".
7.8. В следующем окне выберите "Web Push" и нажмите кнопку "NEXT".
7.9. Вы будете направлены на страницу "Configure Web Push".
7.10. В блоке "Choose Integration" выберите "Custom Code".
7.11. В блоке "Site Setup" введите "SITE NAME" (Название сайта) и URL. В "DEFAULT ICON URL" можно загрузить иконку для уведомлений по умолчанию, после чего нажимаем копку "NEXT", пропускаем пункты 3 и 4, нажимаем кнопку "FINISH". Вам будет показана страница "SETTINGS" (настройки приложения).
7.12. Для того, чтобы Push-уведомления поддерживались браузерами "Safari" (Mac OS), на странице настроек приложения в блоке "Web Push Platforms" нажмите на "Apple Safari" и во всплывшем окне заполните поля "Site Name" (Название сайта) и "Site URL" (URL сайта) без слэша в конце адреса (например:
http://yoursite.com), далее нажмите кнопку "SAVE".
7.13. Рядом с "Apple Safari" должна появиться надпись "ACTIVE".
7.14. На этом этапе настройка OneSignal завершена.
7.15. Теперь перейдем во вкладку "Keys & IDs" и увидим там поля "ONESIGNAL APP ID" и "REST API KEY". Они будут нужны нам чуть позже.
8. Возвратимся в Панель администрирования Битрикс.
9. В левом меню зайдем в Настройки > Настройки продукта > Настройки модулей > PushOK.
10. Если у вас несколько сайтов, то переходим во вкладку необходимого сайта.
11. Заполняем поля "ONESIGNAL APP ID" и "REST API KEY", которые получили в сервисе OneSignal (см. пункт 7.15).
12. В настройках модуля можно указать:
12.1. Время скрытия запроса на подписку при отказе (в часах).
12.2. Иконку уведомления по умолчанию.
12.3. Надписи по умолчанию.
12.4. Настроить контейнер всплывающего окна.
12.5. Основной текст.
12.6. Цвета кнопок по умолчанию и при наведении.
Также можно посмотреть пример отображения всплывающего окна на сайте (после сохранения).
13. После настройки модуля нажимаем кнопку "Сохранить".
14. Для настройки поведения отображения всплывающих окон для пользователей перейдем в Сервисы > PushOK > Стратегии.
14.1. Если при установке модуля вы не выбрали сайты, для которых необходимо установить стратегии по умолчанию (см. пункт 5.2), то нажимаем кнопку "Добавить".
14.2. На странице добавления/редактирования стратегии можно указать:
14.2.1. Сайт, для которого будет определена текущая стратегия.
14.2.2. Активность.
14.2.3. Является ли стратегия исключением, т.е. при указанных параметрах всплывающее окно не будет выводиться для пользователя.
14.2.4. Сортировку. Важно знать - чем ниже значение сортировки, тем выше приоритет стратегии при отображении (при условии, что другие параметры соответствуют для отображения на необходимой странице).
14.2.5. Ссылку, на которой будет отображаться всплывающее окно или, наоборот, не отображаться, если стратегия является исключением (см. пункт 14.2.3).
14.2.6. Тип обработки:
14.2.6.1. Только указанная ссылка.
14.2.6.2. Только вложенные ссылки.
14.2.6.3. Текущая и вложенные ссылки.
14.2.7. Задержка показа всплывающего окна в секундах.
14.2.8. Показ окна при прокрутке страницы в процентах.
14.2.9. Тексты во всплывающем окне.
14.2.10. Заполняем поля и нажимаем кнопку "Сохранить".
14.3. Настройки стратегии можно изменить, кликнув по ней два раза.
14.4. Стандартная стратегия для отображения окна подписки на всём сайте:
Активность: Да
Исключение: Нет
Ссылка: /
Тип обработки: Текущая и вложенные ссылки
15. Для того чтобы отправить Push-уведомление подписавшимся пользователям, необходимо:
15.1. В настройках модуля (см. пункт 9) заполнить поля "ONESIGNAL APP ID" и "REST API KEY" (см. пункт 11).
15.2. В Панели администрирования перейти в Сервисы > PushOK > Push-уведомления (на этой будут отображена история отправленных Push-уведомлений).
15.3. Нажать кнопку "Добавить".
15.4. Выбрать необходимый сайт из списка сайтов.
15.5. Заполнить поля "Заголовок" и "Сообщение".
15.6. Нажать кнопку "Сохранить" или "Применить".
16. Теперь все подписавшиеся пользователи получат ваше уведомление.
