Intégration personnalisée via des événements JavaScript

L'intégration via des événements JavaScript est l'option d'intégration personnalisée avec Connectif la plus avancée, permettant un plus grand contrôle sur le moment et la manière dont les événements sont envoyés. Elle consiste à envoyer les notifications directement via JavaScript, en utilisant l'objet global Connectif et les fonctions qu'il propose.

Comment intégrer Connectif via des événements JavaScript ?

Grâce à cette intégration, vous pourrez configurer l'envoi d'informations sur les événements se produisant sur votre site web. Cependant, pour synchroniser votre catalogue et configurer les Web Push, cette méthode devra être complétée par d'autres actions.

1. Ajouter le JavaScript de Connectif

Configurez le JavaScript de Connectif pour qu'il se charge sur toutes les pages et permette l'intégration via des événements.

• Ajoutez le JavaScript de Connectif.

2. Configurer l'envoi d'informations via des événements JavaScript

Initialisez et configurez le JavaScript de Connectif afin de disposer de toutes les informations nécessaires :

• Initialisez le JavaScript de Connectif.

• Contrôlez quand le JavaScript de Connectif est initialisé.

• Configurez l'envoi automatique d'événements à chaque sendEvents.

3. Notifier l'envoi d'événements

Configurez les événements qui notifieront Connectif des actions réalisées sur votre site :

• Notification des informations du contact : pour enregistrer les données des visiteurs de l'eCommerce.
• Notification des informations du panier : pour décrire le panier d'achat d'un contact à un moment donné.. 
• Notification de page visitée : pour signaler qu'un contact a visité une page lors de sa navigation sur le site.
• Notification de produit visité : pour signaler qu'un contact a consulté un produit spécifique lors de sa navigation sur le site.

• Notification d'achat effectué : pour décrire un achat réalisé par un contact.
• Notification de recherche effectuée : pour indiquer qu'une recherche a été effectuée et identifier les termes utilisés.
• Notification de connexion : pour indiquer que le contact s'est connecté.
• Notification d'inscription : pour indiquer une nouvelle inscription.
• Notification d'abonnement à la newsletter : pour indiquer qu'un contact s'est abonné à la newsletter.
  
  

4. Synchroniser le catalogue de produits

La vérification des produits n'est pas compatible avec l'envoi d'événements JavaScript, car le vérificateur de produits de Connectif s'attend à recevoir l'étiquette "cn_product_visited" lors de la visite de l'URL du produit.

Vous pouvez synchroniser votre catalogue via deux méthodes différentes :

• Implémenter l'étiquette Produit Visité avec rendu côté serveur.
• Désactiver la vérification automatique des produits et synchroniser le catalogue via l'API.
• Synchroniser le catalogue via un flux XML. 

5. Configurer les Web Push

Pour compléter l'intégration, vous devez également configurer le Service Worker afin de pouvoir recevoir des abonnements aux notifications Web Push et envoyer des notifications à vos contacts.

• Commencez à gérer les notifications Web Push.

6. Valider l'intégration

Une fois l'envoi d'informations à Connectif mis en place, l'étape suivante consiste à vérifier que l'intégration a été correctement réalisée.

• Vérifiez la configuration de l'intégration Web.

Continuez à apprendre !

Pour exploiter tout le potentiel de votre compte Connectif, nous vous recommandons de poursuivre avec les articles suivants :

• Onboarding, pour acquérir de l'aisance avec notre interface.

• Workflows initiaux, pour mettre en place vos premières stratégies dans votre compte.

• Intégrations avec des systèmes externes, pour vous intégrer à Facebook, aux formulaires et aux webhooks de votre site web.

• Intégrations via API, pour gérer des événements tels que les enregistrements d'achats ou les ajouts de contacts.