Push notifikace (push notification)

Příklady z praxe

1. 01

   Sledování doručení balíku v e-shopu

   E-shop nabídne zákazníkovi po odeslání objednávky upozornění na změny doručení. Když dopravce převezme balík, backend pošle webovou push notifikaci do prohlížeče a service worker zobrazí krátkou zprávu. Zákazník se kliknutím dostane rovnou na detail zásilky místo toho, aby opakovaně kontroloval e-mail.

   self.addEventListener('push', event => {
     const data = event.data?.json() ?? {};
   
     event.waitUntil(
       self.registration.showNotification(data.title ?? 'Změna zásilky', {
         body: data.body ?? 'Stav objednávky byl aktualizován.',
         data: { url: data.url ?? '/objednavky' }
       })
     );
   });

2. 02

   Upozornění na produkční incident

   Monitoring zjistí pád produkční API služby ve dvě ráno a incidentní systém odešle push notifikaci člověku ve službě. Mobilní aplikace zobrazí stručný popis problému, prioritu a odkaz na runbook. Tým získá rychlejší reakci než u běžného e-mailu, ale pro audit incidentu se detailní záznam stejně ukládá do ticketovacího systému.

Časté omyly

MýtusPush notifikace dorazí vždycky a hned.

Ve skutečnostiPush notifikace závisí na síti, nastavení zařízení, limitech platformy a platnosti tokenu nebo subscription. Kritické procesy mají počítat se zpožděním nebo náhradním kanálem.

MýtusKdyž uživatel povolil push, můžeme mu posílat cokoliv.

Ve skutečnostiSouhlas s technickým zobrazením notifikací neznamená neomezené svolení k marketingu. Obsah, četnost a účel zpráv musí odpovídat očekávání uživatele a právním pravidlům.

Časté dotazy

Proč se push notifikace někdy zobrazí pozdě?

Push notifikace se někdy nedoručí hned kvůli omezením operačního systému, úspoře baterie, špatnému připojení nebo pravidlům konkrétní doručovací služby. Platforma může méně důležité zprávy dávkovat, zdržet nebo zahodit po vypršení platnosti. Aplikace proto nemá stavět kritický proces jen na předpokladu, že každá push notifikace dorazí okamžitě a uživatel ji uvidí.

Co musí web získat, aby mohl posílat push notifikace?

Push notifikace potřebuje na webu oprávnění prohlížeče a technickou registraci, obvykle přes service worker a Push API. Prohlížeč uloží subscription, které backend použije pro odesílání zpráv. Bez uživatelského souhlasu nelze webovou push notifikaci korektně zobrazovat, i když stránka může stále používat vlastní oznámení uvnitř otevřeného rozhraní aplikace.

Kdy je lepší neposílat push notifikaci a použít e-mail?

Push notifikace se nehodí jako náhrada e-mailu pro dlouhá sdělení, faktury, obchodní podmínky nebo obsah, který má být snadno dohledatelný po měsících. Push notifikace je lepší pro krátké a časově citlivé upozornění. E-mail nebo zpráva v aplikaci má obvykle lepší kontext, archivaci a prostor pro detailní vysvětlení.

Jsou push notifikace osobní údaj?

Push notifikace může obsahovat osobní údaje, pokud text zprávy, cílení nebo uložený token umožňuje přiřazení ke konkrétnímu člověku. Aplikace by měla omezit citlivý obsah na zamčené obrazovce, chránit tokeny proti úniku a nabídnout odhlášení. Marketingové použití navíc vyžaduje opatrné posouzení souhlasu a účelu zpracování.

Zdroje

1. Push API(otevře se v novém okně)MDN Web Docs
2. Notifications API(otevře se v novém okně)MDN Web Docs
3. Generic Event Delivery Using HTTP Push(otevře se v novém okně)RFC Editor, 2016
4. Voluntary Application Server Identification (VAPID) for Web Push(otevře se v novém okně)RFC Editor, 2017

Související pojmy

• Service WorkerService Worker je skript prohlížeče, který běží na pozadí mimo stránku a funguje jako programovatelný proxy server mezi webovou aplikací a sítí. Zachytává odchozí požadavky, může na ně odpovědět z mezipaměti Cache Storage, a díky tomu umožňuje offline režim, rychlejší načítání i příjem push notifikací bez otevřené záložky.
• 3D model3D model je digitální reprezentace objektu nebo prostoru ve třech rozměrech, složená z geometrie, materiálů a často i textur, animací či fyzikálních vlastností. Používá se v hrách, filmech, průmyslovém návrhu, architektuře, e-commerce i simulacích, kde software z modelu počítá zobrazení nebo další data.
• A/B testováníA/B testování je řízený experiment, který porovnává dvě varianty stránky, funkce, ceny nebo sdělení na podobných skupinách uživatelů. Měří předem zvolenou metriku, například konverzi nebo retenci, a pomáhá rozhodnout, zda změna skutečně zlepšuje výsledek, nebo zda pozorovaný rozdíl mohl vzniknout náhodou.
• Adaptive IconAdaptivní ikona je formát ikony aplikace na Androidu, který se místo jedné hotové bitmapy skládá z oddělených vrstev: pozadí a popředí. Systém výsledný tvar sám ořízne podle masky výrobce zařízení a může vrstvy animovat nebo přebarvit. Vývojář tak dodá jeden zdroj a launcher z něj vytvoří kruh, čtverec i squircle.
• Alfa kanálAlfa kanál je složka obrazových dat, která u pixelu určuje míru neprůhlednosti nebo průhlednosti. Doplňuje barevné kanály, typicky RGB, a umožňuje plynulé okraje, stíny, překryvy, masky i skládání vrstev. Hodnota alfa sama neurčuje barvu, ale říká, jak se barva pixelu promíchá s pozadím.
• Alt atributAlt atribut je atribut HTML značky <img>, který nese textovou alternativu obrázku pro situace, kdy uživatel obrázek nevidí. Čtou ho odečítače obrazovky, zobrazí se při nenačtení souboru a vyhledávače z něj odvozují obsah obrázku. Prázdná hodnota alt="" je platná a znamená, že obrázek je čistě dekorativní.
• Anchor textAnchor text je viditelný, klikatelný text odkazu, tedy obsah mezi značkami <a> a </a>. Vyhledávačům i uživatelům popisuje, co najdou na cílové stránce, a spoluurčuje, na jaké dotazy cílová stránka hodnotí. Kvalitní anchor text je krátký, popisný a čitelný i vytržený ze zbytku věty.
• AndroidAndroid je operační systém postavený nad linuxovým jádrem, který vyvíjí Google a otevřeně uvolňuje jako projekt AOSP. Android pohání převážnou většinu chytrých telefonů, dále tablety, televize, hodinky i palubní systémy aut. Aplikace se pro něj píší hlavně v Kotlinu nebo Javě a distribuují přes Google Play i alternativní obchody.