Встановлення Gravitec SDK для сайтів на Chrome (десктоп + мобільний)

Вимоги

Веб-пуш-сповіщення наразі підтримуються лише в Chrome 42+.

Включає Chrome для Windows, Mac OS X, Linux, Chrome OS та Android. Chrome та інші браузери для iOS поки що не підтримуються.

HTTP та HTTPS

Якщо деякі з ваших сторінок обслуговуються за протоколом HTTP замість HTTPS, вам слід дотримуватися нашого 8.3. 🇺🇦 Website SDK HTTP Installation.

Ми рекомендуємо вам спочатку перенести всі ваші сторінки на HTTPS, а потім продовжувати користуватися цим посібником.

1. Завантаження SDK

1.1 Завантажте останню версію Gravitec Chrome Web SDK після реєстрації вашого сайту в Gravitec Dashboard.

1.2 Скопіюйте push-worker.js та manifest.json з каталогу gravitec_sdk_ і вставте їх в каталог верхнього рівня (кореневу папку) вашого сайту.

2. Додайте необхідні файли

2.1 Додайте посилання на *https://cdn.gravitec.net/storage/APP_KEY/client.js* і manifest.json на кожну сторінку вашого сайту, додавши код між тегами <head> і </head>. Оновіть APP_KEY з вашим Gravitec AppId. Швидше за все, вам доведеться зробити це лише один раз у файлі, який допомагає згенерувати макет сайту. Отриманий HTML повинен виглядати так:

<head>
 <script src="<https://cdn.gravitec.net/storage/APP_KEY/client.js>" async></script>
</head>

Тепер користувач бачитиме вікно із запитом на отримання сповіщень з вашого сайту одразу після відкриття сторінки:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c6d46eaa-96fd-4318-ae14-a6590b9334f1/image-20230314-121251.png

3. Кастомізуйте Gravitec (Опція)

3.1 Ініціюйте підписку за допомогою власної кнопки або івенту.

Викличте Gravitec.push(["init"]) з javascript-файлу, який є на кожній сторінці. Створіть або використовуйте свою кнопку та оновіть YOUR_CUSTOM_BUTTON_ID ідентифікатором вашої кнопки.

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

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