Guide till att implementera webb push-notiser, utan leverantörslåsning

Så du har hört talas om den nya engagemangskanalen för dina mobil- och skrivbordsanvändare – Webbplatsnotiser?  Vet du vad Web Push Notifications är? Webbplatsnotiser återengagerar dina användare och får dem tillbaka till din webbplats när de är någon annanstans. Du bestämmer dig för att implementera detta på din webbplats och är förvirrad över de olika alternativen som finns tillgängliga för dig. Efter Parse-debacle undrar du nu hur du kan säkerställa att det inte finns någon leverantörslåsning när du implementerar push-notiser för din webbplats.

Eller så läser du detta för att den första leverantören du implementerade med inte tog tillräckligt med försiktighetsåtgärder och blev inlåst, och nu är deras priser för höga. Kontrollera alltid push-notisfunktionerna som erbjuds av tjänsteleverantören för webbplatsnotiser. Om du vill migrera från den nuvarande push-notiseringsplattformen till andra, bör du följa stegen som nämns här.

Vi på PushEngage vill skriva om detta öppet. Transparens är en av våra kärnvärderingar. För det andra vill vi att våra kunder ska stanna hos oss, på grund av upplevelsen på vår plattform och inte för att de är inlåsta.

Om du har bråttom, här är en TL;DR-sammanfattning

HTTPS-webbplats

1. Se till att du använder ditt Safari-certifikat. ps: FCM-nyckel behövs inte eftersom vi nu använder en unik VAPID-nyckel sedan augusti 2018.
2. Se till att du samlar prenumeranter på din domän (dvs. slutlig tillåtelse är på din domän)

HTTP-webbplats

1. Se till att du använder ditt eget  Safari-certifikat. ps: FCM-nyckel behövs inte eftersom vi nu använder en unik VAPID-nyckel sedan augusti 2018
2. Se till att du samlar prenumeranter på din domän, genom att använda en HTTPS-underdomän.

Läs vidare för den detaljerade versionen.

Låt oss börja och se hur man integrerar push-notiser utan leverantörslåsning.

Grundläggande frågor att besvara innan du går live

1) Är din webbplats HTTP eller HTTPS?

Har du en HTTPS-webbplats eller en underdomän eller en del av webbplatsen som är på HTTPS?

Vad är HTTP eller HTTPS?  Om du kontrollerar URL:en till din webbplats, ser du det gröna låset med "Säker" som du ser på PushEngage-webbplatsen.

Om ja, då är du på en HTTPS-webbplats, annars HTTP.  För att veta mer om HTTP eller HTTPS kolla wikilänken här.

Varför detta är viktigt: Prenumeration och sändning av push-notiser kräver en HTTPS-domän, så om du har en egen kan du använda den. Se senare vilka andra fördelar detta har.

Om du inte har en HTTPS-underdomän, tillhandahåller vi dig en HTTPS-underdomän som är värd på vår webbplats, t.ex. https://yourdomain.pushengage.com/. Detta används sedan för att prenumerera på användare och skicka push-notiser. Detta är nyckeln till att uppnå full portabilitet på en HTTP-webbplats.  Vi har anpassade underdomäninställningar som en funktion på vår plattform.

Vilken inverkan har denna underdomän på dina notiser?

a) Under prenumerationen kommer dina webbplatsanvändare att se denna underdomän,

Inbyggt prenumerationsfönster

b) När meddelandet skickas kommer det att ha URL:en för underdomänen som visas i Push – även om du kan landa användaren på vilken URL som helst på din domän.

Exempelavisering

I ovanstående fall använde CouponRani.com sin egen anpassade underdomän https://ping.couponrani.com som hade https, och detta visas i prenumerationsförfrågningar och aviseringar.

2) Två steg för att undvika inlåsning hos leverantören vid integrering av push-aviseringar

Steg 1 PushEngage använder nu Vapid på sin plattform. Det skapar en unik vapid-nyckel för varje konto. Alla dina push-prenumeranter kommer att kopplas till denna unika nyckel. Så när som helst du vill flytta till en annan plattform, med hjälp av vapid-nyckeln kan du importera alla dina prenumeranter.

Som leverantör låser PushEngage aldrig in kunder. Därför erbjuder vi vapid-nycklar för enkel portabilitet av push-prenumeranter.

Om du tittar på Chromes arkitektur för push-aviseringar kräver den att service worker javascript-kod körs i en push-prenumerants webbläsare. Denna väcks när en avisering skickas till webbläsaren. Den hämtar sedan aviseringen från en Push Server, som ofta är värd för plattformen du använder för att gå live med Push Notification. Detta är värd från HTTPS-domänen, som används för prenumeration och avisering.

För att du ska kunna migrera senare behöver du kunna ersätta service worker javascript-kod med en ny och peka på den nya Push Servern. Detta innebär att du bör ha full kontroll över HTTPS-underdomänen.

Steg 2: Därför är det andra som behövs för att undvika inlåsning hos leverantören att använda din egen HTTPS-underdomän eller en HTTPS-domän för dessa push-aviseringar. Att flytta en hel webbplats till HTTPS är en del ansträngning, och även om det är rekommenderat ur SEO-perspektiv, är det fortfarande en del arbete. En lösning är att bara ha en underdomän på HTTPS eller en sida på din webbplats på HTTPS.  Detta är ett viktigt steg som kräver att du samlar in prenumerationer på en domän som du kontrollerar.

Exempel: I fallet med CouponRani var detta på https://ping.couponrani.com i exemplet ovan.

Nu har du identifierat domänen/underdomänen Var & Hur du kommer att samla in prenumeranter.

Därför har vi byggt en anpassad underdomän som en del av produktens standardfunktioner

För att aktivera anpassad underdomäninställning i PushEngage,  behöver du göra följande om du är en HTTP-webbplats

a) Köp ett SSL-certifikat
b) Ställ in en domän https://notify.yourdomain.com och aktivera ett SSL-certifikat på den.  Du behöver ställa in en DNS-mappning för denna domän.
c) Sedan behöver du placera PushEngage-installationsfilerna i underdomänen
d) Ange detta i inställningen för anpassad underdomän i PushEngage. Gå till Inställningar > Webbplatsinställningar > Anpassad underdomän

Det är allt och du skulle vara live med Push-aviseringar utan inlåsning hos leverantören.

Det vore bra att få din konfiguration kontrollerad med vårt supportteam genom att skicka ett e-postmeddelande till [email protected]

Best Practices for Subscription Management & Collecting Push Opt-in

Keep in mind when you start Push Notifications on your website, you start with zero subscribers. You will slowly need to get subscribers and build your list, which has huge ROI potential. Now that you are sure of not getting locked-in by the vendor, start focussing on increase your push subscription rate.

Hence we should identify what are the best ways to get user subscription on your and how to increase your opt-in rate.

In general, we expect that your site should get at least as much subscription/opt-in rate for Push Subscribers as it is for Email. We believe this is for two reasons:

• You do not need to type anything while subscribing to Push Notifications. A click is easier than typing in a text box.
• You are in full control of your Push Notification subscription, as you can opt-out of Push Notifications for any site through your browser settings.

Type of Subscription Opt-in To use

As mentioned above, to avoid vendor lock-in, always go for the HTTPS website. There are up to 7 different types of push notification opt-in. Moreover, for HTTPS site, you can use the most converting push notification opt-in.

How should you collect a subscription? If you are a full HTTPS site, you will see only 1 native pop-up that appears like below.

If you have only a portion of the website on HTTPS, then you will need to use other elements like a Pop – up, Bell, or Bottom Bar, or any other, which on Allow goes to the HTTPS version of the website.

Apart from collecting subscribers in one global list, you should think of segmenting the users and putting them in various lists based on their site action, location, or any other attribute.  We can do this by using automatic segmentation and custom segmentation feature in PushEngage.  Read this post on how to set this up.

Välkomstnotis

Do you acknowledge the users that they have successfully subscribed to Push Notification for your website? We believe this can be an important user experience element, as the Push Notification pop-ups (an abundance of them) can be confusing and a welcome notification reconfirms that they have successfully completed the subscription. In a sense, this is similar to welcome email and confirmation of subscription in an email.

Using Drip Web Push Campaigns, now you can send out a Welcome Notification, say 30 minutes after the user has subscribed. This can have more impact as this reaches when the customer has left the site, but they remember your site clearly and is a good time to nudge them for any action.  Here is an example Welcome Drip Sent after 30 minutes.

Steps to go live with Push Notifications

Having decided on the key aspects of integration, now you can go live with Push Notification. We have not mentioned specific steps to go live here, as each provider is different. Most of the providers will require you to add Javascript code to your website. For HTTPS sites you may need to install few extra files.

Examples Of Push Notification Campaigns

Now that you are collecting subscribers for re-engaging with them, which campaigns do you run for your subscribers? This is a broad question and answer depends on what kind of site are you running, but let us share the common type of campaigns that are being used –

A. New Article Alert Campaign: For most of the news sites, getting the information to the use on time is one of the most crucial factors to success. Whether its breaking news, election campaigns, sport, or current pandemic, they need to update subscribers.

C. Price Drop Alerts: Everyone looks for the lowest price. But how would a customer know that price has dropped. Activate the price drop alert campaign to automatically update users about any price drop on their favorite product.

D. Coupon/Offer Alerts: Push Notifications are delivered instantly. So, you can easily run a flash sale or time-bound sale to increase your revenue.

E. Product Availability Alert: You should also update users when the product is back in stock. Push Notification allows you to send auto-push notifications to the user when the inventory is up.

F. Shopping Cart Abandonment Campaign – Send targeted notification based on cart abandonment on Mobile or Desktop site

You can also check out the push notification playbook to create different campaigns for your website.

Summary

Early results indicate that Web Push Notification is a high ROI channel, and fast-growing, so you should definitely try this out for your website. Since Web Push Notifications are a new standard, expect a lot of new features and changes it. As you think about enabling your website with Push notifications, implement it in a way that leaves you with more flexibility.