Spletna potisna obvestila. Kaj je in zakaj? Obvestila HTML5 so preprosta: naredite obvestila v eni vrstici, kot pri potisnih obvestilih GMail Web

Resnica življenja je naslednja:

Res je težko pridobiti promet na spletnem mestu.

Ampak veš kaj je še huje?

90 % obiskovalcev, ki obiščejo vaše spletno mesto, se ne bo nikoli vrnilo.

Ekskluzivni bonus: Kliknite tukaj, če želite prenesti kontrolni seznam za ustvarjanje magnetnih besedil. Članki, napisani v skladu s tem kontrolnim seznamom, bodo pritegnili pozornost bralca kot magnet ( kliknite za prenos).

Škoda, seveda ... Za njegov razvoj porabite neverjetno energijo, a najbolj dragoceno premoženje - obiskovalci, pozabijo na vas še isti dan, ko so izvedeli.

Ampak ne obupajte, obstaja rešitev:

Namestite na svoje spletno mesto potisna obvestila brskalnika.

Tukaj je bistvo:

Potisna obvestila za spletno mesto vam omogočajo, da ste v stiku s svojimi obiskovalci.

Na nekaterih blogih je uvedba potisnih obvestil večkrat povečala večkratne obiske.

In preprosto je dobra alternativa e-poštnim glasilom.

V tem članku se boste naučili:

Kakšne so prednosti potisnih obvestil
Je ta relativno nova tehnologija vredna tega?
Seznam najboljših storitev potisnega obveščanja
Kako povezati push`s s svojim spletnim mestom

Ampak najprej majhen primer...

Extra je eden največjih trgovcev na drobno na Bližnjem vzhodu.

S pomočjo potisnih obvestil so lahko povečali prodajo mobilnim uporabnikom za 2-krat:

Če mislite, da je to vse - se močno motite.

Poleg tega se je delež ponovnih nakupov povečal za 4-krat (!!!).

Posledično so Extrini tržniki prepoznali potisna obvestila kot najučinkovitejše orodje za ohranjanje strank.

Kaj so potisna obvestila za spletno mesto?

Še vedno niste prepričani, kaj so potisna obvestila za spletno mesto?

Vse je zelo preprosto:

Ko obiščete spletni vir, boste morda videli naslednje pojavno okno:

Primer zahteve za prejemanje potisnih obvestil

Če se uporabnik strinja, lahko pošljete obvestila o novih artiklih, novih izdelkih in drugem.

Sporočila se prikažejo v desnem kotu zaslona. V tem primeru je brskalnik mogoče minimizirati ali celo zapreti.

Primer potisnega obvestila:

Brskalniki, ki podpirajo potisna obvestila

Safari je bil prvi, ki je v brskalniku podprl tehnologijo potisnega obveščanja. Nato je bil aprila 2015 implementiran v Chromu različice 42.

In končno, v začetku leta 2016 so potisna obvestila začela podpirati v brskalniku Firefox različice 44.

Že v tem trenutku več kot 75 % vseh brskalnikov podpira pošiljanje potisnih obvestil.

Zakaj bi se uporabniki morali naročiti na potisna obvestila

Najprej se dotaknimo prednosti, ki jih uporabniki dobijo, ko se naročijo na potisna obvestila.

1. Udobje najprej

Kaj morate razumeti kot dva in dva:

Ljudje kupujejo na tistih mestih, ki ponujajo najboljšo storitev. Enako velja za zvestobo bralcev.

Toda kako hitro in enostavno narediti spletno mesto uporabniku prijazno?

Odgovor je očiten:

S potisnimi obvestili.

Recimo, da sem se naročil na redne posodobitve vaše strani ...

Pogosto bom moral odpreti svoj poštni predal v pričakovanju vašega e-poštnega sporočila.

V primeru potisnih obvestil je vse veliko bolj preprosto.

OneSignal

Po tem se bo v levem stolpcu vašega skrbniškega območja pojavil razdelek OneSignal Push.

Nadaljnja nastavitev je v celoti opisana po korakih, vendar v angleščini. Zato bom na kratko razložil vse potrebne korake.

Videli boste okno, v katerem morate iti v razdelek Konfiguracija:

Vse je treba narediti, kot je prikazano na posnetkih zaslona in kot rezultat boste prejeli številko projekta in ključ API.

Vnesite številko projekta v polje Google Project Number v razdelku Konfiguracija. Shraniti morate ključ API (še vedno ga boste potrebovali).

Na istem mestu določite ključ API iz Googlovega projekta in prisotnost potrdila SSL na vašem spletnem mestu.

Če je vaše spletno mesto na http, ne spremenite ničesar. Če je https, potrdite ustrezno potrditveno polje.

Zakaj je to potrebno?

Dejstvo je, da so potisna obvestila podprta samo na spletnih mestih https. Vendar storitev OneSignal rešuje težavo tako, da za vas ustvari poddomeno.

Naslov spletnega mesta lahko uporabite kot poddomeno. Na primer, namesto spletnega mesta - naredil sem site4business.onesignal.com

Pododdelek Modify Site opisuje vrste izvajanja potisnih obvestil. V pododdelku Safari Push je vse podobno kot v prejšnjih korakih.

Končno lahko spremenite lokacijo gumba za naročanje in njegovo besedilo v razdelku Konfiguracija.

Upoštevajte, da je za http naročnina na obvestila na voljo samo s pomočjo gumba. Njegovo zasnovo lahko prosto spreminjate.

Pojavna okna so na voljo samo za spletna mesta https.

potisni vijak

Najprej namestite vtičnik PushCrew.

Po tem ustvarite račun na spletnem mestu storitve.

Nazadnje lahko v razdelku Prilagodi za namizje prilagodite videz pojavnih oken.

Tukaj je celoten seznam storitev, ki zagotavlja možnost implementacije potisnih obvestil:

Ko obiščete nova spletna mesta, se v zgornjem levem kotu brskalnika včasih prikaže majhno okno, ki zahteva dovoljenje za dostavo določenih obvestil.

Če je uporabnik enkrat odobril prejemanje takšnih obvestil, bo pozneje v opravilnem območju računalnika ali mobilne naprave občasno opazoval pojav majhnih oken s sporočilom, da so se na teh straneh pojavile nove publikacije.

To so tako imenovana potisna obvestila, so tudi web-push – sodobno orodje za internetne tržnike. In najbolj priročno sredstvo za obveščanje uporabnikov, ki želijo biti na tekočem z dogodki, ki jih zanimajo.

Kaj so potisna obvestila?

Potisna obvestila so kratka pojavna obvestila, ki se prikažejo na zaslonu običajnega računalnika ali mobilnega telefona in obveščajo o pomembnih dogodkih in posodobitvah.

Ko kliknete na potisno obvestilo, ki ga je uporabnik prejel, se v oknu takoj odprejo novice spletnega mesta, uporabniki pa se lahko med prvimi seznanijo z informacijami, ki so bile pravkar objavljene v omrežju. In včasih je pomembno biti med prvimi uporabniki, ki imajo koristne informacije.

riž. 1. Kako izgledajo potisna obvestila

Potisna obvestila spletnega mesta omogočajo lastniki spletnih mest, uporabniki pa lahko upravljajo potisna obvestila prek nastavitev brskalnika. Če spletni skrbnik ni omogočil potiska na spletnem mestu, potem jih uporabnik nima možnosti (ali potrebe) uporabljati, konfigurirati itd.

Kakšne so prednosti potisnih obvestil v primerjavi z drugimi načini posredovanja svežih informacij? Kako upravljati takšno orodje v namiznih brskalnikih Google Chrome, Mozilla Firefox ali podobno? Razmislimo o teh vprašanjih spodaj.

Prednosti potisnih obvestil

Prednosti izvajanja potisnih obvestil na spletnih mestih za njihove lastnike, torej za spletne skrbnike, so očitne. Dejstvo je, da lahko le malo sredstev obveščanja uporabniku zagotovi 90-odstotno dostavo sporočila in skoraj 50-odstotno dostavo.

Toda kakšno korist ima bralec tega ali onega spletnega mesta?

Potisna obvestila za nekatere uporabnike so morda bolj priročna kot naročanje na posodobitve spletnega mesta po e-pošti. Sporočila, ki prihajajo z različnih spletnih mest, se ne kopičijo v nabiralniku in ne otežujejo dostopa do osebne korespondence.

Če uporabnik trenutno nima časa za branje novic, lahko s klikom na potisno obvestilo odpre stran v oknu brskalnika in jo pusti do primernega trenutka. Ali pa ga pošljite storitvi za leno branje, kot je Pocket ali Readability.

Ena od slabosti naročanja na novice spletnega mesta po e-pošti je kopičenje pisem o novih člankih v nabiralniku uporabnika. S potisnim obvestilom v pošti ne bo prelivanja.

Ob nezadostni zaščiti strani pred vdori se lahko zgodi, da baza naročnikov strani pade v roke prevarantom, ki to bazo najprej organizirajo (t. i. spam napad). Potem vsak lastnik e-pošte iz te baze podatkov prejme tako goljufivo neželeno pošto. Verjame se, da so s potisnimi obvestili v zvezi s tem uporabniki bolj varno zaščiteni: nihče drug, razen ustvarjalcev zanimivih spletnih mest, ne bo mogel motiti uporabnikov, ne glede na to, kdo kaj vdre na takih spletnih mestih.

Potisna obvestila in vir RSS

V smislu zaščite pred neželeno pošto je spletni potiski podoben drugemu sredstvu za zagotavljanje svežih informacij, objavljenih na določenem spletnem mestu – viru RSS. Slednji celo zmaga s tem, da hrani zgodovino sporočil o objavah spletnih mest, na katere je izdana naročnina na RSS. Medtem ko pojavna obvestila po nekaj sekundah izginejo za vedno.

Toda uporaba virov RSS za pošiljanje novic od uporabnika zahteva samostojna dejanja: na vsakem spletnem mestu mora najti gumb za naročnino (in nima standardne lokacije) in vnesti naslov kanala v bralnik RSS. Če uporabnik v brskalniku nima takšnega bralnika, ga je treba še vedno organizirati ločeno, na primer z namestitvijo razširitve, izbiro spletne storitve ali uporabo ustreznega programa.

Potisna obvestila se sama pojavijo in ponujajo naročnino, njihovo izvajanje pa zagotavlja standardna funkcionalnost skoraj vsakega sodobnega brskalnika.

Nastavitev potisnih obvestil v Google Chromu

Implementacija pojavnih obvestil v Google Chromu in brskalnikih, zgrajenih na istem motorju Blink (na primer ), ponuja uporabniku popolnoma odprto naročniško obliko, ki od njega ne zahteva nobene izbire.

Potisna zahteva v Google Chromu vsebuje dva funkcionalna gumba:

»Dovoli« odobritev dostave sporočil (1 na sliki 2) in
"Blokiraj", če želite spletno mesto dodati na seznam blokiranih (2 na sliki 2).

V slednjem primeru se zahteve ne bodo več pojavljale ob naslednjih obiskih takega mesta.

Obstaja še tretja možnost: s klikom na križec v oknu zahteve lahko preložite odločitev (3 na sliki 3). Spletno mesto ne bo blokirano in čez nekaj časa se bo taka zahteva v zgornjem levem kotu okna Chrome znova prikazala.

riž. 2. Kako izgleda zahteva za potisna obvestila v Google Chromu

Nastavitev potisnih obvestil v Mozili

V Mozilla Firefoxu (in drugih brskalnikih, ki temeljijo na istem motorju Gecko) je obrazec zahteve za spletno potisno dostavo pametnejši kot v Google Chromu, oziroma z nagibom uporabnika k določeni izbiri.

Gumb »Dovoli obvestila« (1 na sliki 3) je poudarjen z barvno indikacijo,
in kot alternativa je v nasprotju z gumbom za odloženo odločitev »Ne zdaj« (2 na sliki 3).

Gumb za blokiranje obvestil »Nikoli ne dovoli« (4 na sliki 3) je manjši in skrit znotraj gumba »Ne zdaj« (3 na sliki 3).

riž. 3. Kako izgleda zahteva za potisno obvestilo v Mozille Firefoxu

Dovoljena in blokirana potisna obvestila niso sinhronizirana s profili brskalnika. Po namestitvi novega operacijskega sistema, ob prehodu na drug računalnik in tudi po ponovni namestitvi brskalnika s čiščenjem njegovih ostankov med odstranitvijo, morate začeti znova - znova se odzvati na zahteve spletnega mesta, oblikovati bazo dovoljenj in blokirati za potisna obvestila iz nič.

Odjava od spletnega potiska in njihovo blokiranje

Prekomerna količina pojavnih sporočil lahko uporabniku sčasoma postane moteča. Poleg tega se lahko spremenijo naši interesi.

Kako se v takih primerih odjaviti od nepomembnih spletnih mest ali popolnoma onemogočiti pošiljanje potisnih obvestil s strani brskalnika? In kako, nasprotno, odblokirati spletna mesta, ki so bila pomotoma blokirana ob pozivu?

Spletna stran 15.12.2017

Dober dan, dragi obiskovalec.

Takojšnja obvestila s strani o pojavu novega materiala, pa tudi o drugih dogodkih, kaj bi lahko bilo boljše?! Ta tehnologija je prišla k nam iz sveta mobilne tehnologije - sprva so bila takojšnja obvestila le veliko mobilnih aplikacij, sčasoma pa je bila ta "funkcija" uvedena v brskalnike (mobilne in nato namizne).

Opozorila povečajo število obiskovalcev vašega spletnega mesta in so učinkovitejša od e-poštnih naročnin. tiste. če je uporabnik obiskal vaše spletno mesto, odobril zahtevo za omogočanje obvestil s spletnega mesta, jih bo videl skoraj vedno in za to vam ni treba narediti nobenih dodatnih potez, kot je tradicionalno pri e-poštnih poštnih seznamih .

Takoj želim opozoriti, da je obvestila Web Push mogoče integrirati samo na tista spletna mesta, ki delujejo z uporabo varnega protokola (https) - to je zahteva tehnologije.

Kaj je Web Push

Ko uporabnik obišče spletno mesto, ki ima storitev za takojšnje sporočanje, se prikaže subtilno sporočilo, ki označuje, da spletno mesto zahteva dovoljenje za pošiljanje obvestil. Oblika tega obvestila je odvisna od brskalnika, ki ga uporabljate.

Slika prikazuje primer s predlogom za naročanje na obvestila s spletnega mesta v namiznem brskalniku Google Chrome in Mozilla Firefox.

In tako je izgledala ista zahteva v mobilnem brskalniku Chrome za Android do različice 63.0.3239.107.

Kasneje so razvijalci mobilnega brskalnika Google revidirali svoj pristop k izhodu poizvedbe in ga naredili bolj agresivnega. Od zdaj naprej preglasi vsebino, dokler uporabnik ne izbere.

Zavedajoč se, da to lahko draži obiskovalce, je OneSignal storil naslednje: ob dostopu do spletnega mesta iz mobilnega brskalnika Google Chrome za Android se bo prikazalo pojavno okno z zahtevo za dovoljenje za naročnino (besedilo zahteve je nastavljivo). Če se uporabnik strinja, se že prikaže standardni poziv za omogočanje opozoril v brskalniku.
To velja samo za mobilni brskalnik Google Chrome za Android, v vseh drugih brskalnikih algoritem za prikaz zahteve za naročnino na obvestila ostaja nespremenjen.

Ko se uporabnik strinja s prejemanjem obvestil, lahko nastavite obvestilo »dobrodošli«, katerega pomen je, da ste naročeni na obvestila o novih gradivih spletnega mesta. In ko se pojavijo, boste obveščeni z ustreznim obvestilom.

Kot lahko vidite, so v mobilnih brskalnikih opozorila pogosto prikazana v vrstici z obvestili, v namiznih (računalniških) brskalnikih pa se prikažejo v spodnjem desnem kotu.

Tudi sama opozorila so prilagodljiva: nastavite lahko sliko, naslov, besedilo sporočila in odprete določeno stran, ko kliknete opozorilo.

Kako povezati Web Push s spletnim mestom

Treba je razumeti, da je Web Push storitev, ki jo je težko implementirati s preprosto namestitvijo vtičnika in podobnimi manipulacijami. Zato bomo uporabili ustrezno storitev tretje osebe. V tem primeru bomo govorili o storitvi OneSignal, s pomočjo katere bomo naše spletno mesto obdarili z zgoraj opisano funkcionalnostjo. Zakaj ravno on? Ker je popolnoma brezplačen, uporabnikom ne pošilja nobenega oglaševanja in drugih stvari.

Malo verjetno je, da bodo uporabniki sploh vedeli, da je Web Push vašega spletnega mesta implementiran s storitvijo OneSignal. To je njegova nesporna prednost.

Kakšne so njegove slabosti? Na voljo so tudi. Vmesnik te storitve je v angleščini in se ga boste morali navaditi, če nameravate od tam generirati opozorila, ki bodo poslana uporabnikom, ki so nanje naročeni.

Obstaja uradni vtičnik za integracijo v WordPress, ki pa mi ni bil prav nič všeč. Njegova velikost je 6,5 megabajta, kar je kar veliko ... me je že odvrnilo od uporabe.

Web Push sem integriral v spletno mesto z “ročaji” tako, da sem prebral vodnik za integracijo (v angleščini), ki je nekoliko podrobno predstavljen na spletni strani storitve.

In sama sporočila oblikujem prek svojega osebnega računa na storitvi.

Rad bi vam povedal o tej metodi integracije (brez vtičnika). Omeniti velja, da lahko z opisano metodo integracije Web Push obdarite s funkcionalnostjo ne le spletnega mesta WordPress, temveč tudi spletnega mesta, ki deluje na katerem koli drugem motorju ali celo sestavljeno iz statičnih html strani. Resnično vsestranska izbira!

Prvi korak je, da obiščete spletno mesto storitve OneSignal in se registrirate. Če želite to narediti, kliknite na povezavo VPIŠI SE in v oknu, ki se prikaže, kliknite na povezavo prijavi se, ki se nahaja na dnu. Tam boste morali vnesti svoj e-poštni naslov, geslo, ime podjetja ali organizacije (vnesite poljubno) in sprejeti pogodbe o pogojih uporabe. Pospešeno registracijo lahko dobite tudi, če imate račun Google, Facebook, Github.
Po registraciji in vnosu osebnega računa boste videli pozdravno sporočilo, v katerem so navedene funkcije storitve.
Ko kliknete na zadnje okno, kliknite na gumb, ki se nahaja tam Dodajte novo aplikacijo.
V oknu, ki se odpre, vnesite ime, na primer ime mesta, in kliknite gumb Ustvari.
Po tem bodo vaše oči videle okno, v katerem boste morali klikniti gumb z napisom potiskanje spletne strani in pritisnite tipko Naslednji.
V naslednjem oknu kliknite na označeni gumb Google Chrome in Mozilla Firefox, nato pritisnite Naslednji.
Opomba: obstaja tudi gumb Apple Safari, in morda imate naravno vprašanje: kaj pa ta brskalnik? Brez skrbi, dodali ga bomo v enem od naslednjih korakov.
V naslednjem oknu bomo morali vnesti naslov spletnega mesta in njegov logotip (izbirno, lahko ga dodate pozneje). Sam logotip mora imeti ločljivost 192 x 192 slikovnih pik v formatu png, katerega datoteka mora biti na samem gostovanju. Po vnosu podatkov pritisnite tipko Shrani.
Posledično se bo odprlo okno, v katerem boste morali izbrati med možnostmi, kako bo storitev integrirana, kliknite na gumb potiskanje spletne strani in pritisnite Naslednji.
Podatki v oknu se bodo spremenili in vaš Vaš ID aplikacije. Ne zapirajte tega okna, potrebovali ga bomo pozneje. Zdaj pa pojdimo na integracijo kode storitve v spletno mesto.
Če želite kodo integrirati na spletno mesto, morate prenesti ta arhiv (arhiv je prenesen z uradnega mesta) z datotekami, ki bodo potrebne za uspešno integracijo. Arhiv vsebuje mapo OneSignalSDKFiles, in vsebuje tri datoteke:
- manifest.json
- OneSignalSDKWorker.js
- OneSignalSDKUpdaterWorker.js
Razpakirajte te datoteke.
Nato morate datoteko odpreti v urejevalniku besedil. manifest.json in uredite napis Primer OneSignal v imenu vašega spletnega mesta. Tukaj ni strogih zahtev, lahko vnesete ime strani in njen slogan.
Zdaj naložite te datoteke v koren svojega spletnega mesta, tako da bodo te datoteke na voljo, če vnesete njihov naslov v vrstico brskalnika:
https://sitename.ru/manifest.json
https://sitename.ru/OneSignalSDKWorker.js
https://sitename.ru/OneSignalSDKUpdaterWorker.js
Ampak to še ni vse. Zdaj morate dodati kodo neposredno v predlogo spletnega mesta. Če je to WordPress, pojdite v mapo ( \wp-content\themes\<папка с названием темы> ), kjer se nahaja tema, ki jo uporabljate, in tam poiščite datoteko header.php. Odprite to datoteko za urejanje in napišite nekje med oznakami … naslednja koda:

Ne pozabite kraja TUKAJ vnesite ID svoje aplikacije vnesite kodo, ki je bila dodeljena vašemu primeru, in se prikaže v oknu, ki je bilo označeno v 9. koraku.
Naslov in sporočilo sta odgovorna za sporočilo »dobrodošli« ob prijavi, besedilo v teh vrsticah lahko spremenite po svojih željah.
Parametri actionMessage, acceptButtonText, cancelButtonText so odgovorni za besedilo zahteve za naročnino, ki je prikazano v brskalniku Google Chrome za mobilne naprave Android in nikjer drugje.
Shranite datoteko header.php s kodo, ki ste jo vnesli.
Zdaj odprite svoje spletno mesto. Videti bi morali opozorilo, ki vas poziva, da se naročite na takojšnja obvestila. Strinjam se s to ponudbo.
Opomba: Omeniti velja, da je ta zahteva prikazana enkrat. In če ste se s tem strinjali, se pozneje ne bo pojavil, ampak bo izvedena samodejna naročnina. Tudi brisanje zgodovine brskalnika ne bo pomagalo.
Pravkar sem naletel na takšno lastnost tehnologije, ko sem eksperimentiral z integracijo na spletno mesto. Torej, če ne vidite zahteve, potem ne bi smeli "zvočiti alarma" in misliti, da nekaj ne deluje, ampak poskusite dostopati do njega iz drugega brskalnika, ki še ni dostopal do spletnega mesta.
Čestitamo - ste prvi naročnik na opozorila s svojega spletnega mesta :-) Ampak to še ni vse.
Zdaj se vrnite v okno, ki smo ga zapustili, da nadaljujete z integracijo kode v spletno mesto, in kliknite gumb v njem Preverite naročene uporabnike. Posledično se bo pod gumbom pojavilo sporočilo, če je zeleno, potem je šlo vse v redu, lahko kliknete gumb, ki se nahaja v spodnjem desnem kotu Končano.
Web Push bo deloval (naročil, prejemal) v brskalniku Google Chrome in tistih, ki temeljijo na kodi Chromium: Opera, brskalnik Yandex itd., pa tudi Mozilla Firefox.
Omogočiti moramo le možnost delovanja Web Push v brskalniku Apple Safari – namizni različici brskalnika Apple (ne mobilno, iOS ne podpira tehnologije Web Push).
Če želite omogočiti podporo za Apple Safari, naredite naslednje:
V svojem računu OneSignal v levem meniju kliknite povezavo Nastavitve aplikacije, v meniju, ki se odpre, kliknite gumb Konfiguriraj, ki se nahaja nasproti točke Apple Safari.
V oknu, ki se odpre, vnesite ime svojega spletnega mesta in vnesite njegov naslov URL. Po želji lahko naložite logotip spletnega mesta, ki bo prikazan v opozorilu. Če želite to narediti, potrdite polje Rad bi naložil svoje ikone obvestil in naložite grafično datoteko. Zahteva za logotip je ločljivost 256 x 256 slikovnih pik, format png. Ko naredite vse potrebno - kliknite gumb Shrani.
Preusmerjeni boste na stran Nastavitve aplikacije, ampak pod napisom Apple Safari bo poudarjeno spletni ID.
Kopirati ga je treba in prilepiti v kodo, ki smo jo prej vstavili v datoteko header.php:
SistNotification: true, safari_web_id: "", welcomeNotification: ( "title": "Obvestilo ...
SistNotification: true, safari_web_id: "Vnesite svoj Apple Safari ID TUKAJ", dobrodošloNotification: ( "title": "Obvestilo ...
Shranite spremembe.

Vse, integracija in nastavitev je končana. Če kaj ni jasno, postavite vprašanja in se tudi seznanite s tem, kako se koda vnese na to spletno mesto. Edina izjema na tem spletnem mestu je vrstica kode

premaknjeno na tako imenovano "nogo" (v izvorni kodi strani je prikazana na dnu).

Kako ustvariti in poslati Web Push naročnikom

Ugotovili smo kodo in integracijo, zdaj je na malem – ustvariti poštni seznam.

Če želite to narediti, kliknite povezavo v levem meniju novo sporočilo.
Tam nas bo čakal čarovnik, s pomočjo katerega bomo ustvarili mailing list.
Na strani Pošlji so vsi že privzeto izbrani ( Pošlji vsem). Kliknite Naslednji.
Sporočilo se vnese na naslednji strani. Ne bodite pozorni na napis ANGLEŠČINA pred obrazcem za vnos lahko preprosto ustvarite več poštnih seznamov za vsak določen jezik. Če ga ne potrebujete, vnesite naslov ( Naslov) in sporočilo ( sporočilo) in pritisnite Naslednji.
Na tej strani smo pozvani, da določimo ikone, sliko in povezavo, ki se odpre, ko kliknete na opozorilo.
Ikone ( ikona- sličica, prikazana poleg besedila) podpira Google Chrome, Mozilla Firefox (in brskalnike, ki temeljijo na Chromiumu), veliko sliko ( Slika) samo Chrome in samo od različice 56. Za brskalnik Safari ni mogoče določiti ikone, dohodna obvestila bodo vedno prikazala ikono, ki je bila naložena v 16. koraku navodil za povezavo Web Push na spletno mesto. To je implementacija podpore za potisna obvestila v brskalniku Safari.
Vnos velike slike lahko prezrete ( Slika), omejeno na določitev ikone ( ikona).
Več o tem področju Čas za življenje– ta možnost je odgovorna za življenjsko dobo sporočila, privzeto je enaka trem dnevom. Če v tem času pametni telefon / brskalnik ne more dostopati do interneta, mu sporočilo sploh ne bo dostavljeno.
To vrzel je smiselno povečati. Ta prag povečam na 128 dni (z vnosom 11111111 na terenu). Če ga želite povečati, preprosto začnite vnašati številke in nastavljeni prag bo prikazan v realnem času.
Po vnosu vseh podatkov kliknite Naslednji.
Naslednja stran označuje, kdaj poslati. Privzeto je pošiljanje takojšnje, vendar lahko poskusite uporabiti to možnost Inteligentna dostava (priporočeno)– pošiljanje sporočil v času, ko je najverjetneje, da bodo relevantna za določene uporabnike (odvisno od časovnega pasu in drugih dejavnikov) .
Kliknite za nadaljevanje Potrdi.
Posledično se bo prikazala stran s povzetki informacij o pošiljanju sporočila, njegovi vsebini, koliko naročnikov itd. Pritisnite gumb za potrditev pošiljanja. Pošlji sporočilo.

In preusmerjeni boste na stran s statistiko, kjer lahko vidite, koliko sporočil je bilo skupaj poslanih, katera od njih je dosegla cilj, kolikokrat so naročniki kliknili nanj itd. Zelo priročno in vizualno.

Omeniti velja, da lahko v levem meniju izberete element Predloge in ustvarite poštno predlogo, da ne boste vsakič vnesli ponavljajočih se informacij pri ustvarjanju običajnega poštnega seznama.

Povzetek

V gradivu smo podrobno preučili prednosti spletnega potiska, postopek namestitve storitve takojšnjega obveščanja na spletno mesto in njegovo uporabo na primeru popolnoma brezplačne storitve OneSignal.

Če imate kakršna koli vprašanja, lahko v komentarjih razjasnite vse tankosti in nianse.

Spletno mesto za donacije(donacije se zbirajo prek storitve Yandex Money)

Kako izklopiti potisna obvestila - to vprašanje skrbi nekatere uporabnike, ki vidijo obvestila v brskalniku po prijavi na številna spletna mesta. Push tehnologija je zasnovana za distribucijo informacij na internetu od ponudnika, v tem primeru spletnega mesta, do uporabnika te strani.

Potisna obvestila za spletno mesto so potrebna za obveščanje obiskovalcev spletnega mesta o novicah, predvsem o izdajah novih člankov. V tem primeru obiskovalec pravočasno prejme obvestila s strani in lahko takoj prebere novice.

Obvestila v imenu spletnega mesta se pošiljajo s pomočjo storitve tretje osebe, ki organizira dostavo obvestil na računalnike uporabnikov.

Kaj je potisno obvestilo v računalniku? Če obiskovalec spletnega mesta soglaša s prejemanjem sporočil iz tega vira, se občasno na namizju uporabnika prikažejo obvestila o novicah tega spletnega mesta.

Kako delujejo potisna obvestila

Ob obisku spletnega mesta, ki ima omogočeno funkcijo pošiljanja obvestil, obiskovalec vsakič vidi zahtevo za dovolitev prikaza obvestil, v kateri se predlaga klik na gumba »Dovoli« ali »Blokiraj«. Imena gumbov so lahko različna, vendar je pomen povsod enak.

Obiskovalec spletnega mesta lahko prezre to pojavno okno, ker je okno zahteve za potisna obvestila majhno in ne moti brskanja po spletnem mestu.

Videz takšnih oken je drugačen, odvisno od storitve, ki pošilja obvestila s tega mesta.

S klikom na gumb "Dovoli" se strinjate s prejemanjem potisnih sporočil na vaš računalnik.

V območju za obvestila na namizju uporabnikovega računalnika se bodo prikazala obvestila o novicah na tem spletnem mestu. Običajno je to sporočilo o izdaji novega članka. Nekatera spletna mesta zlorabljajo možnost pošiljanja opozoril, obveščajo o vsem po vrsti, včasih pošiljajo nepotrebne informacije.

Po prejemu potisnega obvestila lahko uporabnik obišče spletno mesto in prebere članek ali pa zapre obvestilo tako, da to sporočilo prezre. Takšna obvestila s spletnih mest praktično ne motijo dela na računalniku, saj so prikazana v območju za obvestila in se po kratkem času sama zaprejo.

Če želite preprečiti, da se zahteva za dovoljenje za pošiljanje opozoril s tega spletnega mesta ne prikaže več, ko znova obiščete to spletno mesto, kliknite gumb "Blokiraj".

Če že prejemate potisna sporočila z določenega mesta, potem lahko uporabnik sam onemogoči potisna obvestila v svojem brskalniku, v katerem je dovolil prejemanje obvestil na svojem računalniku.

Kako odstraniti potisna obvestila po prejemu opozorila

Pri mnogih obvestilih lahko, odvisno od nastavitev storitve, ki pošilja obvestila, potisna obvestila onemogočite neposredno v oknu odprtega sporočila.

Če želite to narediti, kliknite ikono nastavitev (orodje) in nato izberite »Izklopi obvestila s spletnega mesta«.

Po tem obvestila s tega mesta ne bodo več prikazana na vašem računalniku.

Kako onemogočiti potisna obvestila v Google Chromu

Vnesite nastavitve brskalnika Google Chrome, se pomaknite navzdol po kolescu miške, kliknite na povezavo "Napredno".

V razdelku »Zasebnost in varnost« kliknite gumb »Nastavitve spletnega mesta«. V oknu »Nastavitve spletnega mesta«, ki se odpre, poiščite razdelek »Obvestila«.

Tukaj lahko nastavite prejemanje opozoril s spletnih mest. Privzeto je izbrana možnost »Vprašaj dovoljenje pred pošiljanjem (priporočeno)«.

Če želite odstraniti potisna obvestila v brskalniku Google Chrome, aktivirajte element »Ne prikazuj obvestil na spletnih mestih«.

Če želite preprečiti prejemanje opozoril z določenega mesta, kliknite gumb "Dodaj", ki se nahaja nasproti parametra "Blokiraj".

V oknu »Dodaj spletno mesto« vnesite naslov spletnega mesta in nato kliknite gumb »Dodaj«.

Če želite konfigurirati prejem potisnih sporočil, kliknite gumb "Dodaj", ki se nahaja nasproti možnosti "Dovoli".

V oknu, ki se odpre, dodajte želeno spletno mesto na seznam spletnih mest, s katerih lahko prejemate obvestila v brskalniku Google Chrome.

Kako onemogočiti potisna sporočila v Mozilla Firefox (1 način)

Vnesite nastavitve brskalnika Mozilla Firefox, odprite razdelek »Zasebnost in varnost«. V možnosti »Dovoljenja« se pomaknite do možnosti »Obvestila«.

Potrdite polje poleg možnosti Izklopi obvestila, dokler se Firefox znova ne zažene. Po tem potisna obvestila ne bodo prikazana, dokler brskalnik Mozilla Firefox ni onemogočen.

Za upravljanje opozoril kliknite gumb "Nastavitve ...". V oknu "Možnosti - Dovoljenje za prikaz obvestil" je seznam spletnih mest, katerih obvestila so dovoljena ali blokirana.

Če ima spletno mesto zraven status »Blokiraj«, se obvestila s tega mesta ne prikažejo na vašem računalniku, ker ste predhodno blokirali zahtevo za pošiljanje obvestil s tega mesta.

Če je poleg naslova spletnega mesta status »Dovoli«, se bodo na vašem računalniku prikazala obvestila s tega mesta.

S seznama lahko odstranite katero koli spletno mesto z gumbom Odstrani spletno mesto ali pa s seznama odstranite vsa mesta s klikom na gumb Odstrani vsa spletna mesta.

Po tem se nova obvestila z oddaljenega mesta ne bodo prikazovala na namizju vašega računalnika. Ko ponovno obiščete to spletno mesto, zavrnite zahtevo za prejemanje opozoril.

Če želite blokirati prejemanje novih sporočil s spletnih mest, ki niso navedena na tem seznamu, potrdite polje »Blokiraj nove zahteve za pošiljanje obvestil«.

Za dokončanje konfiguriranja vrstnega reda prejema obvestil kliknite gumb "Shrani spremembe".

Kako odstraniti potisna obvestila v Mozilla Firefox (dvosmerni)

Če želite v brskalniku Mozilla Firefox popolnoma onemogočiti obvestila, morate vnesti skrite nastavitve brskalnika.

V naslovno vrstico vnesite izraz: "about:config" (brez narekovajev). V oknu, ki se odpre, kliknite na gumb "Sprejmem tveganje!".

V novem oknu vnesite v polje »Išči« izraz: »dom.webnotifications.enabled« (brez narekovajev) in nato pritisnite tipko »Enter«.

Ta nastavitev je privzeto nastavljena na "true". Izberite vrstico, z desno tipko miške kliknite, v kontekstnem meniju izberite "Preklopi". Vrednost parametra se bo spremenila v "false".

Kako onemogočiti potisna obvestila v brskalniku Yandex.Browser

Vnesite nastavitve brskalnika Yandex, pojdite na zavihek "Spletna mesta".

V razdelku »Spletna mesta« pojdite na možnost »Zahteve za pošiljanje obvestil«. Tukaj so tri možnosti ukrepanja:

Prikaži zahteve za pošiljanje (priporočeno).
Ne prikaži zahtev za pošiljanje.
Samodejno se naročite na obvestila.

Izberite želeno možnost, ki ureja postopek prejemanja potisnih sporočil. Če želite popolnoma onemogočiti vsa potisna obvestila v brskalniku Yandex, izberite možnost »Ne prikaži zahtev za pošiljanje«.

Če želite konfigurirati prejemanje posameznih obvestil, kliknite povezavo "Na drugih spletnih mestih". Nato v oknu »Pošiljanje obvestil« izberite, katera potisna obvestila želite blokirati in katera dovoliti.

Odprite zavihek »Dovoljeno« ali »Prepovedano«, z gumbom »Dodaj« dodajte povezavo do spletnega mesta v ustrezen razdelek.

Kako izklopiti potisna obvestila v Operi

Vstopite v meni brskalnika Opera, kliknite na element kontekstnega menija »Nastavitve«. Nato izberite razdelek »Napredno«, kliknite »Varnost«.

V razdelku Zasebnost in varnost izberite možnost Nastavitve vsebine. Poiščite možnost »Obvestila«.

V oknu z obvestili je možnost »Vprašaj dovoljenje pred pošiljanjem (priporočeno)« privzeto omogočena.

Tukaj morate spletno mesto dodati v razdelek »Blokiraj« ali »Dovoli«.

Kako onemogočiti potisna obvestila v programu Microsoft Edge

Prijavite se v nastavitve brskalnika Microsoft Edge. Izberite "Možnosti". V oknu "Možnosti" kliknite na "Ogled naprednih možnosti". V oknu »Napredne možnosti« izberite »Obvestila« in nato kliknite gumb »Upravljanje«.

V oknu Upravljanje obvestil bodo prikazana spletna mesta, ki zahtevajo dovoljenje za prikazovanje obvestil. Spremenite lahko dovoljenja za določena spletna mesta.

Članek Sklepi

Uporabnik lahko samostojno onemogoči potisna (push) obvestila v brskalniku, ki jih prejme na namizju svojega računalnika, s čimer omogoči pošiljanje obvestil z določenega spletnega mesta.

Zagotovo so vsi, ki so vsaj enkrat uporabljali Googlovo pošto, videli takšna obvestila:

gmail obvestila

Ta obvestila se imenujejo Obvestila HTML5 in so vidna, tudi če preklopite na drug zavihek ali v celoti zmanjšate brskalnik.

Ko boste prebrali ta članek, boste lahko za svoje spletno mesto ustvarili enaka obvestila. Koda je preprosta, na različnih platformah in neposredno pošiljanje obvestila traja le eno vrstico v vašem najljubšem JavaScriptu.

Tudi na koncu članka je že pripravljena funkcija, s katero lahko začnete pošiljati obvestila, ne da bi se spuščali v podrobnosti.

Po podatkih caniuse.com zdaj takšna obvestila (Obvestila HTML5) delujejo v brskalnikih Chrome, Firefox (35+), Opera (27+), Safari (7.1+). Internet Explorer nima internetne podpore za obvestila. Če upoštevamo mobilne platforme, potem ima samo brskalnik Android delno podporo za obvestila HTML5.

Preden lahko neposredno pošiljamo obvestila, moramo za to pridobiti dovoljenje.
To lahko storite z metodo Notification.requestPermission():

Notification.requestPermission(function(permission)( // spremenljivka dovoljenja vsebuje rezultat zahteve console.log("Rezultat zahteve za dovoljenje:", dovoljenje); ));

Po izvedbi metode bo rezultat zahteve za dovoljenje shranjen v spremenljivko dovoljenja.

Tu so njeni različni pomeni z razlagami:

zamuda - zahteva za pridobitev pravic ni bila poslana;
odobreno - uporabniku je dovoljeno prikazovanje obvestil;
zavrnjen - uporabnik je zavrnil prikazovanje obvestil.

Po prejemu pravic lahko nadaljujemo neposredno s pošiljanjem obvestil.
To se naredi zelo preprosto, v eni vrstici:

Varno obvestilo = novo obvestilo (naslov, možnosti);

naslov - naslov obvestila,

možnosti (neobvezno) ima naslednje možnosti:

telo - telo obvestila (glavno besedilo), različno okrnjeno v različnih brskalnikih in operacijskih sistemih (na primer v Chromu pod Win 8.1 je največja dolžina 200 znakov);
dir - smer prikaza obvestil, lahko je samodejno, ltr (od leve proti desni) ali rtl (od desne proti levi);
lang - jezik obvestil;
oznaka - edinstven identifikator obvestila, ki ga lahko uporabite za zamenjavo z drugim obvestilom ali brisanje;
ikona - URL slike, ki bo prikazana v obvestilu (priporočena ločljivost 40×40 px).

Poskusimo nastaviti parametre in poslati obvestilo:

Var notification = novo obvestilo("Koliko programerjev TYU potrebuješ, da priviješ žarnico?", (body: "Samo ti!", dir: "avto", ikona: "icon.jpg" ));

Rezultat izvajanja zgornje kode

Obvestilo ima tudi metode onclick, onshow, onerror, onclose:

Funkcija clickFunc() ( alert("Uporabnik je kliknil obvestilo"); ) notification.onclick = clickFunc;

rezultat:

Ob kliku

Ena funkcija za vse

Zdaj bomo vse zbrali v eni funkciji in dodali nekaj preverjanj napak:

Funkcija sendNotification(naslov, možnosti) ( // Preverite, ali brskalnik podpira obvestila HTML5, če (!("Obvestilo" v oknu)) ( alert("Vaš brskalnik ne podpira obvestil HTML, ga je treba posodobiti."); ) // Preverite , ali obstajajo pravice za pošiljanje obvestil drugače if (Notification.permission === "dodeljeno") ( // Če obstajajo pravice, pošljite obvestilo var notification = new Notification(naslov, možnosti); funkcija clickFunc() ( alert("Uporabnik je kliknil na obvestilo"); ) notification.onclick = clickFunc; ) // Če ni pravic, jih poskušamo dobiti drugače, če (Notification.permission !== "denied") ( Notification.requestPermission (funkcija (dovoljenje) ( // Če so pravice uspešno prejete, pošljite obvestilo if (dovoljenje === "odobreno") ( var notification = novo obvestilo(naslov, možnosti); ) else ( alert("Zavrnili ste obvestila "); // Uporabnik je zavrnil našo zahtevo za prikaz obvestil ) ) ); ) else ( // Uporabnik je predhodno zavrnil našo zahtevo za prikaz obvestil // Na tej točki lahko, vendar ga ne bomo motili. Spoštujte odločitve svojih uporabnikov. )

Zdaj imamo lepo funkcijo, ki olajša pošiljanje obvestil, ne da bi nas motile zahteve za pravice ali podpora brskalnika:

SendNotification("Vrnite Linusa!", (body: "Testing HTML5 Notifications", icon: "icon.jpg", dir: "auto" ));

Rezultat izvajanja funkcije v različnih brskalnikih: