Guide pour implémenter les notifications push Web, sans dépendance vis-à-vis d'un fournisseur

Vous avez donc entendu parler du nouveau canal d'engagement pour vos utilisateurs de navigateurs mobiles et de bureau – Notifications de site Web ?  Savez-vous ce que sont les notifications push Web ? Les notifications push Web réengagent vos utilisateurs et les ramènent sur votre site Web lorsqu'ils sont ailleurs. Vous décidez de l'implémenter sur votre site Web et vous êtes confus quant aux différentes options qui s'offrent à vous. Après le débâcle de Parse, vous vous demandez maintenant comment vous assurer qu'il n'y a pas de dépendance vis-à-vis d'un fournisseur lorsque vous implémentez des notifications push pour votre site Web.

Ou vous lisez ceci parce que le premier fournisseur avec lequel vous avez implémenté n'a pas pris suffisamment de précautions et vous êtes tombé dans le piège de la dépendance, et maintenant leurs prix sont trop élevés. Vérifiez toujours les fonctionnalités de notification push offertes par le fournisseur de services de notification push Web. Si vous souhaitez migrer de la plateforme de notification push actuelle vers d'autres, vous devez suivre les étapes mentionnées ici.

Chez PushEngage, nous voulons écrire à ce sujet ouvertement. La transparence est une de nos valeurs fondamentales. Deuxièmement, nous voulons que nos clients restent avec nous, en raison de l'expérience sur notre plateforme et non parce qu'ils sont enfermés.

Si vous êtes pressé, voici un résumé TL;DR

Site HTTPS

1. Assurez-vous d'utiliser votre certificat Safari. ps : la clé FCM n'est pas nécessaire car nous utilisons maintenant une clé VAPID unique depuis août 2018.
2. Assurez-vous de collecter des abonnés sur votre domaine (c'est-à-dire que l'autorisation finale est sur votre domaine)

Site HTTP

1. Assurez-vous d'utiliser votre propre certificat Safari. ps : la clé FCM n'est pas nécessaire car nous utilisons maintenant une clé VAPID unique depuis août 2018
2. Assurez-vous de collecter des abonnés sur votre domaine, en utilisant un sous-domaine personnalisé HTTPS.

Lisez la suite pour la version détaillée.

Commençons et voyons comment intégrer les notifications push sans dépendance vis-à-vis d'un fournisseur.

Questions de base auxquelles répondre avant la mise en ligne

1) Votre site Web est-il HTTP ou HTTPS ?

Avez-vous un site Web HTTPS ou un sous-domaine ou une section du site Web qui est en HTTPS ?

Qu'est-ce que HTTP ou HTTPS ?  Si vous regardez l'URL de votre site Web, voyez-vous le cadenas vert avec "Secure" comme vous le voyez sur le site PushEngage.

Si oui, alors vous êtes sur un site Web HTTPS, sinon HTTP.  Pour en savoir plus sur HTTP ou HTTPS, consultez le lien wiki ici.

Pourquoi est-ce important : L'abonnement et l'envoi de notifications push nécessitent un domaine HTTPS, donc si vous en avez un, vous pouvez l'utiliser. Voyez plus tard quels autres avantages cela offre.

Si vous n'avez pas de sous-domaine HTTPS, nous vous fournissons un sous-domaine HTTPS hébergé sur notre site, par exemple https://votredomaine.pushengage.com/. Ceci est ensuite utilisé pour abonner les utilisateurs et envoyer des notifications push. C'est la clé pour obtenir une portabilité complète sur un site HTTP.  Nous avons des paramètres de sous-domaine personnalisé comme fonctionnalité sur notre plateforme.

Quel impact ce sous-domaine a-t-il sur vos notifications ?

a) Lors de l'abonnement, les utilisateurs de votre site Web verront ce sous-domaine,

Pop-up d'abonnement natif

b) When the message is sent, it will have the URL of the subdomain displayed in the Push – even though you can land the user on any URL on your domain.

Example Notification

In the above case, CouponRani.com used its own custom sub-domain https://ping.couponrani.com which had https, and this appears in subscription requests and notifications.

2) Two Steps to Avoid Vendor Lock-In When Integrating Push Notification

Step 1 PushEngage now uses Vapid on its platform. It creates a unique vapid key for every account. All your push subscribers will be linked with this unique key. So anytime, you wan to move to another platform, using the vapid key you can import all your subscribers.

As a vendor, PushEngage never lock-in customers. Hence, we offer vapid keys for easy portability of push subscribers.

If you look at the Chrome architecture for push notifications, it requires service worker javascript code to be running in a push subscriber’s browser. This is woken up when a notification is sent to the browser. This then fetches the notification from a Push Server, which is often hosted by the platform you are using to go live with Push Notification. This is hosted from the HTTPS domain, which is used for subscription and notification.

In order for you to migrate, later on, you will need the ability to replace the service worker javascript code, with a new one and point to the new Push Server. This means you should have full control over the HTTPS sub-domain.

Step 2: Hence, the second thing needed to avoid vendor lock-in is to use your own HTTPS sub-domain or an HTTPS domain for these push notifications. Moving a full site to HTTPS is some effort, and even though it is advisable from the SEO perspective, it is still some effort work. A workaround is to have just a subdomain on HTTPS or a page on your site on HTTPS.  This is an important step that requires you to collect subscription in a domain which is under your control.

Example: In the case of CouponRani, this was at https://ping.couponrani.com in the example above.

Now you have Identified the domain/sub-domain Where & How You will Collect Subscribers.

Hence, We have built custom subdomain as part of the standard features of the product

To enable custom subdomain setup in PushEngage,  you need to do the following if you are an HTTP site

a) Buy an SSL certificate
b) Setup a domain https://notify.yourdomain.com, and enable an SSL certificate on that.  You will need to set up a DNS mapping for this domain.
c) Then you need to place the PushEngage installation files in the subdomain
d) Enter this in Custom Subdomain setting in PushEngage. Go to Settings > Site Settings > Custom Sub-Domain

That is it and you would be live with Push Notifications without vendor lock-in.

It would be good to get your configuration checked with our support team by emailing at [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.

Notification de bienvenue

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.

Exemples de campagnes de notifications push

Maintenant que vous collectez des abonnés pour les réengager, quelles campagnes lancez-vous pour vos abonnés ? C'est une question générale et la réponse dépend du type de site que vous gérez, mais partageons les types de campagnes couramment utilisés –

A. Campagne d'alerte de nouvel article : Pour la plupart des sites d'actualités, transmettre l'information aux utilisateurs à temps est l'un des facteurs de succès les plus cruciaux. Qu'il s'agisse d'actualités de dernière minute, de campagnes électorales, de sports ou de la pandémie actuelle, ils doivent tenir les abonnés informés.

C. Alertes de baisse de prix : Tout le monde cherche le prix le plus bas. Mais comment un client saurait-il que le prix a baissé. Activez la campagne d'alerte de baisse de prix pour informer automatiquement les utilisateurs de toute baisse de prix sur leur produit préféré.

D. Alertes de coupons/offres : Les notifications push sont délivrées instantanément. Ainsi, vous pouvez facilement organiser une vente flash ou une vente à durée limitée pour augmenter vos revenus.

E. Alerte de disponibilité de produit : Vous devriez également informer les utilisateurs lorsque le produit est de nouveau en stock. Les notifications push vous permettent d'envoyer des notifications push automatiques à l'utilisateur lorsque le stock est reconstitué.

F. Campagne d'abandon de panier – Envoyez des notifications ciblées basées sur l'abandon de panier sur mobile ou sur le site de bureau

Vous pouvez également consulter le guide des notifications push pour créer différentes campagnes pour votre site Web.

Résumé

Les premiers résultats indiquent que la notification push Web est un canal à ROI élevé et en croissance rapide, vous devriez donc absolument l'essayer pour votre site Web. Étant donné que les notifications push Web sont une nouvelle norme, attendez-vous à de nombreuses nouvelles fonctionnalités et modifications. Lorsque vous envisagez d'équiper votre site Web de notifications push, implémentez-les de manière à vous laisser plus de flexibilité.