Diskuze: Notifikace v prohlížeči
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 4 zpráv z 4.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Notification.requestPermission();
To mas tak ... spravne by to melo byt implementovany tak, ze dokud nemas persmisson, tak se ti nic nezobrazi ... jestli pri pokusu zobrazit notif bez permisnu ti browser zobrazi nejdriv ten pozadavek, nebo ti to forbidne .... asi zalezi na implementaci browseru ...jak je to ve specifikaci po pravde nevim... kazdopadne ... ta metoda requestPermission() bere i funkci jako parametr, ve ktery muzes treba tu notifikaci vytvorit ... samozrejme nemusis ... a muzes si o ten permission jen rict...
s notifikacema je to ale jeste komplikovanejsi ... to jednoduche API, ktere je opravdu dost jednoduche, je momentalne implementovane radou browseru... tady ale je ta komplikace... implementuje ho pokud vim firefox (castecne) ... respektuje specifikaci a dodrzuje ji... ve Chromu (rozsahla podpora, kdyz na to prijde) si rekli, ze sice nekde v nekterych verzich budou implementovat, ale v jinych verzich uz ne, protoze radsi slouci tohle a ty druhy notifikace (ty na pozadi ze serveru pomoci workeru) je to od nich docela podraz, v nekterych verzich mobilniho chromu uz tohle nefunguje ... coz je fakt protivny ... existuje rada knihoven, co ti osetri notifikace vsude, jak to jen pujde, ale nezkousel jsem zadnou do hloubky...
pripravuju clanek a mozna i nejakej navod, jak si takovouhle miniknihovnu na notifikace napsat... mozna jen samotnou knihovnicku ...jeste nevim ... tobe uz tim asi nepomuzu, ale doufam, ze moje odpoved alespon castecne pokryla tvoje otazky
edit: jeste jsem chtel dodat, ze kazdej browser si to implementuje trochu po svem...treba cas zobrazeni notifu a tak
Chápu to tedy správně, že by stačilo toto
Notification.requestPermission();
var notification = new Notification(
"nová zpráva",
{
body: "Lorem ipsum",
icon: "http://example.org/nejakaikona.png"
}
);
Protože to jsem zkoušel a žádná hláška nevyskočí. No tak v průběhu
psaní jsem to vyřešil bylo to tím, že soubor nebyl na serveru ale jen local
HTML soubor. Nechápu jaký to má vliv pokud jde o api prohlížeče ale
budiž. 
Dodam, ze takhle to neni spravne... takhle delas to, ze pozadas o povoleni a bez ohledu na vysledek se pokusis zobrazit notif... musis bud pozadat o permission pri nacteni stranky... a pak pri kazde notifikaci se ujistit, ze ti bylo dovoleno :
if (Notification.permission === "granted") {
// udelej notif
}
a nebo ... a to bych uprednostnoval, pokud to jde samozrejme, pozadat az tehdy, kdyz budes chtit zobrazit prvni notif ... pak muzes rovnou dat jako parametr funkci, ktera tu notifikaci zobrazi, pokud jsou povoleny ... samozrejme pak dal se to chce znova a znova ujistovat, ze jsou povoleny, nez ji zobrazis.. nebo si to ulozit do nejakyho vnitrniho stavu aplikace ... to uz je na tobe... moje poznamka zni... takhle se pokousis zobrazit notif i pokud request byl zamitnut ...
Zobrazeno 4 zpráv z 4.
