Pushnotificaties – soms ook wel webpushnotificaties genoemd – hebben de afgelopen jaren steeds meer aan populariteit ingewonnen bij online bedrijven en marketingleiders. Ze bieden een nieuwe manier om je publiek te bereiken, het aantal terugkerende bezoekers te verhogen en zorgen in de meeste gevallen voor veel hogere CTR en engagement dan de typische nieuwsbriefregistraties. Vandaag nemen we WordPress-pushnotificaties onder de loep en bespreken we wat ze zijn, hoe ze de reach van je website kunnen vergroten en hoe je ze aan je website kan toevoegen. Een typische installatie duurt minder dan 10 minuten!

De technologie achter pushnotificaties ontwikkelt zich razendsnel en is gegroeid van een eenvoudig systeem om berichten te bezorgen naar een complex en interactief medium. – OneSignal

Bij Kinsta maken we nu al een paar jaar gebruik van pushnotificaties en gemiddeld levert dit ons 2.500+ maandelijkse bezoekers op die onze website bezoeken (zie hieronder). En dit is alleen maar uit deze ene bron! Een klein deel van deze groep wordt zelfs betalende klant! Hoe prachtig is dat?

Pushnotificatie-traffic

Pushnotificatie-traffic

Pushnotificaties

Om bij het begin te beginnen: wat zijn pushnotificaties precies? Met WordPress-pushnotificaties kan je je publiek automatisch op de hoogte brengen wanneer je nieuwe content op je site publiceert. Daarnaast kan je ook op elk moment een vooraf opgesteld bericht verzenden. Dit kan een notificatie op een telefoon zijn, maar ook via een browser, zoals Chrome, Firefox of Safari. Pushnotificaties werden oorspronkelijk in 2009 ontwikkeld voor Android- en iOS-apparaten en hebben zich sindsdien naar steeds meer apparaten en platforms verspreid. Als we Google Trends tussen 2014 en nu raadplegen, zie je dat de belangstelling voor ‘web push notifications’ gestaag is toegenomen.

Trends in pushnotificaties

Trends in pushnotificaties

Hieronder vind je een voorbeeld van een pushnotificatieverzoek, de kans is groot dat je deze al eens eerder tegen bent gekomen. Door op ‘Allow’ te klikken, kan de website notificaties sturen naar je browser. Het mooie voor website-eigenaren is dat de bezoeker niet op de website hoeft te zijn om de notificatie te ontvangen. De enige voorwaarde is dat de browser openstaat.

Voorbeeld van pushnotificatie

Voorbeeld van pushnotificatie

Volgens caniuse bedraagt de wereldwijde ondersteuning voor pushnotificaties op het web ongeveer 45%. Safari was het eerste platform dat pushberichten ondersteunde, gevolgd door Chrome en vervolgens Firefox in 2016. Ook Microsoft Edge en Opera ondersteunen pushberichten. In de wereld van de browsers heeft Google Chrome momenteel een marktaandeel van ongeveer 50% in handen, wat betekent dat je alleen al met Chrome een enorm publiek kan bereiken. Pushnotificaties werken standaard ook op de Chrome-browser van Android-apparaten. Hier is een screenshot van een Android-apparaat met een pushnotificatieverzoek. Momenteel worden ze echter niet ondersteund op iOS, maar ze hopen dit in de nabije toekomst wel beschikbaar te maken.

Android-pushmelding

Android-pushmelding

Voordelen van WordPress-pushnotificaties

De belangrijkste voordelen van pushnotificaties zijn dat ze een nieuwe route mogelijk maken om je WordPress-site aan mensen te tonen. Veel mensen bladeren door hun e-mails of lezen ze niet eens. Pushnotificaties kunnen je helpen om klanten en bezoekers terug naar je site te brengen door jouw bericht recht voor hun neus te laten zien. Twijfel je nog? Dan zijn hier een aantal casestudy’s om je over de streep te trekken:

En dit zijn slechts enkele voordelen. Er zijn vele andere casestudy’s van bedrijven die succesvol gebruik maken van pushnotificaties. Of je nu een WooCommerce-winkel of een informatieve blog hebt, push-meldingen zijn absoluut iets dat je zou moeten proberen als onderdeel van je marketingstrategie.

Heeft iedereen baat bij pushnotificaties? Zeker niet. Sommigen zijn van mening dat de gebruikerservaring eronder lijdt. Onthoud in elk geval dat je de notificaties niet te vaak gebruikt, want het kan al snel irritant overkomen.

Hoe WordPress-pushnotificaties in te stellen

Je hebt de keuze uit een aantal alternatieven wanneer je pushnotificaties aan je WordPress-installatie wil toevoegen. Hieronder staan een aantal populaire – en actief bijgewerkte – versies. Opmerking: dit zijn zowel gratis als betaalde oplossingen. Veel van deze plug-ins zijn gratis te gebruiken, totdat je een bepaald aantal abonnees hebt.

Aangezien alle bovenstaande oplossingen ondersteuning bieden aan verschillende browsers en mobiele apparaten, raden we aan in jouw Google Analytics-gegevens te kijken wat voor soort verkeer je WordPress-site heeft. Als je op ‘Audience > Technology > Browser & OS’ klikt, dan kan je zien welke browsers het meest gebruikt worden door bezoekers van jouw site. In het onderstaande voorbeeld kan je zien dat het inschakelen van pushnotificaties voor Chrome het meeste voordeel oplevert, aangezien 70% van het desktopverkeer afkomstig is van Google Chrome.

Analytics – Browser & OS

Analytics – Browser & OS

In deze tutorial gebruiken we de plug-in van OneSignal, een volledig gratis oplossing voor pushnotificaties voor WordPress. Op het moment van schrijven heeft de plug-in momenteel 50.000+ actieve installaties en een score van 4.7 van de 5 sterren.

OneSignal WordPress-plug-in

OneSignal WordPress-plug-in

Volgens hun website worden ze gebruikt door meer dan 100.000 developers, waaronder grote namen als Adobe, Uber en Tom’s Hardware. Dit zijn een aantal features:

Te mooi om waar te zijn? Bijna wel, maar het is goed om een ding in je achterhoofd te houden. Ze zijn hier erg open over en vermelden het op meerdere plekken op hun site: hun verdienmodel bestaat uit het gebruiken van de verkregen data om web- en mobiele ervaringen te verbeteren. Als je dit niet wil, dan kan je altijd upgraden naar hun Enterprise-versie, waar ze geen toegang hebben tot jouw gegevens. Prijzen beginnen bij $40 per maand voor maximaal 500.000 gebruikers.

Een voordeel van OneSignal is dat je zoveel WordPress-sites (apps) kan instellen als je wilt. Je kan dus inloggen op het dashboard van OneSignal en meer dan tien verschillende WordPress-sites beheren, met elk hun afzonderlijke apps en data voor pushnotificaties. Als je meerdere WordPress-websites beheert en pushnotificaties op allemaal wil installeren, dan biedt OneSignal een aantrekkelijke oplossing om ze tegelijkertijd te beheren. En hadden we al gezegd dat de plug-in helemaal gratis is?

Met OneSignal werken webpushnotificaties precies hetzelfde als de native mobiele push-meldingen. Je hoeft dus niet eerst een mobiele app aan te maken om gebruik te maken van de voordelen van native pushnotificaties op mobiele apparaten. Hieronder vind je de browsers die momenteel ondersteund worden.

OneSignal-browserondersteuning

OneSignal-browserondersteuning

Volg onderstaande stappen om in een paar minuten te beginnen met OneSignal. Hoewel OneSignal werkt met zowel HTTP- als HTTPS-websites, raden we het gebruik van HTTPS op je domein ten zeerste aan, omdat de push-rechten en abonnementen gescheiden zijn met domein/protocol. Het is niet mogelijk om je pushnotificaties in een later stadium over te zetten. Kinsta biedt gratis SSL aan al haar klanten; Cloudflare is een goed alternatief.

Stap 1

Download en installeer de gratis OneSignal-plug-in. Je kan deze downloaden vanuit de WordPress-bibliotheek of door te zoeken vanuit je WordPress-dashboard onder ‘Add New’ in het plug-ins tabblad.

Installeren van de OneSignal web-pushnotificaties

Installeren van de OneSignal web-pushnotificaties

Stap 2

Ga vervolgens naar OneSignal en maak een gratis account aan.

Stap 3

Klik op ‘Add a new app’ en geef de app een naam. In ons voorbeeld gebruiken we de naam van onze WordPress-site. Klik vervolgens op ‘Create’.

Selecteer 'Website Push' en klik op 'Next'.

Selecteer ‘Website Push’ en klik op ‘Next’.

Stap 4

Selecteer ‘Website Push’ en klik op ‘Next’.

Website push

Website push

Stap 5

We gaan eerst Google Chrome en Firefox instellen, daarna behandelen we Safari. Klik vervolgens op ‘Next’.

Google Chrome & Mozilla Firefox

Google Chrome & Mozilla Firefox

Stap 6

Voor de URL in van je WordPress-site. Zorg ervoor dat je het juiste protocol gebruikt – HTTP of HTTPS – afhankelijk van waar je website op draait. In ons voorbeeld gebruikt onze site HTTPS. Vul vervolgens de URL in van het pictogram in van de notificatie. Volgens OneSignal moeten de pictogramafmetingen 192×192 of groter zijn om goed te kunnen worden weergegeven op apparaten met een hoge pixeldichtheid. Je kan het pictogram uploaden naar je WordPress-mediabibliotheek en vervolgens de URL kopiëren. Als je niets kiest, wordt het standaard OneSignal-pictogram gebruikt. Klik op ‘Save’.

URL-pushnotificatie

URL-pushnotificatie

Opmerking: als je site op HTTP draait, kan je op onesignal.com een subdomein aanmaken, die de app in stelt staat om via HTTPS te functioneren. Bijvoorbeeld: https://jouwsite.onesignal.com.

Stap 7

Op het volgende scherm moet je je doel-SDK selecteren, in dit geval selecteren we ‘WordPress’. Klik daarna op ‘Next’.

OneSignal WordPress-SDK

OneSignal WordPress-SDK

Stap 8

Op het volgende scherm, dien je je Rest API-sleutel en App-ID te kopiëren. Deze informatie moet je namelijk invoeren in de instellingenpagina van de WordPress-plug-in. Dit scherm kan je openlaten, omdat je hier op een later moment weer terugkomt.

OneSignal API-sleutel en app-ID

OneSignal API-sleutel en app-ID

Stap 9

Nu je weer terug bent in je WordPress-website, klik je op het ‘Configuration’-tabblad van de OneSignal Push-instellingen. Voer hier het app-ID en de REST API-sleutel in. De rest kan je voorlopig op de standaardinstellingen laten staan. Scrol naar beneden en klik op ‘Save’.

OneSignal app-ID

OneSignal app-ID

Stap 10

Surf vervolgens naar je website en abonneer je op de pushnotificatie, om te testen of alles naar behoren functioneert. Klik op het ‘rode’ symbool rechtsonder in je scherm en klik op ‘Allow’. Je kan deze opties op een later moment in de weergave-instellingen wijzigen. (Opmerking: mogelijk moet je adblocker uitschakelen als je die hebt geïnstalleerd)

Abonneer je op pushnotificaties

Abonneer je op pushnotificaties

Nu zie je een bevestiging, ook deze tekst kan je op een later moment wijzigen.

Geslaagd-melding

Geslaagd-melding

Stap 11

Ga vervolgens terug naar de website van OneSignal, klik op de knop ‘Check Subscribed Users’ en klik op ‘Done’.

Check subscribed users

Check subscribed users

Stap 12

Nu is het tijd om de pushmeldingen van Safari in te stellen. Klik op ‘App Settings’ en klik op ‘Configure’ naast Apple Safari (macOS).

Instellen Safari pushnotificaties

Instellen Safari pushnotificaties

Stap 13

Voer je sitenaam in (deze wordt weergegeven in de melding) en de URL van je website. Vervolgens kan je je notificatiepictogrammen uploaden (waaronder een 16×16, 32×32, 64×64, 128×128 en 256×256). Deze worden rechtstreeks naar OneSignal geüpload en niet naar je WordPress-mediabibliotheek. Als je geen picogram kiest, gebruikt OneSignal het standaard pictogram. Klik op ‘Save’.

Downtime en WordPress problemen? Kinsta is de hosting oplossing speciaal ontworpen om jou tijd te besparen! Bekijk onze kenmerken
Instellen Safari push

Instellen Safari push

Stap 14

Vervolgens krijg je je Web ID te zien: deze wil je naar je klembord kopiëren.

Web ID Apple Safari

Web ID Apple Safari

Plak hem vervolgens in het Safari Web ID-veld in de configuratie-instellingen van Onesignal op je WordPress-site. Scrol naar beneden en klik op ‘Save’.

OneSignal Safari-web-ID

OneSignal Safari-web-ID

Dat is alles! Je maakt nu gebruik van WordPress-pushnotificaties.

Aanvullende opmerking en opties OneSignal

Er zijn nog tientallen instellingen die je kan wijzigen in de plug-in en hieronder behandelen we hier een aantal van. Als je nieuwsgierig bent naar de prestaties van OneSignal: de plug-in redelijk lichtgewicht en maakt gebruik van een script van onder de 100kB. Deze wordt geserveerd via Cloudflare, hun CDN-partner. In onze tests was er geen sprake van vertraging door OneSignal.

OneSignal laadtijden

OneSignal laadtijden

Daarbij willen we wel de kanttekening maken dat de plug-in soms problemen oplevert in combinatie met plug-ins van externe CDN-providers. In ons voorbeeld gebruikten we de gratis CDN-plug-in CDN Enabler en moesten we de volgende exclusion in de instellingen toevoegen om OneSignal correct te laten werken. Als je een andere plug-in of CDN-provider gebruikt, kunt kan je aanvullende documentatie over CDN-probleemoplossing raadplegen.

.php,.xml, onesignal-free-web-push-notifications
OneSignal CDN-ondersteuning

OneSignal CDN-ondersteuning

Als je de gratis Cache Enabler-plug-in op je site hebt geïnstalleerd, moet je JavaScript-minificatie uitschakelen.

Automatische pushnotificaties

Wanneer je de OneSignal WordPress-plug-in installeert, schakelt deze standaard de optie in om automatisch een melding te verzenden bij publicatie van een artikel (zoals hieronder te zien is). Je kan dit uitvinken als je een bericht publiceert waarvan je niet wilt dat deze gepusht wordt.

Pushnotificaties verzenden

Pushnotificaties verzenden

Als je niet wil dat deze functie automatisch ingeschakeld is, kan je deze ook standaard uitzetten. Ga hiervoor de instellingenpagina van de OneSignal Push-plug-in en vink de optie ‘Automatically send a push notification when I create a post from the WordPress editor’ uit. Wanneer je een bericht dan wel wil pushen, dan kan je deze optie aanvinken. Dit is waarschijnlijk iets veiliger.

Automatische pushnotificaties uitschakelen

Automatische pushnotificaties uitschakelen

Automatisch gebruikers vragen

Als je wilt dat nieuwe bezoekers automatisch worden gevraagd om zich te abonneren, kan je dat inschakelen in de plug-in-instellingen. Hier kan je ook het zwevende rode pictogram uitschakelen als je denkt dat deze te opdringerig is.

Automatisch gebruikers vragen

Automatisch gebruikers vragen

Verder zijn er nog een groot aantal andere opties die je kan wijzigen, zoals:

Je kan alles regelen vanuit het OneSignal-dashboard. Om eerlijk te zijn waren we zelf ook verrast door alle data die we voorgeschoteld kregen. Op een van onze websites hadden we meer dan 140 aanmeldingen, binnen 48 uur nadat we de website hadden toegevoegd (zie hieronder). Houd er rekening mee dat zelfs als je persoonlijk een hekel hebt aan dit soort meldingen, dit niet betekent dat je bezoekers dit ook denken. Maak nooit ongefundeerde aannames als het gaat om de marketing van je WordPress-site, maar probeer door middel van tests zoveel mogelijk data te krijgen en hier je beslissingen op te baseren.

OneSignal-dashboard

OneSignal-dashboard

Lees ook onze officiële casestudy met OneSignal. Al na 3 maanden is OneSignal onze derde grootste organische bron van traffic! Als je meldingen direct vanuit het OneSignal-dashboard pusht, zorg dan wel dat je een UTM-parameter toevoegt, zodat je het verkeer kan segmenteren en tracken. Hier is een voorbeeld van wat we gebruiken voor elke URL.

https://yourdomain.com/?utm_medium=push&utm_source=notifications

Afmelden voor pushnotificaties

Als je website veel verkeer ontvangt, dan zijn er ongetwijfeld bezoekers die zich per ongeluk abonneren op de pushnotificaties van je website. Het is daarom verstandig om ergens op je website een link te hebben met informatie over hoe je bezoekers zich kunnen afmelden voor pushnotificaties. Dit verschilt per browser, dus het is meestal het beste om gebruikers naar de officiële documentatie te verwijzen.

Samenvatting

Zoals je hebt kunnen lezen, is het instellen van WordPress-pushnotificaties vrij eenvoudig. Het lijkt misschien een flink aantal stappen, maar het hele proces kan binnen een paar minuten doorlopen worden. Als je op zoek bent naar nieuwe manieren om in contact te blijven met je bezoekers of klanten, raden we je zeker aan dit eens te proberen. Er is namelijk geen risico aan verbonden. Als het je niet bevalt, kun je de plug-in de-installeren, de dienst annuleren en je bent weer terug bij af. Pushnotificaties kunnen een geweldige manier zijn om op een andere manier de aandacht te vestigen op je content en ervoor te zorgen dat je bezoekers terugkeren naar je WordPress-site.

Heb je al geëxperimenteerd met WordPress-pushnotificaties? Als dit het geval is, horen we graag hieronder je ervaring en mening.


Als je dit artikel leuk vond, dan ga je Kinsta’s WordPress hosting platform ook heel erg leuk vinden! Of het nu gaat om het versnellen van je website of de 24/7 support van ons ervaren WordPress-team. Onze door Google Cloud aangedreven infrastructuur is gericht op automatische schaalbaarheid, prestaties en beveiliging. Laat ons jou het Kinsta verschil tonen! Bekijk onze pakketten