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?
- Wat zijn pushnotificaties?
- Voordelen van WordPress-pushnotificaties
- Hoe WordPress-pushnotificaties in te stellen
- Aanvullen opmerking en opties OneSignal
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.
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.
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 77% 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.
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:
- YouNow verbeterde retentie met 19% door middel van webpushnotificaties. – source
- United eXtra Electronics verhoogde hun eCommerce omzet met 100% met pushnotificaties. – bron
- A+E Networks verhoogde gebruikersengagement met 200% met pushmeldingen. – source
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 plugins zijn gratis te gebruiken, totdat je een bepaald aantal abonnees hebt.
- OneSignal
- SendPulse
- VWO Engage
- PushUp
- Pushify
- Pushprime
- Roost
- PushAssist
- iZooto
- Desktop & Mobile Push Notification System
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.
In deze tutorial gebruiken we de plugin van OneSignal, een volledig gratis oplossing voor pushnotificaties voor WordPress. Op het moment van schrijven heeft de plugin momenteel 50.000+ actieve installaties en een score van 4.7 van de 5 sterren.
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:
- 100% gratis
- Onbeperkte WordPress pushnotificaties
- Onbeperkte apparaten
- Automatisering van verzending
- Lokalisatie
- Volledige API
- Onbeperkte segmenten
- A/B-tests
- Inplannen van verzending
- Mogelijkheid om je data te importeren en exporteren
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 plugin 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.
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-plugin. Je kan deze downloaden vanuit de WordPress-bibliotheek of door te zoeken vanuit je WordPress-dashboard onder ‘Add New’ in het plugins tabblad.
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’.
Stap 4
Selecteer ‘Website Push’ en klik op ‘Next’.
Stap 5
We gaan eerst Google Chrome en Firefox instellen, daarna behandelen we Safari. Klik vervolgens op ‘Next’.
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’.
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’.
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-plugin. Dit scherm kan je openlaten, omdat je hier op een later moment weer terugkomt.
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’.
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)
Nu zie je een bevestiging, ook deze tekst kan je op een later moment wijzigen.
Stap 11
Ga vervolgens terug naar de website van OneSignal, klik op de knop ‘Check Subscribed Users’ en klik op ‘Done’.
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).
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’.
Stap 14
Vervolgens krijg je je Web ID te zien: deze wil je naar je klembord kopiëren.
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’.
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 plugin en hieronder behandelen we hier een aantal van. Als je nieuwsgierig bent naar de prestaties van OneSignal: de plugin 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.
Daarbij willen we wel de kanttekening maken dat de plugin soms problemen oplevert in combinatie met plugins van externe CDN-providers. In ons voorbeeld gebruikten we de gratis CDN-plugin CDN Enabler en moesten we de volgende exclusion in de instellingen toevoegen om OneSignal correct te laten werken. Als je een andere plugin of CDN-provider gebruikt, kunt kan je aanvullende documentatie over CDN-probleemoplossing raadplegen.
.php,.xml, onesignal-free-web-push-notifications
Als je de gratis Cache Enabler-plugin op je site hebt geïnstalleerd, moet je JavaScript-minificatie uitschakelen.
Dit is ook iets om te overwegen als je een Kinsta klant bent en je de codeminificatiefeature gebruikt die is ingebouwd in het MyKinsta dashboard om automatische CSS en JavaScript minificatie mogelijk te maken om je site te versnellen.
Automatische pushnotificaties
Wanneer je de OneSignal WordPress-plugin 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.
Als je niet wil dat deze functie automatisch ingeschakeld is, kan je deze ook standaard uitzetten. Ga hiervoor de instellingenpagina van de OneSignal Push-plugin 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.
Automatisch gebruikers vragen
Als je wilt dat nieuwe bezoekers automatisch worden gevraagd om zich te abonneren, kan je dat inschakelen in de plugin-instellingen. Hier kan je ook het zwevende rode pictogram uitschakelen als je denkt dat deze te opdringerig is.
Verder zijn er nog een groot aantal andere opties die je kan wijzigen, zoals:
- Aanvullende UTM-trackingparameters toevoegen
- Extra aangepaste berichttypen aanmaken
- De mogelijkheid tot het wijzigen van de ‘bedankt voor inschrijving’-tekst
- De tekst van de pop-up veranderen
- Het uiterlijk van de widget en de interactie met bezoekers wijzigen
- De uitgelichte afbeelding van een artikel gebruiken als notificatiepictogram
- Notificaties na ~20 seconden laten verdwijnen
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.
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=notificationsAfmelden 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 plugin 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.
Brian heeft een enorme passie voor WordPress, gebruikt het al meer dan tien jaar en heeft zelfs al aantal premium plugins ontwikkeld. Brian houdt van bloggen, films en hikes. Kom in contact met Brian op Twitter.
Hoi,
Ik zie dat meerdere browsers op IPhone niet ondersteunt worden.
Niet geheel onbelangrijk. Komt daar verandering in of wat zijn de ontwikkelingen om ook op de Iphone de browser notificaties goed ondersteunt wordt.
Mvg
Ben
Hoi Ben,
De Samsung browser, UC en IE zijn niet eens allemaal beschikbaar op iPhone en hun marktaandeel zou toch zo klein zijn dat het niet echt uitmaakt. Daarom raden wij aan om je daar geen zorgen over te maken. Wij hebben prima gebruik kunnen maken van pushnotificaties en veel van ons bij Kinsta en onze klanten maken gebruik van iPhones.