Web push obavijesti. Što je to i zašto? HTML5 obavijesti su jednostavne: obavijestite ih u jednom retku, kao u push obavijestima GMail Weba

Istina života je ova:

Doista je teško dobiti promet na web stranici.

Ali znate što je još gore?

90% posjetitelja koji posjete vašu stranicu nikada se neće vratiti.

Ekskluzivni bonus: Kliknite ovdje za preuzimanje popisa za izradu magnetskih tekstova. Članci napisani prema ovoj kontrolnoj listi zadržat će čitateljevu pažnju poput magneta ( kliknite za preuzimanje).

Šteta, naravno... Trošite nevjerojatnu energiju na njegov razvoj, ali ono najvrjednije bogatstvo - posjetitelji, zaborave na vas istog dana kada su saznali.

Ali ne očajavajte, postoji rješenje:

Instalirajte na svoju stranicu push obavijesti preglednika.

Ovdje je poanta:

Push obavijesti za stranicu omogućuju vam da budete u kontaktu sa svojim posjetiteljima.

Na nekim blogovima, uvođenje push obavijesti povećalo je ponovljene posjete za nekoliko puta.

I jednostavno, dobra je alternativa biltenima putem e-pošte.

U ovom članku ćete naučiti:

Koje su prednosti push obavijesti
Je li ova relativno nova tehnologija vrijedna toga?
Popis najboljih usluga push obavijesti
Kako povezati push`s na svoju stranicu

Ali prvo, mali primjer...

Extra je jedan od najvećih trgovaca na Bliskom istoku.

Uz pomoć push obavijesti uspjeli su povećati prodaju mobilnim korisnicima za 2 puta:

Ako mislite da je to sve – duboko se varate.

Osim toga, udio ponovljenih kupnji porastao je za 4 puta (!!!).

Kao rezultat toga, Extra marketinški stručnjaci prepoznali su push obavijesti kao najučinkovitiji alat za zadržavanje kupaca.

Što su push obavijesti za web stranicu?

Još uvijek niste sigurni koje su push obavijesti za web stranicu?

Sve je vrlo jednostavno:

Kada posjetite web-resurs, možete vidjeti sljedeći skočni prozor:

Primjer zahtjeva za primanje push obavijesti

Ako se korisnik slaže, možete slati obavijesti o novim člancima, novim proizvodima i još mnogo toga.

Poruke se pojavljuju u desnom kutu zaslona. U tom slučaju, preglednik se može minimizirati ili čak zatvoriti.

Primjer push obavijesti:

Preglednici koji podržavaju push obavijesti

Safari je prvi podržao tehnologiju push obavijesti u pregledniku. Zatim je u travnju 2015. implementiran u Chrome verziji 42.

I konačno, početkom 2016. godine, push obavijesti su počele biti podržane u pregledniku Firefox verzije 44.

Već u ovom trenutku preko 75% svih preglednika podržava slanje push obavijesti.

Zašto bi se korisnici trebali pretplatiti na push obavijesti

Prvo, dotaknimo se prednosti koje korisnici dobivaju kada se pretplate na push obavijesti.

1. Pogodnost na prvom mjestu

Ono što biste trebali shvatiti kao dva i dva:

Ljudi kupuju s onih stranica koje nude najbolju uslugu. Isto vrijedi i za odanost čitatelja.

Ali kako brzo i jednostavno učiniti web stranicu prilagođenom korisniku?

Odgovor je očit:

S push obavijestima.

Recimo da sam se pretplatio na redovita ažuriranja vaše stranice...

Često ću morati otvoriti svoj poštanski sandučić u iščekivanju e-pošte od vas.

U slučaju push obavijesti sve je puno jednostavnije.

OneSignal

Nakon toga, odjeljak OneSignal Push pojavit će se u lijevom stupcu vašeg administrativnog područja.

Naknadna postavka je u potpunosti opisana u koracima, ali na engleskom. Stoga ću ukratko objasniti sve potrebne korake.

Vidjet ćete prozor u kojem trebate ići na odjeljak Konfiguracija:

Sve treba učiniti kako je prikazano na snimkama zaslona i kao rezultat dobit ćete broj projekta i API ključ.

Unesite broj projekta u polje Google Project Number u odjeljku Konfiguracija. Morate spremiti API ključ (i dalje će vam trebati).

Na istom mjestu navedite API ključ iz Google projekta i prisutnost SSL certifikata na vašoj web stranici.

Ako je vaša stranica na http, ništa ne mijenjate. Ako je https, označite odgovarajući potvrdni okvir.

Zašto je ovo potrebno?

Činjenica je da su push obavijesti podržane samo na https stranicama. Međutim, usluga OneSignal rješava problem stvaranjem poddomene za vas.

Adresu svoje web stranice možete koristiti kao poddomenu. Na primjer, umjesto site - napravio sam site4business.onesignal.com

Pododjeljak Izmjena web-mjesta opisuje vrste implementacije push obavijesti. U pododjeljku Safari Push sve je slično prethodnim koracima.

Konačno, možete promijeniti mjesto gumba za pretplatu i njegov tekst u odjeljku Konfiguracija.

Imajte na umu da je za http pretplata na obavijesti dostupna samo uz pomoć gumba. Njegov dizajn možete slobodno mijenjati.

Iskočni prozori dostupni su samo za https web-mjesta.

potisni vijak

Prvo instalirajte dodatak PushCrew.

Nakon toga stvorite račun na web stranici usluge.

Konačno, u odjeljku Prilagodi za radnu površinu možete prilagoditi izgled skočnih prozora.

Ovdje je cijeli popis usluga, pružajući mogućnost implementacije push obavijesti:

Kada posjećujete nove stranice, ponekad se u gornjem lijevom kutu preglednika pojavi mali prozorčić koji traži dopuštenje za isporuku određenih obavijesti.

Ako je korisnik jednom odobrio primanje takvih obavijesti, kasnije u području zadataka računala ili mobilnog uređaja, povremeno će promatrati pojavu malih prozora s porukom da su se na tim stranicama pojavile nove publikacije.

To su takozvane push obavijesti, također su i web-push – moderan alat za internet marketingu. I najprikladniji način informiranja korisnika koji žele biti u tijeku s događajima koji ih zanimaju.

Što su push obavijesti?

Push obavijesti su kratke skočne obavijesti koje se pojavljuju na zaslonu običnog računala ili mobilnog telefona i obavještavaju o važnim događajima i ažuriranjima.

Kada kliknete na push obavijest koju je korisnik primio, u prozoru se odmah otvaraju novosti s stranice, a korisnici se među prvima mogu upoznati s informacijama koje su upravo objavljene na mreži. A ponekad je važno biti među prvim korisnicima koji imaju korisne informacije.

Riža. 1. Kako izgledaju push obavijesti

Pusne obavijesti web-mjesta omogućuju vlasnici web-mjesta, a korisnici mogu upravljati push obavijestima putem postavki preglednika. Ako webmaster nije omogućio push na stranici, tada korisnik nema priliku (ili ne treba) ih koristiti, konfigurirati itd.

Koje su prednosti push obavijesti u odnosu na druge metode dostave svježih informacija? Kako upravljati takvim alatom u desktop preglednicima Google Chrome, Mozilla Firefox ili slično? Razmotrimo ova pitanja u nastavku.

Prednosti push obavijesti

Prednosti implementacije push obavijesti na web stranice za njihove vlasnike, odnosno za webmastere, očite su. Činjenica je da malo sredstava informiranja može osigurati 90% dostave poruke korisniku i gotovo 50% dostave.

Ali kakvu korist dobiva čitatelj ove ili one stranice?

Push obavijesti za neke korisnike mogu biti prikladnije od pretplate na ažuriranja stranice putem e-pošte. Poruke koje dolaze s različitih stranica ne nakupljaju se u poštanskom sandučiću i ne otežavaju pristup osobnoj korespondenciji.

Ako korisnik trenutno nema vremena za čitanje vijesti, tada klikom na push obavijest može otvoriti stranicu u prozoru preglednika i ostaviti je do pogodnog trenutka. Ili ga pošaljite servisu za lijeno čitanje kao što je Pocket ili Readability.

Jedan od nedostataka pretplate na vijesti web stranice putem e-pošte je gomilanje pisama o novim člancima u poštanskom sandučiću korisnika. Uz push obavijest, neće biti prelijevanja u pošti.

Uz nedovoljnu zaštitu stranice od hakiranja, može se dogoditi da baza podataka pretplatnika stranice dospije u ruke prevaranta, koji tu bazu prvo organiziraju (tzv. spam napad). Tada svaki vlasnik e-pošte iz ove baze podataka prima takve lažne neželjene e-poruke. Vjeruje se da su s push obavijestima u tom pogledu korisnici sigurnije zaštićeni: nitko drugi, osim kreatora zanimljivih stranica, neće moći ometati korisnike, bez obzira na to tko išta hakuje na takvim stranicama.

Push obavijesti i RSS feed

Što se tiče zaštite od neželjene pošte, web-push je sličan drugom načinu dostave svježih informacija objavljenih na određenoj stranici - RSS feedu. Potonji čak i pobjeđuje u tome što čuva povijest poruka o objavama stranica na koje se izdaje RSS pretplata. Dok skočne obavijesti nestaju zauvijek nakon nekoliko sekundi.

No korištenje RSS feedova za isporuku vijesti zahtijeva od korisnika samostalne radnje: treba pronaći gumb za pretplatu na svakoj stranici (a ona nema standardnu lokaciju) i unijeti adresu kanala u RSS čitač. Ako korisnik nema takav čitač u pregledniku, ipak ga treba zasebno organizirati, na primjer, instaliranjem proširenja, odabirom web usluge ili korištenjem odgovarajućeg programa.

Push obavijesti same iskaču i nude pretplatu, a njihovu implementaciju osigurava redovita funkcionalnost gotovo svakog modernog preglednika.

Postavljanje push obavijesti u Google Chromeu

Implementacija skočnih obavijesti u Google Chromeu i preglednicima izgrađenim na istom Blink motoru (na primjer, ) nudi korisniku potpuno otvoren format pretplate koji ne zahtijeva od njega bilo kakav izbor.

Pritisnuti zahtjev u Google Chromeu sadrži dva funkcionalna gumba:

"Dozvoli" za odobravanje dostave poruke (1 na slici 2) i
"Blokiraj" za dodavanje stranice na popis blokiranih (2 na slici 2).

U potonjem slučaju, zahtjevi se više neće pojavljivati prilikom naknadnih posjeta takvoj stranici.

Postoji i treća opcija: klikom na križić u prozoru zahtjeva možete odgoditi odluku (3 na slici 3). Stranica neće biti blokirana, a nakon nekog vremena takav će se zahtjev ponovno pojaviti u gornjem lijevom kutu prozora Chrome.

Riža. 2. Kako izgleda zahtjev za push obavijesti u Google Chromeu

Postavljanje push obavijesti u Mozilli

U Mozilla Firefoxu (i drugim preglednicima baziranim na istom Gecko engine-u) obrazac zahtjeva za web push dostavu pametniji je nego u Google Chromeu, točnije, sa sklonošću korisnika određenom izboru.

Gumb "Dopusti obavijesti" (1 na sl. 3) naglašen je indikacijom u boji,
i kao alternativa, suprotan je gumbu za odgođenu odluku “Ne sada” (2 na slici 3).

Gumb za blokiranje obavijesti "Nikad ne dopusti" (4 na slici 3) manji je i skriven unutar gumba "Ne sada" (3 na slici 3).

Riža. 3. Kako izgleda zahtjev za push obavijesti u Mozille Firefoxu

Dopuštene i blokirane push obavijesti nisu sinkronizirane s profilima preglednika. Nakon instalacije novog operativnog sustava, pri prelasku na drugo računalo, pa čak i nakon ponovne instalacije samog preglednika s čišćenjem njegovih ostataka tijekom deinstalacije, morate početi ispočetka - ponovno odgovoriti na zahtjeve web-mjesta, formirati bazu dopuštenja i blokiranja za push obavijesti od nule.

Otkazivanje pretplate na web-push i njihovo blokiranje

Prekomjerna količina skočnih poruka može s vremenom postati neugodna za korisnika. Osim toga, naši se interesi mogu promijeniti.

Kako u takvim slučajevima otkazati pretplatu na nerelevantne stranice ili potpuno onemogućiti isporuku push obavijesti putem preglednika? I kako, naprotiv, deblokirati web-lokacije koje su greškom blokirane kada se to zatraži?

web stranica 15.12.2017

Dobar dan, dragi posjetitelju.

Trenutne obavijesti sa stranice o pojavi novog materijala, kao i drugim događanjima, što može biti bolje?! Ova tehnologija nam je došla iz svijeta mobilne tehnologije - u početku su instant obavijesti bile samo mnoštvo mobilnih aplikacija, ali s vremenom je ta "značajka" uvedena u preglednike (mobilne, a potom i desktop).

Upozorenja povećavaju broj posjetitelja vaše stranice i učinkovitija su od pretplata na e-poštu. Oni. ako je korisnik posjetio vašu stranicu, odobrio zahtjev za omogućavanje obavijesti sa stranice, tada će ih vidjeti gotovo uvijek, a za to ne morate činiti nikakve dodatne geste, kao što je tradicionalno slučaj s listama slanja e-pošte .

Odmah želim napomenuti da se Web Push obavijesti mogu integrirati samo na onim stranicama koje rade pomoću sigurnog protokola (https) - to je zahtjev tehnologije.

Što je Web Push

Kada korisnik posjeti web-mjesto koje ima uslugu razmjene trenutnih poruka, prikazat će se suptilna poruka koja pokazuje da stranica traži dopuštenje za slanje obavijesti. Dizajn ove obavijesti ovisi o pregledniku koji koristite.

Na slici je prikazan primjer s prijedlogom da se pretplatite na obavijesti s web-mjesta u pregledniku Google Chrome i Mozilla Firefox za stolna računala.

A ovako je izgledao isti zahtjev u mobilnom pregledniku Chrome za Android do verzije 63.0.3239.107.

Nakon toga, programeri mobilnog preglednika Google revidirali su svoj pristup izlazu upita, čineći ga agresivnijim. Od sada, on nadjačava sadržaj sve dok korisnik ne izvrši odabir.

Shvativši da to može iritirati posjetitelje, OneSignal je učinio sljedeće: pri pristupu stranici iz mobilnog preglednika Google Chrome za Android, prikazat će se skočni prozor u kojem se traži dopuštenje za pretplatu (tekst zahtjeva se može konfigurirati). Ako se korisnik slaže, tada se već prikazuje standardni upit za omogućavanje upozorenja u pregledniku.
Ovo se odnosi samo na mobilni preglednik Google Chrome za Android; u svim ostalim preglednicima algoritam za prikaz zahtjeva za pretplatu na obavijesti ostaje nepromijenjen.

Kada korisnik pristane primati obavijesti, možete postaviti obavijest "dobrodošli", što znači da ste pretplaćeni na obavijesti o novim materijalima stranice. A kada se pojave, bit ćete obaviješteni odgovarajućom obavijesti.

Kao što vidite, na mobilnim preglednicima upozorenja se često prikazuju u traci obavijesti, dok se na stolnim (računalima) preglednicima pojavljuju u donjem desnom kutu.

Sama upozorenja također su prilagodljiva: možete postaviti sliku, naslov, tekst poruke i otvoriti određenu stranicu kada kliknete na upozorenje.

Kako spojiti Web Push na stranicu

Mora se shvatiti da je Web Push usluga koja se teško može implementirati jednostavnom instalacijom dodatka i sličnim manipulacijama. Stoga ćemo koristiti odgovarajuću uslugu treće strane. U ovom slučaju ćemo govoriti o usluzi OneSignal, uz pomoć koje ćemo našu stranicu obdariti gore opisanom funkcionalnošću. Zašto baš on? Budući da je potpuno besplatan, korisnicima ne šalje nikakve reklame i ostalo.

Malo je vjerojatno da će korisnici uopće znati da je Web Push vaše stranice implementiran pomoću usluge OneSignal. To je njegova neosporna prednost.

Koje su njegove mane? Također su dostupni. Sučelje ove usluge je na engleskom jeziku i na njega ćete se morati naviknuti ako planirate generirati upozorenja koja će se slati korisnicima koji su na njih pretplaćeni.

Postoji službeni dodatak za integraciju u WordPress, koji mi se, međutim, nimalo nije svidio. Njegova veličina je 6,5 megabajta, što je dosta... već me je odbilo od korištenja.

Web Push sam integrirao u stranicu s “ručicama” čitajući vodič za integraciju (na engleskom), koji je pobliže predstavljen na web stranici usluge.

A same poruke formiram putem osobnog računa na servisu.

Želim vam reći o ovoj metodi integracije (bez dodatka). Vrijedi napomenuti da pomoću opisane metode integracije Web Push-u možete dodijeliti funkcionalnost ne samo WordPress stranice, već i one koja radi na bilo kojem drugom motoru ili se čak sastoji od statičkih html stranica. Doista svestran izbor!

Prvi korak je otići na web stranicu usluge OneSignal i registrirati se. Da biste to učinili, kliknite na vezu PRIJAVITI SE i u prozoru koji se pojavi kliknite na vezu prijavi se, koji se nalazi na dnu. Tamo ćete morati unijeti svoju e-poštu, lozinku, naziv tvrtke ili organizacije (unesite bilo koji) i prihvatiti ugovor o uvjetima korištenja. Također možete dobiti ubrzanu registraciju ako imate Google, Facebook, Github račun.
Nakon registracije i ulaska u svoj osobni račun, vidjet ćete poruku dobrodošlice u kojoj su navedene značajke usluge.
Nakon što ste kliknuli na zadnji prozor, kliknite na gumb koji se tamo nalazi Dodajte novu aplikaciju.
U prozoru koji se otvori unesite naziv, na primjer, naziv stranice i kliknite gumb Stvoriti.
Nakon toga, vaše će oči vidjeti prozor u kojem ćete morati kliknuti na gumb s natpisom push web stranice i pritisnite tipku Sljedeći.
U sljedećem prozoru kliknite na označeni gumb Google Chrome i Mozilla Firefox, zatim pritisnite Sljedeći.
Napomena: postoji i gumb Apple Safari, i možda imate prirodno pitanje: što je s ovim preglednikom? Ne brinite, mi ćemo ga dodati u jednom od sljedećih koraka.
U sljedećem prozoru od nas će biti zatraženo da unesemo adresu stranice, kao i njen logotip (opcionalno, možete ga dodati kasnije). Sam logo mora imati rezoluciju 192 x 192 piksela u png formatu, čija se datoteka mora nalaziti na samom hostingu. Nakon unosa podataka pritisnite tipku Uštedjeti.
Kao rezultat, otvorit će se prozor u kojem ćete morati odabrati između opcija kako će se usluga integrirati, morat ćete kliknuti na gumb push web stranice i pritisnite Sljedeći.
Informacije u prozoru će se promijeniti i vaše Vaš ID aplikacije. Ne zatvarajte ovaj prozor, trebat će nam kasnije. Sada prijeđimo na integraciju koda usluge u stranicu.
Za integraciju koda na stranicu, morate preuzeti ovu arhivu (arhiva se preuzima sa službene stranice) s datotekama koje će biti potrebne za uspješnu integraciju. Arhiva sadrži mapu OneSignalSDKFiles, a sadrži tri datoteke:
- manifest.json
- OneSignalSDKWorker.js
- OneSignalSDKUpdaterWorker.js
Raspakirajte ove datoteke.
Zatim morate otvoriti datoteku u uređivaču teksta. manifest.json i uredite naslov Primjer OneSignal u ime vaše stranice. Ovdje nema strogih zahtjeva, možete unijeti naziv stranice i njen slogan.
Sada prenesite ove datoteke u korijen svoje stranice kako bi ove datoteke bile dostupne ako upišete njihovu adresu u traku preglednika:
https://sitename.ru/manifest.json
https://sitename.ru/OneSignalSDKWorker.js
https://sitename.ru/OneSignalSDKUpdaterWorker.js
Ali to nije sve. Sada morate dodati kod izravno u predložak web-mjesta. Ako je ovo WordPress, idite u mapu ( \wp-content\themes\<папка с названием темы> ) gdje se nalazi tema koju koristite i tamo pronađite datoteku header.php. Otvorite ovu datoteku za uređivanje i upišite negdje između oznaka … sljedeći kod:

Nemojte zaboraviti mjesto Unesite ID svoje aplikacije OVDJE unesite kod koji je dodijeljen vašem slučaju i prikazan je u prozoru koji je označen u koraku 9.
Naslov i poruka su zaslužni za "dobrodošlicu" prilikom pretplate, tekst u ovim redovima možete promijeniti po svom ukusu.
A parametri actionMessage, acceptButtonText, cancelButtonText odgovorni su za tekst zahtjeva za pretplatu, koji se prikazuje u pregledniku Google Chrome za Android mobilne uređaje i nigdje drugdje.
Spremite datoteku header.php s kodom koji ste unijeli.
Sada otvorite svoju web stranicu. Trebali biste vidjeti upozorenje koje vas traži da se pretplatite na trenutne obavijesti. Slažem se s ovom ponudom.
Napomena: Vrijedi napomenuti da se ovaj zahtjev prikazuje jednom. A ako ste se složili s tim, kasnije se neće pojaviti, već će se izvršiti automatska pretplata. Čak ni brisanje povijesti preglednika neće pomoći.
Upravo sam se i sam susreo s takvom značajkom tehnologije, eksperimentirajući s integracijom na stranicu. Dakle, ako ne vidite zahtjev, onda ne biste trebali "uzbuniti" i misliti da nešto ne radi, samo pokušajte pristupiti iz drugog preglednika koji prethodno nije pristupio stranici.
Čestitamo - prvi ste pretplatnik na upozorenja sa svoje stranice :-) Ali to nije sve.
Sada se vratite na prozor koji smo ostavili kako biste nastavili s integracijom koda u stranicu i kliknite gumb u njemu Provjerite Pretplaćene korisnike. Kao rezultat toga, ispod gumba će se pojaviti poruka, ako je zelena, onda je sve prošlo dobro, možete kliknuti na gumb koji se nalazi u donjem desnom kutu Gotovo.
Web Push će raditi (pretplatiti se, primati) u pregledniku Google Chrome i onima koji se temelje na Chromium kodu: Opera, Yandex Browser itd., kao i Mozilla Firefox.
Moramo samo omogućiti mogućnost rada Web Push-a u pregledniku Apple Safari – desktop verziji Apple preglednika (nije mobilna, iOS ne podržava Web Push tehnologiju).
Da biste omogućili podršku za Apple Safari, učinite sljedeće:
Na svom OneSignal računu, u lijevom izborniku kliknite na vezu Postavke aplikacije, u izborniku koji se otvori kliknite gumb Konfigurirati, koji se nalazi nasuprot točke Apple Safari.
U prozoru koji se otvori unesite naziv svoje stranice i unesite njezinu URL adresu. Po želji, možete prenijeti logotip web-mjesta koji će biti prikazan u upozorenju. Da biste to učinili, potvrdite okvir Želio bih prenijeti vlastite ikone obavijesti i prenesite grafičku datoteku. Uvjet za logo je rezolucija 256 x 256 piksela, png format. Nakon što ste učinili sve što je potrebno - kliknite gumb Uštedjeti.
Bit ćete preusmjereni na stranicu Postavke aplikacije, ali ispod natpisa Apple Safari bit će istaknuta web ID.
Mora se kopirati i zalijepiti u kod koji smo prethodno umetnuli u datoteku header.php:
SistNotification: true, safari_web_id: "", welcomeNotification: ( "title": "Obavijest...
SistNotification: true, safari_web_id: "Unesite svoj Apple Safari ID OVDJE", dobrodošlaNotification: ( "title": "Obavijest...
Spremite promjene.

Sve, integracija i postavljanje je završeno. Ako nešto nije jasno, onda postavljajte pitanja, a također se upoznajte s načinom na koji se kod upisuje na ovu stranicu. Jedina iznimka na ovoj stranici je redak koda

premješteno u tzv. "podnožje" (u izvornom kodu stranice prikazuje se pri dnu).

Kako generirati i poslati Web Push pretplatnicima

Shvatili smo kod i integraciju, sada je na sitnici - kreirati mailing listu.

Da biste to učinili, kliknite na vezu u lijevom izborniku nova poruka.
Tamo će nas čekati čarobnjak uz pomoć kojeg ćemo kreirati mailing listu.
Na stranici za slanje svi su već odabrani prema zadanim postavkama ( Pošalji svima). Klik Sljedeći.
Poruka se upisuje na sljedećoj stranici. Ne obraćajte pažnju na natpis ENGLESKI prije obrasca za unos, možete jednostavno kreirati višestruku mailing listu za svaki navedeni jezik. Ako vam ne treba, slobodno unesite naslov ( Titula) i poruku ( poruka) i pritisnite Sljedeći.
Na ovoj stranici od nas se traži da navedemo ikone, sliku i poveznicu koja će se otvoriti kada kliknete na upozorenje.
ikone ( ikona- minijatura prikazana pored teksta) podržava Google Chrome, Mozilla Firefox (i preglednike temeljene na Chromiumu), veliku sliku ( Slika) samo Chrome i samo od verzije 56. Za preglednik Safari ne postoji način da se navede ikona, dolazne obavijesti uvijek će prikazati ikonu koja je učitana u koraku 16 uputa za povezivanje Web Push-a na web-mjesto. Ovo je implementacija podrške za push obavijesti u pregledniku Safari.
Možete zanemariti unos velike slike ( Slika), ograničeno na određivanje ikone ( ikona).
Više reći o terenu Vrijeme za život– ova opcija je odgovorna za životni vijek poruke, prema zadanim postavkama iznosi tri dana. Ako tijekom tog vremena pametni telefon / preglednik ne može pristupiti internetu, poruka mu uopće neće biti dostavljena.
Ima smisla povećati ovaj jaz. Povećavam ovaj prag na 128 dana (unošenjem 11111111 na terenu). Da biste ga povećali, jednostavno počnite unositi brojeve i postavljeni prag bit će prikazan u stvarnom vremenu.
Nakon unosa svih podataka kliknite Sljedeći.
Sljedeća stranica pokazuje kada poslati. Prema zadanim postavkama, slanje je trenutno, ali možete pokušati upotrijebiti opciju Inteligentna dostava (preporučeno)– slanje poruka u vrijeme kada je najvjerojatnije da će biti relevantne za određene korisnike (ovisno o vremenskoj zoni i drugim čimbenicima) .
Kliknite za nastavak Potvrdite.
Kao rezultat toga, prikazat će se stranica s generaliziranim sažetim informacijama o slanju poruke, njezinom sadržaju, broju pretplatnika itd. Pritisnite gumb za potvrdu slanja. Pošalji poruku.

I bit ćete preusmjereni na stranicu statistike, gdje možete vidjeti koliko je poruka ukupno poslano, koja je od njih dostigla cilj, koliko su puta pretplatnici kliknuli na nju itd. Vrlo zgodno i vizualno.

Važno je napomenuti da u lijevom izborniku možete odabrati stavku Predlošci i izradite predložak za slanje e-pošte kako ne biste svaki put unosili ponovljene informacije prilikom izrade obične mailing liste.

Sažetak

U materijalu smo detaljno ispitali prednosti web push-a, proces instaliranja usluge instant obavijesti na web-stranicu te njegovu upotrebu na primjeru potpuno besplatnog servisa OneSignala.

Ako imate bilo kakvih pitanja, onda u komentarima možete razjasniti sve suptilnosti i nijanse.

Stranica za donacije(donacije se prikupljaju putem usluge Yandex Money)

Kako isključiti push obavijesti - ovo pitanje zabrinjava neke korisnike koji vide obavijesti u pregledniku nakon što se prijave na mnoga web-mjesta na Internetu. Push tehnologija je dizajnirana za distribuciju informacija na Internetu od davatelja, u ovom slučaju web stranice, do korisnika ove stranice.

Push obavijesti za stranicu potrebne su za informiranje posjetitelja web stranice o novostima, uglavnom o objavljivanju novih članaka. U tom slučaju posjetitelj pravovremeno prima obavijesti sa stranice i može odmah pročitati vijest.

Obavijesti u ime stranice šalju se pomoću usluge treće strane koja organizira dostavu obavijesti na računala korisnika.

Što je push obavijest na računalu? Ako posjetitelj stranice pristane primati poruke s ovog resursa, s vremena na vrijeme na radnoj površini korisnika pojavljuju se obavijesti o vijestima o ovoj web stranici.

Kako funkcioniraju push obavijesti

Prilikom posjete stranici koja ima omogućenu funkciju slanja obavijesti, posjetitelj svaki put vidi zahtjev za omogućavanje prikaza obavijesti u kojem se predlaže kliknuti na gumbe "Dopusti" ili "Blokiraj". Nazivi gumba mogu biti različiti, ali značenje je svugdje isto.

Posjetitelj stranice može zanemariti ovaj skočni prozor jer je prozor zahtjeva za push obavijesti mali i ne ometa pregledavanje stranice.

Izgled takvih prozora je različit, ovisno o servisu koji šalje obavijesti s ove stranice.

Klikom na gumb "Dopusti" pristajete na primanje push poruka na svoje računalo.

U području obavijesti, na radnoj površini računala korisnika, pojavit će se obavijesti o novostima na ovoj web stranici. Obično je to poruka o objavljivanju novog članka. Neke stranice zloupotrebljavaju mogućnost slanja upozorenja, obavještavaju o svemu za redom, ponekad šalju nepotrebne informacije.

Nakon primitka push obavijesti, korisnik može otići na stranicu kako bi pročitao članak ili zatvoriti obavijest ignorirajući ovu poruku. Takve obavijesti s web-mjesta praktički ne ometaju rad na računalu, jer se prikazuju u području obavijesti i zatvaraju se same nakon kratkog vremenskog razdoblja.

Kako biste spriječili da se zahtjev za dopuštenje za slanje upozorenja s ove stranice više ne pojavljuje kada ponovno posjetite ovu web stranicu, kliknite na gumb "Blokiraj".

Ako već primate push poruke s određene stranice, tada korisnik može samostalno onemogućiti push obavijesti u svom pregledniku u kojem je dopustio primanje obavijesti na svom računalu.

Kako ukloniti push obavijesti nakon primitka upozorenja

U mnogim obavijestima, ovisno o postavkama usluge koja šalje obavijesti, možete onemogućiti push obavijesti izravno u prozoru otvorene poruke.

Da biste to učinili, kliknite na ikonu postavki (zupčanik), a zatim odaberite "Isključi obavijesti s web-mjesta".

Nakon toga, obavijesti s ove stranice više se neće pojavljivati na vašem računalu.

Kako onemogućiti push obavijesti u Google Chromeu

Unesite postavke preglednika Google Chrome, pomaknite se kotačićem miša prema dolje, kliknite na vezu "Napredno".

U odjeljku "Privatnost i sigurnost" kliknite na gumb "Postavke stranice". U prozoru "Postavke web-mjesta" koji se otvori pronađite odjeljak "Obavijesti".

Ovdje možete postaviti primanje upozorenja od web-mjesta. Prema zadanim postavkama, odabrano je "Traži dopuštenje prije slanja (preporučeno)".

Kako biste uklonili push obavijesti u pregledniku Google Chrome, aktivirajte opciju "Ne prikazuj obavijesti na web stranicama".

Kako biste spriječili primanje upozorenja s određene stranice, kliknite na gumb "Dodaj" koji se nalazi nasuprot parametra "Blokiraj".

U prozoru "Dodaj mjesto" unesite adresu web-mjesta, a zatim kliknite gumb "Dodaj".

Da biste konfigurirali primanje push poruka, kliknite na gumb "Dodaj" koji se nalazi nasuprot opcije "Dopusti".

U prozoru koji se otvori dodajte željeno mjesto na popis stranica s kojih vam je dopušteno primanje obavijesti u pregledniku Google Chrome.

Kako onemogućiti push poruke u Mozilla Firefoxu (1 način)

Unesite postavke preglednika Mozilla Firefox, otvorite odjeljak "Privatnost i sigurnost". U opciji "Dozvole" idite na opciju "Obavijesti".

Označite okvir pored Isključi obavijesti dok se Firefox ponovno ne pokrene. Nakon toga, Push obavijesti neće se prikazivati dok se preglednik Mozilla Firefox ne onemogući.

Za upravljanje upozorenjima kliknite na gumb "Postavke...". U prozoru "Opcije - Dopuštenje za prikaz obavijesti" nalazi se popis web-mjesta s kojih su obavijesti dopuštene ili blokirane.

Ako stranica ima status "Blokiraj" pored sebe, tada se obavijesti s ove stranice ne pojavljuju na vašem računalu, jer ste prethodno blokirali zahtjev za slanje obavijesti s ove stranice.

Ako je status "Dopusti" pored adrese web-mjesta, tada će se obavijesti s ove stranice pojaviti na vašem računalu.

Možete ukloniti bilo koje web-mjesto s popisa pomoću gumba Ukloni web-mjesto ili ukloniti sve stranice s popisa klikom na gumb Ukloni sve web-stranice.

Nakon toga, nove obavijesti s udaljene stranice neće se pojaviti na radnoj površini vašeg računala. Kada ponovno posjetite ovu stranicu, odbijte zahtjev za primanje upozorenja.

Da biste blokirali primanje novih poruka s web-lokacija koje nisu navedene na ovom popisu, označite potvrdni okvir "Blokiraj nove zahtjeve za slanje obavijesti".

Za završetak konfiguriranja redoslijeda primanja obavijesti kliknite na gumb "Spremi promjene".

Kako ukloniti push obavijesti u Mozilla Firefoxu (2 načina)

Da biste potpuno onemogućili obavijesti u pregledniku Mozilla Firefox, morate unijeti skrivene postavke preglednika.

Upišite u adresnu traku izraz: "about:config" (bez navodnika). U prozoru koji se otvori kliknite na gumb "Prihvaćam rizik!".

U novom prozoru unesite u polje "Search" izraz: "dom.webnotifications.enabled" (bez navodnika), a zatim pritisnite tipku "Enter".

Ova postavka je zadana na "true". Odaberite liniju, kliknite desnom tipkom miša, odaberite "Prebaci" iz kontekstnog izbornika. Vrijednost parametra će se promijeniti u "false".

Kako onemogućiti push obavijesti u Yandex.Browseru

Unesite postavke preglednika Yandex, idite na karticu "Sites".

U odjeljku "Sites" idite na opciju "Zahtjevi za slanje obavijesti". Ovdje postoje tri opcije za akciju:

Prikaži zahtjeve za slanje (preporučeno).
Ne prikazuj zahtjeve za slanje.
Automatski se pretplatite na obavijesti.

Odaberite željenu opciju koja regulira postupak primanja push poruka. Da biste potpuno onemogućili sve push obavijesti u pregledniku Yandex, odaberite opciju "Ne prikazuj zahtjeve za slanje".

Ako trebate konfigurirati primanje pojedinačnih obavijesti, kliknite na vezu "Na drugim stranicama". Zatim u prozoru "Slanje obavijesti" odaberite koje push obavijesti želite blokirati, a koje dopustiti.

Otvorite karticu "Dopušteno" ili "Zabranjeno", pomoću gumba "Dodaj" dodajte vezu na stranicu u odgovarajući odjeljak.

Kako isključiti push obavijesti u Operi

Uđite u izbornik preglednika Opera, kliknite na stavku kontekstnog izbornika "Postavke". Zatim odaberite odjeljak "Napredno", kliknite na "Sigurnost".

U odjeljku Privatnost i sigurnost odaberite opciju Postavke sadržaja. Pronađite opciju "Obavijesti".

U prozoru s obavijestima opcija "Traži dopuštenje prije slanja (preporučeno)" omogućena je prema zadanim postavkama.

Ovdje trebate dodati web mjesto u odjeljak "Blokiraj" ili "Dopusti".

Kako onemogućiti push obavijesti u programu Microsoft Edge

Prijavite se u postavke preglednika Microsoft Edge. Odaberite "Opcije". U prozoru "Opcije" kliknite na "Prikaži napredne opcije". U prozoru "Napredne opcije" odaberite "Obavijesti", a zatim kliknite na gumb "Upravljanje".

Prozor Upravljanje obavijestima prikazat će web-mjesta koja traže dopuštenje za prikaz obavijesti. Možete promijeniti dopuštenja za određena web-mjesta.

Članak Zaključci

Korisnik može samostalno onemogućiti push (push) obavijesti u pregledniku koje prima na radnoj površini svog računala, dopuštajući slanje obavijesti s određene web stranice.

Sigurno su svi koji su barem jednom koristili Google mail vidjeli ovakve obavijesti:

Gmail obavijesti

Te se obavijesti nazivaju HTML5 obavijesti i vidljive su čak i ako se prebacite na drugu karticu ili potpuno minimizirate preglednik.

Nakon što pročitate ovaj članak, moći ćete napraviti iste obavijesti za svoju web stranicu. Kôd je jednostavan, na više platformi i izravno slanje obavijesti traje samo 1 redak u vašem omiljenom JavaScriptu.

Također na kraju članka nalazi se gotova funkcija s kojom možete početi slati obavijesti bez ulaska u detalje.

Prema caniuse.com , sada takve obavijesti (HTML5 obavijesti) rade u preglednicima Chrome, Firefox (35+), Opera (27+), Safari (7.1+). Internet Explorer nema internetsku podršku za obavijesti. Ako uzmemo u obzir mobilne platforme, onda samo Android preglednik ima djelomičnu podršku za HTML5 obavijesti.

Prije nego što možemo izravno slati obavijesti, moramo dobiti dopuštenje za to.
To možete učiniti pomoću metode Notification.requestPermission():

Notification.requestPermission(function(permission)( // varijabla dopuštenja sadrži rezultat zahtjeva console.log("Rezultat zahtjeva za dopuštenje:", dopuštenje); ));

Nakon izvršenja metode, rezultat zahtjeva za dopuštenjem bit će pohranjen u varijablu dopuštenja.

Evo njegovih različitih značenja s objašnjenjima:

zadano - zahtjev za stjecanje prava nije poslan;
odobreno - korisniku je dopušteno prikazivanje obavijesti;
odbijeno - korisnik je zabranio prikazivanje obavijesti.

Nakon što smo primili prava, možemo pristupiti izravno slanju obavijesti.
To se radi vrlo jednostavno, u jednom retku:

Var notification = nova obavijest (naslov, opcije);

title - naslov obavijesti,

opcije (neobavezno) ima sljedeće opcije:

tijelo - tijelo obavijesti (glavni tekst), različito skraćeno u različitim preglednicima i operativnim sustavima (na primjer, u Chromeu pod Win 8.1, maksimalna duljina je 200 znakova);
dir - smjer prikaza obavijesti, može biti auto, ltr (slijeva na desno) ili rtl (desno nalijevo);
lang - jezik obavijesti;
oznaka - jedinstveni identifikator obavijesti koji se može koristiti za zamjenu drugom obavijesti ili brisanje;
ikona - URL slike koja će biti prikazana u obavijesti (preporučena rezolucija 40×40 px).

Pokušajmo postaviti parametre i poslati obavijest:

Var notification = new Notification("Koliko TYU programera je potrebno da se uvrne žarulja?", ( tijelo: "Samo ti!", dir: "auto", ikona: "icon.jpg" ));

Rezultat izvršavanja gornjeg koda

Obavijest također ima metode rukovanja događajima onclick, onshow, onerror, onclose:

Funkcija clickFunc() ( alert("Korisnik je kliknuo obavijest"); ) notification.onclick = clickFunc;

Proizlaziti:

Na klik

Jedna funkcija za sve

Sada ćemo sve skupiti u jednoj funkciji i dodati nekoliko provjera pogrešaka:

Funkcija sendNotification(title, options) ( // Provjerite podržava li preglednik HTML5 obavijesti if (!("Obavijest" u prozoru)) ( alert("Vaš preglednik ne podržava HTML obavijesti, potrebno ga je ažurirati."); ) // Provjerite , postoje li prava za slanje obavijesti else if (Notification.permission === "dodijeljeno") ( // Ako postoje prava, pošaljite obavijest var notification = new Notification(title, options); function clickFunc() ( alert("Korisnik je kliknuo na obavijest"); ) notification.onclick = clickFunc; ) // Ako nema prava, pokušajte ih dobiti inače ako (Notification.permission !== "denied") ( Notification.requestPermission( funkcija (dopuštenje) ( // Ako su prava uspješno primljena, pošaljite obavijest if (dopuštenje === "dodijeljeno") ( var notification = nova obavijest(naslov, opcije); ) else ( alert("Odbili ste prikazivanje obavijesti "); // Korisnik je odbio naš zahtjev za prikaz obavijesti ) ) ); ) else ( // Korisnik je prethodno odbio naš zahtjev za prikaz obavijesti // U ovom trenutku možemo, ali nećemo mu smetati. Poštujte odluke svojih korisnika. )

Sada imamo lijepu značajku koja olakšava slanje obavijesti bez da nas ometaju zahtjevi za pravima ili podrška preglednika:

SendNotification("Vratite Linusa!", ( tijelo: "Testiranje HTML5 obavijesti", ikona: "icon.jpg", dir: "auto" ));

Rezultat izvršavanja funkcije u različitim preglednicima: