Installation du code de suivi et d’extrait sur votre site EdCommerce

Last updated: October 9, 2026

Pour intégrer un extrait de code à votre site web, vous devez généralement suivre ces étapes :

Étape 1. Obtenir le code de l'extrait

Trouvez et copiez le code de l'extrait depuis le service ou la plateforme avec lequel vous effectuez l'intégration. Il peut s'agir d'un pixel de suivi, d'un widget de chat, d'un formulaire intégré ou de tout autre code fourni par le service.

Si vous essayez d'installer votre code Google Tag Manager ou votre Meta Pixel, consultez les sections dédiées ci-dessous :

  • Installer Meta Pixel
  • Installer Google Tag Manager

Étape 2. Ajouter votre code d'extrait à EdCommerce

L'ajout de scripts à EdCommerce est très simple, il vous suffit d'accéder à votre zone Intégrations et de cliquer sur « Ajouter un code de script ».

Remplissez les champs d'intégration du script comme suit :

  • Nom : Ajoutez un nom à votre extrait. Vous pouvez utiliser le nom de l'outil que vous intégrez.
  • Insérer dans : En-tête ou Corps (cela dépendra des instructions du service que vous intégrez).
  • Code : Copiez le code d'extrait correspondant que vous avez trouvé sur la plateforme de l'autre application et collez-le ici.

Étape 3 : Vérifier que votre intégration fonctionne correctement

Le processus visant à s'assurer que votre intégration fonctionne correctement peut varier en fonction de la plateforme avec laquelle vous effectuez l'intégration. Il est essentiel de consulter les instructions spécifiques d'intégration fournies par le service ou la plateforme avec lesquels vous travaillez, car elles peuvent contenir des exigences ou des recommandations supplémentaires pour intégrer leur extrait de code.

Installer Google Tag Manager

Étape 1 - Obtenir votre extrait de code depuis Google Tag Manager

Pour commencer, connectez-vous à votre compte Google Tag Manager à l'adresse <https://tagmanager.google.com>

Une fois connecté, vous verrez une liste de conteneurs associés à votre compte. Sélectionnez le conteneur avec lequel vous souhaitez travailler, ou créez-en un nouveau pour EdCommerce.

Après avoir choisi le conteneur, ouvrez-le pour accéder à son contenu. Dans la vue d'ensemble du conteneur, recherchez l'ID du conteneur dans le menu de la barre supérieure et cliquez dessus (il commence généralement par GTM-XXX).

Vous trouverez deux extraits de code : un pour la section <head> et un autre pour la section <body> de votre site web. Pour EdCommerce, nous utiliserons uniquement le code dans la section <head>.

Étape 2. Ajouter vos extraits de code à EdCommerce

L'ajout de votre extrait de code à EdCommerce est très simple, il vous suffit d'accéder à la zone Intégrations et de cliquer sur le bouton « Ajouter un code de script ».

Remplissez les champs d'intégration du script comme suit :

  • Nom : Ajoutez un nom à votre extrait, par exemple Google Tag Manager.
  • Insérer dans : Head (Nous n'utiliserons pas le body pour Google Tag Manager)
  • Code : Copiez ici le code de l'extrait « header » correspondant que vous avez trouvé sur Google Tag Manager.

Étape 3 : Vérifier si votre Google Tag Manager fonctionne correctement

La manière la plus simple de vérifier si vous avez effectué l'installation correctement est d'installer l'extension Google Tag Assistant pour Chrome depuis le Chrome Web Store.

Ensuite, suivez ces étapes :

  1. Ouvrez votre site web dans Google Chrome.
  2. Cliquez sur l'icône de l'extension Tag Assistant dans la barre d'outils de Chrome.
  3. Une fenêtre contextuelle apparaîtra. Cliquez sur « Activer » pour commencer l'enregistrement.
  4. Naviguez sur votre site web et effectuez les actions qui déclenchent les étiquettes que vous avez configurées dans Google Tag Manager.
  5. Une fois vos actions terminées, cliquez à nouveau sur l'icône de l'extension Tag Assistant.
  6. Tag Assistant analysera les étiquettes déclenchées sur chaque page et fournira un rapport.
  7. Consultez le rapport pour détecter d'éventuelles erreurs ou avertissements liés à votre configuration Google Tag Manager.

Le rapport Tag Assistant indiquera si les étiquettes de votre conteneur Google Tag Manager se déclenchent correctement ou s'il y a des problèmes. Assurez-vous de tester différents scénarios sur votre site web afin de vérifier que toutes les étiquettes souhaitées se déclenchent comme prévu.

De plus, vous pouvez également consulter la section « Temps réel » dans Google Analytics pour vérifier si des données sont reçues depuis votre site web. Si des données en temps réel apparaissent dans Google Analytics lorsque vous effectuez des actions sur votre site EdCommerce, cela indique que votre Google Tag Manager envoie correctement les données à Google Analytics.

Installation du Meta Pixel

Si vous avez déjà configuré votre Meta Pixel à l'aide de balises IMG ou si vous prévoyez de le faire, nous vous recommandons de suivre la documentation destinée aux développeurs de Facebook.

Dans cet article, nous vous montrerons comment configurer et installer un Meta Pixel sur votre site EdCommerce. Pour en savoir plus sur le pixel avant de commencer, consultez les avantages de l'installation d'un Meta Pixel.

Si vous avez déjà créé un Meta Pixel et que vous souhaitez trouver le code de base de votre pixel, passez à l'étape 2 : Ajouter votre pixel à EdCommerce.

Étape 1 : Créer et configurer votre Meta Pixel

  1. Accédez au Gestionnaire d'événements.
  2. Cliquez sur Connecter des sources de données et sélectionnez Web.
  3. Sélectionnez Meta Pixel et cliquez sur Connecter.
  4. Ajoutez le nom de votre Pixel.
  5. Saisissez l'URL de votre site web pour vérifier les options de configuration rapide.
  6. Cliquez sur Continuer.

\Vous pouvez trouver plus d'informations dans le [Centre d'aide Meta Business.*](https://www.facebook.com/business/help/952192354843755?id=1205376682832142)

Étape 2. Ajoutez votre pixel à EdCommerce

Vous allez ajouter votre Meta Pixel à EdCommerce manuellement, vous devez donc copier le script depuis le Gestionnaire d'événements Meta et le coller dans l'en-tête de votre site EdCommerce.

L'ajout de scripts à EdCommerce est très simple, il vous suffit d'accéder à votre espace Intégrations et de cliquer sur "Ajouter un code de script"

Remplissez les champs d'intégration du script comme suit :

  • Nom : Ajoutez un nom à votre script, par exemple Meta Pixel ou Facebook Pixel
  • Insérer dans : Head (Nous n'utiliserons pas le body pour Meta Pixel)
  • Code : Copiez ici le code trouvé dans votre Gestionnaire d'événements Meta.

Et cliquez sur "Enregistrer".

Étape 3 : Vérifiez que votre Meta Pixel fonctionne correctement

Pour vérifier si votre Facebook Pixel est correctement connecté et fonctionne, vous pouvez suivre ces étapes :

  1. Connectez-vous à votre compte Facebook Business Manager à l'adresse https://business.facebook.com.
  2. Accédez à l'onglet "Sources de données" dans la barre latérale gauche.
  3. Dans la section "Pixels", vous devriez voir votre Facebook Pixel listé. S'il est connecté et fonctionne correctement, un point vert indiquant qu'il est actif apparaîtra.
  4. Cliquez sur le nom de votre Pixel pour accéder à ses paramètres et à plus de détails.
  5. Dans les paramètres du Pixel, vous pouvez consulter les événements suivis, vérifier la présence d'erreurs ou d'avertissements et voir l'activité récente du Pixel.