Задать вопрос

ИП Ракова
ИНН  720414748970
ОГРНИП   323723200052797

Настройки и параметры

Параметры

Приложение передает в адресную строку параметры и имеет следующий вид:

https://{ваш сайт}?token={token}&device={android or ios}&version={1,2,3....итд}

token - идентификатор устройства в Firebase Cloud Messaging (далее FCM) для отправки PUSH-уведомлений на конкретное устройство, конкретному пользователю.

device - параметр позволяет понять вашему сайту, с какой именно платформы зашел гость и адаптировать контент сайта под его устройство. Может иметь следующие значения utm_source=android (для android) или utm_source=ios (для ios)

version - параметр позволит понять вашему сайту, актуальное ли приложение использует пользователь, и предложить проследовать в магазин приложений за обновлением, если версия пользователя устарела. (Актуально только для релиза)

Сохранение и проброс параметров

Чтобы параметры адресной строки не были потеряны при переходе между страничками сайта, необходимо задействовать плагин "Проброс UTM меток". Плагин находится в библиотеке стандартных плагинов Creatium

Будьте внимательны, при использовании фильтров, параметры адресной строки будут сброшены, поэтому, необходимо дописать вручную

Если нет необходимости пробрасывать параметры, а достаточно передавать токен устройства в заявку, чтобы позже инициировать запуск сценариев лояльности , можно сохранить токен в localStorage и прочесть его в поле заявки. Для этого на стартовой страницы вашего сайте необходимо разместить плагин, который запишет токен в хранилище :
<script>
const params = 'token'
if ( location.search.includes(`?${params }`)) {
 let token = new URLSearchParams(location.search.substring(1)).get(params );
localStorage.setItem(params , token );
}
</script> 

А следующий код позволит прочесть токен и записать его в поле формы (поле скрытое)
$(el).find('input').val(localStorage.getItem('token'))

webview application setting

Token устройства уникальный и неизменный для вашего приложения, до тех пор, пока пользователь не переустановит приложение. Поэтому, в большинстве e-commerce решений, вы можете привязывать кабинет пользователя к токену устройства и отображать интересующие его данные (список заказов, избранные товары и прочее) без необходимости регистрации. Данный способ удобен но небезопасен.

token firebase cloud message

Бесшовное переключение страниц

Чтобы отклик был значительно быстрее, как у нативного приложения, можно организовать переключениестраниц через присвоение и отмену класса "hide"
Делается это достаточно просто, даже из под всплывающего окошка pop-up.

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

Если кнопка находится во всплывающем окошке, то добавим строчку "page.closeTopPopup();" чтобы, после выполнения функции, окошко закрылось.
Использование $('html, body').stop().animate({
scrollTop: $("#catalogup").offset().top
}, 700);

" где "catalogup" якорь самой верхней секции, позволит после отображения выполнить скролл к началу страницы

Интеграция Creatium с Firebase Cloud Messaging (PUSH-уведомления) 

Для организации PUSH-уведомлений, необходимо сделать простую интеграцию

https://fcm.googleapis.com/fcm/send

Content-Type: application/json

Authorization: key=AAAAr-b2FR0:APA91bHxwuyzWRrm2KZ7VSoEEP7VfPfVte5DI5drvUsnKGcejc_kO3cmAMF-6EDJUcXlhCulha_z6DYpWvCM7-0ZxqQLEncxXQswQu2YaTS6Gc4O0ZoB5t1W6JTFBt7mdyaUu3-JaKG1

https://fcm.googleapis.com/fcm/send

Content-Type: application/json

Authorization: key=AAAAr-b2FR0:APA91bHxwuyzWRrm2KZ7VSoEEP7VfPfVte5DI5drvUsnKGcejc_kO3cmAMF-6EDJUcXlhCulha_z6DYpWvCM7-0ZxqQLEncxXQswQu2YaTS6Gc4O0ZoB5t1W6JTFBt7mdyaUu3-JaKG1

Firebase Cloud Messaging PUSH-уведомления

Отправка PUSH-уведомления через форму заявки

Используя Creatium, Вы без труда сможете настроить точечную и массовую рассылку PUSH-уведомлений. Используя другие платформы, возможно организовать только массовую рассылку. Для организации систем лояльности, нет необходимости в регистрации пользователей и хранении токена устройства клиента в базе, достаточно его подтягивать в форму заявки и сохранять в базе заявок отдельной колонкой. Для организации "воронок продаж" база данных пользователей с токенами уже необходима. В обоих случаях рекомендовано передавать переменную токена в адресной строке на всех страницах. Функционал Creatium позволяет сравнивать токен устройства в базе данных с токеном устройства с которого зашел пользователь, и в случаях несовпадений (пользователь залогинился с другого устройства), добавлять новый токен к списку токенов пользователя, подключая новое устройство к системе рассылок. Webhook позволяет передать до 1000 токенов за один раз. (Лимит FCM) То есть, если вам необходимо организовать рассылку 5000 человек, возможно выполнить в 5 этапов, по 1000 устройств. Массовая рассылка на подписанные темы в инструменте WebView-Tool отключена (По понятным причинам). Но будет присутствовать в релизной версии вашего приложения с подпиской на заведомо указанные вами темы.

В настоящий момент организовать систему лояльности и воронку продаж возможно используя сценарии сторонних сервисов (Make, n8n...) однако в обозримом будущем, Creatium выпустит обновление с собственными сценариями и мы добавим описание процессов.

Отправка push уведомление через форму на сайте

Массовая рассылка на все устройства (Только для вашего релиза)

Массовая рассылка средствами Creatium

Заголовки остаются прежними, меняется только значение "to"

"to" имеет значение "/topics/topic"

Отправка push уведомление через форму на сайте

Массовая рассылка средствами Make (Integromat)

Заполните модуль FCM в Make как на примере справа. При вводе ключа вашего сервера, необходимо ввести символы после "Key="

массовая рассылка PUSH уведомлений

Навигация и геометки 

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

Например, если ваша корневая ссылка "https://website.com" , то все ссылки, начинающиеся "https://website.com" будут открыты внутри приложения.

Тогда, например, при клике по ссылкe Google или Yandex карт с геометкой  "https://goo.gl/maps/Y36zqkX4ykFs7AUz7", приложение предложит пользователю открыть ее при помощи браузера по умолчанию или приложения Google Maps. (Удобное и лаконичное решение для раздела контакты и прочей навигации)

Эффект мигания

Чтобы избежать эффектов мерцания, необходимо задать цвет фона сайта.

<style> html, body { background: rgb(25, 25, 25) !important } </style>

Анимация (Lottie)

На splash-экран можно поместить красивую анимацию в формате lottie.json или картинку PNG. Вы можете создать ее самостоятельно или воспользоваться готовыми примерами.

массовая рассылка PUSH уведомлений