Intégration personnalisée utilisant des balises rendues côté client

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. 

  

Pour réaliser ce type d'intégration, vous aurez besoin d'un expert ayant des connaissances en programmation, Google Tag Manager et dataLayer.

 

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 :

2. Sur les pages de catégories de produits :

3. Sur les pages de détails des produits :

 

La génération de cette balise côté client ne synchronisera pas le catalogue de produits (voir Étape 3), mais si vous synchronisez le catalogue via API, vous devez afficher cette balise pour envoyer l'événement "Le contact a visité un produit".

4. Sur les pages de résultats de recherche :

5. Sur les pages d'achat finalisé (checkout success) :

6. Sur les pages où l'événement a lieu :

 

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 :

 

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.

 

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.

 

 

Félicitations !
Vous êtes arrivé à la fin de la leçon.

  

Avez-vous encore des questions sans réponse ?
N'oubliez pas que vous avez à votre disposition nos spécialistes Connectif. Pour les contacter, il vous suffit d'ouvrir un ticket auprès du support en cliquant sur le bouton bleu “Aide” de votre tableau de bord.

 


Continuez à apprendre !

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

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0