L'intégration via des balises HTML cachées générées côté client est l'option d'intégration personnalisée avec Connectif qui convient le mieux si vous utilisez Google Tag Manager et dataLayer. Cela consiste à générer des balises de manière cachée et, une fois correctement rendues, le JavaScript de Connectif collecte automatiquement les informations et les envoie à votre compte.
Comment intégrer Connectif avec des balises rendues côté client ?
Avec cette intégration, vous pourrez configurer l'envoi d'informations sur ce qui se passe sur votre site, mais pour synchroniser votre catalogue et configurer les notifications Web Push, vous devrez compléter cette méthode.
1. Ajouter le JavaScript de Connectif
Configurez le JavaScript de Connectif sur le site pour qu'il se charge sur toutes les pages et permettre l'intégration via des événements.
2. Ajouter les balises HTML
Voici toutes les balises que vous devez ajouter et les pages sur lesquelles les placer pour que les informations soient correctement synchronisées :
1. Sur toutes les pages :
-
Balise "Informations du contact" : pour enregistrer les données des visiteurs du eCommerce.
- Balise "État actuel du panier d'achat" : pour décrire le panier d'achat du contact à un moment donné.
-
Balise "Balise de page" : pour attribuer une étiquette à une page.
2. Sur les pages de catégories de produits :
- Balise "Catégorie de page" : pour attribuer une catégorie de produit à une page.
3. Sur les pages de détails des produits :
- Balise "Le contact a visité un produit" : pour signaler qu'un contact a visité un produit spécifique sur le site.
-
Balise "Le contact a recherché un produit" : pour identifier une visite d'un produit à la suite directe d'une recherche.
4. Sur les pages de résultats de recherche :
-
Balise "Le contact a effectué une recherche" : pour indiquer qu'une recherche a été effectuée et identifier les termes utilisés.
5. Sur les pages d'achat finalisé (checkout success) :
- Balise "Achat finalisé" : pour décrire un achat effectué par un contact.
6. Sur les pages où l'événement a lieu :
- Balise "Le contact s'est connecté" : pour signaler qu'un contact s'est connecté.
- Balise "Le contact s'est inscrit" : pour signaler une nouvelle inscription.
-
Balise "Inscription à la newsletter" : pour signaler qu'un contact s'est inscrit à la newsletter.
3. Synchroniser le catalogue de produits
La vérification des produits n'est pas compatible avec le rendu client des balises HTML, car le vérificateur de produits de Connectif s'attend à recevoir la balise "cn_product_visited" lors d'une requête HTTP GET vers l'URL du produit.
Vous pouvez synchroniser votre catalogue via deux méthodes différentes :
- Mettre en œuvre la balise Produit Visité avec un rendu côté serveur.
- Désactiver la vérification automatique des produits et synchroniser le catalogue via l'API.
4. Configurer les Web Push
Pour compléter l'intégration, vous devez également configurer le Service Worker afin de pouvoir recevoir des abonnements à Web Push et envoyer des notifications à vos contacts.
- Commencez à gérer les notifications Web Push.
5. Valider l'intégration
Une fois l'envoi d'informations à Connectif mis en place, l'étape suivante sera de valider que l'intégration a été correctement réalisée.
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 œuvre vos premières stratégies sur votre compte.
-
Intégrations avec des systèmes externes, pour vous connecter avec Facebook, des formulaires et des webhooks de votre site.
-
Intégrations via API, pour gérer des événements comme les enregistrements d'achats ou les inscriptions de contacts.