Configurer les notifications web push

Modifié le : Mar, 1 Déc., 2020 à 2:48 H

Pour pouvoir envoyer des notifications web push depuis l'application Dialog Insight, il faut identifier et configurer le site web pour lequel vous voulez afficher des notifications.

Voir comment faire en vidéo

La configuration des notifications web push dans l'application Dialog Insight exige plusieurs étapes, qui nécessitent de faire appel à une personne technique responsable du site web* sur lequel vous voulez afficher les notifications. Selon les entreprises, cette personne peut être un développeur Web, un intégrateur Web, un webmestre, ou toute autre personne occupant un rôle similaire.

Pré-requis	Module Web push Un site Web et un compte Google
Chemin d'accès	> Configuration > Notifications push

Configuration de votre site Web

Dans la page Notifications push, cliquez sur Ajouter votre site Web.
Dans la page Configuration web:
1. Changez le nom du site Web en cliquant sur l'icône d'édition.
  Ce nom est interne et est uniquement utilisé dans la plateforme Dialog Insight.
Dans la section Site Web:
1. Entrez le nom de domainede votre site Web.
  Ce domaine doit être accessible de manière sécurisé (https).
2. Ajoutez les langues offertes sur votre site Web et dans lesquelles vous prévoyez envoyer des notifications. Il est important de les cocher pour qu'elles soient disponibles lors de la création des notifications.
Dans la section Présentation:
1. Ajoutez l'icône par défaut à utiliser dans vos notifications.
  Il s'agit d'une image représentant votre entreprise et qui permet de vous reconnaître facilement. Vous pourrez la modifier par la suite au besoin.
Dans la section Firebase Cloud Messaging:
1. Indiquez le ID de l'expéditeur et la Clé de serveur.
  Pourquoi et comment obtenir ces informations ?
  *Cette étape nécessite l'aide d'un développeur ou intégrateur web.
2. Cliquez sur Sauvegarder.

Installation sur votre site
*Cette étape nécessite l'aide d'un développeur ou intégrateur web.

Dans la section Code et fichier:
1. Copiez-coller le code (script) affiché dans la boîte sur toutes les pages de votre site Web où vous désirez offrir l'abonnement, à l'intérieur de la balise <head></head> ou juste avant la balise </body>.
2. Cliquez sur le bouton Télécharger le fichier, et copiez-le ce fichier à la racine (root) de votre site Web.

Votre site est sur Wordpress ?
Installez ce plugin Wordpress afin d'insérer le code sur vos pages.

Intégration de la demande d'abonnement

Pour afficher la demande d'abonnement, procédez comme suit.

Intégrez la demande d'abonnement à votre site sur un élément cliquable. Ceci peut être un bouton, un lien, une image, etc.
Nous recommandons que ce soit le visiteur qui fait l'action de le demander et non automatiquement dès l'arrivée sur votre site.

Ajoutez la fonction suivante :

DI.WebPush.RequestPermission("Code de langue");

où Code de langue doit être le code à deux caractères indiquant la langue de l'abonnement. Ce code est affiché à côté des langues configurées à la section Configuration (voir Configurer l'utilisation des notifications web push).

Exemples

//Exemple sur un lien texte :
<a href="#" onclick="DI.WebPush.RequestPermission('fr');">Je désire recevoir les notifications</a>

//Exemple sur une image :
<img src="image.jpg" onclick="DI.WebPush.RequestPermission('fr');" alt="Je désire recevoir les notifications" />

Tester

Bien que cette étape ne soit pas obligatoire, elle est fortement conseillée, car elle vous permet de tester l'affichage des notifications web push dans votre site web mais sur une page autre que les vôtres. La page démo à télécharger vous permettra donc d'effectuer un test sans affecter votre site.

Voici quelques instructions pour se désabonner des notifications pour un site spécifique dans :

Chrome : Activer ou désactiver les notifications
Firefox : Les notifications Web Push dans Firefox
Opera : Manage desktop notifications

French