Mangrovea

Etude : ChatGPT code vos scripts Google Tag Manager

Table des matières

On a eu à résoudre le problème suivant sur GTM (Google Tag Manager) : Trouver une solution pour récupérer une partie du dataLayer d’un site et de la transformer en un tableau de variables en utilisant du code JavaScript.

Le dataLayer est une couche de données qui permet de stocker des informations sur l’interaction des utilisateurs avec un site web. Ces informations peuvent être utilisées par GTM pour configurer et déclencher des tags et des variables, qui sont des éléments essentiels pour le suivi et l’analyse du trafic sur un site. Résoudre ce problème a donc impliqué de trouver un moyen de manipuler ces données de manière à pouvoir les utiliser de manière efficace dans GTM.

On voit qu’il y a tout un tas d’infos !

Ma problématique était la suivante : Comment récupérer les ID des produits dans ce morceau de code sous la forme [ID1, ID2, ID3…]. N’étant pas développeur, et ne voulant pas déranger tout le monde j’ai tenté l’expérience avec ChatGPT

ChatGPT assistant de votre tracking Google Tag Manager

J’ai donc décidé d’écrire dans la console de ChatGTP :

Et voici sa réponse (incroyable non?) :

Pour ceux qui le souhaitent, je vous met ici la fonction.

Elle permet de transformer l’extrait du dataLayer du site qui contient toutes les informations relatives au panier, dans mon exemple la variable s’appelle « cartContent.items », en un array avec tous les ID produits dans le panier. [ID PRODUIT 1, ID PRODUIT 2, ID PRODUIT 3…]

Cet array est ensuite envoyé à Google pour qu’il comprenne quels sont les produits qui ont été ajoutés au panier, cela à des fins de remarketing.

Vous souhaitez copier coller la fonction ? La voici :
Pour information, on parle ici d’un site WordPress avec un dataLayer généré par l’extension GTM4WP.

function() {
  var cartItems = {{cartContent.items}};
  var idArray = [];
  for (var i = 0; i < cartItems.length; i++) {
    idArray.push(cartItems[i].id);
  }
  return idArray;
}

Un autre avantage (et pas des moindre) est qu’il est super facile de rebondir sur la première requête pour lui demander de faire le même travail avec d’autres variables.

Dans cet exemple, je lui demande ensuite de faire la même chose pour me retourner un array avec l’ensemble des noms de produits et pas les ID cette fois [NOM PRODUIT 1, NOM PRODUIT 2, NOM PRODUIT 3…]

Vous souhaitez copier coller la fonction ? La voici :
Pour rappel : on parle ici d’un site WordPress avec un dataLayer généré par l’extension GTM4WP.


function() {
  var cartItems = {{cartContent.items}};
  var nameArray = [];
  for (var i = 0; i < cartItems.length; i++) {
    nameArray.push(cartItems[i].name);
  }
  return nameArray;
}

Et ainsi de suite, cette fois avec [QUANTITE PRODUIT 1, QUANTITE PRODUIT 2, QUANTITE PRODUIT 3] … 🙂

Vous souhaitez copier coller la fonction ? La voici :
Pour rappel : on parle ici d’un site WordPress avec un dataLayer généré par l’extension GTM4WP.

function() {
  var cartItems = {{cartContent.items}};
  var quantityArray = [];
  for (var i = 0; i < cartItems.length; i++) {
    quantityArray.push(cartItems[i].quantity);
  }
  return quantityArray;
}

ChatGPT s’est avéré être un outil pratique et efficace pour résoudre ce problème, relativement « simpliste » du point de vue d’un développeur, mais qui m’aurait demandé un temps de recherche sur de forums spécialisés.
J’ai implémenté ces solutions en quelques clics dans le compte Google Tag Manager du client et ai ensuite effectués quelques tests et tout fonctionne à merveille.

ChatGPT m’a donc permis de résoudre un problème de développement web de manière simple et efficace, sans avoir de compétences en programmation. Cette intelligence artificielle (ou IA) , ainsi que d’autres de ce type comme par exemple Jasper est encore à ses débuts : actuellement en version 3 la version 4 de ChatGPT prévue pour une sortie en 2024 sera bien plus puissante. On voit cependant déjà assez bien l’impact que cela peut avoir dans la productivité d’une entreprise. Ici j’ai utilisé l’outil pour m’assister en « code », mais son champ d’action va bien au delà (copywriting, rédaction web, traduction, marketing, gestion de projet, éducation, relation client, recrutement ….)

Vous avez aimé cet article ?

Partagez-le avec vos collègues ou amis !

Derniers articles

Vous souhaitez en savoir plus sur les dernières tendances du marketing digital ?

Découvrir d'autres ressources thématiques

Vous souhaitez en apprendre plus sur un nouveau sujet ? Consultez nos autres ressources thématiques.

Réservez un appel de découverte

Choisissez une date et heure qui vous conviennent pour un appel de découverte avec notre équipe.

Votre interlocuteur
Sébastien Castelli
Co-Fondateur
Réservez un appel de découverte

Choisissez une date et heure qui vous conviennent pour un appel de découverte avec notre équipe.

Votre interlocuteur
Maxime Cochini
CEO & Co-Fondateur
Thématique : Ads
Réservez un appel de découverte

Choisissez une date et heure qui vous conviennent pour un appel de découverte avec notre équipe.

Votre interlocuteur
Sébastien Castelli
Co-Fondateur
Réservez un appel de découverte

Choisissez une date et heure qui vous conviennent pour un appel de découverte avec notre équipe.

Votre interlocuteur
Maxime Cochini
CEO & Co-Fondateur
Thématique : Ads
Le Récap'

La newsletter marketing B2B.
Une édition par semaine.

Conseils 100% actionnables

Pas de spam