← Retour à la page d'accueil
Salut
Pour commencer Installation
Système
Analytics Suite SEO Suite Context Suite Growth Suite
Outils
mandera AI chat Content Library Chat Library Settings
Ressources
Agentic Engine Confidentialité et conformité les concepts clés Comment on suit langues supportées Aide

Installation

Installe le code mandera sur ton site web, vérifie que le suivi fonctionne et résous les problèmes de configuration les plus courants.

mandera commence à collecter des données dès que le code de suivi est chargé sur ton site web. Ajoute-le à toutes les pages que tu souhaites analyser, puis vérifie l'installation dans ton navigateur et dans le tableau de bord mandera.

Tu utilises un CMS ou un outil de création de site web en particulier ? Choisis ta plateforme ci-dessous pour accéder directement au guide de configuration correspondant :

Avant d'installer

Ce dont tu as besoin

Avant d'installer mandera, assure-toi d'avoir :

  • accès à ton tableau de bord mandera
  • un site web créé dans mandera
  • le code de suivi pour ce site web
  • l'accès à ton CMS, gestionnaire de balises ou code de site web

Tu trouveras ton code de suivi exact dans ton tableau de bord mandera, sous la rubrique Settings.

Où mettre le code ?

Il faut ajouter le snippet de suivi mandera au <head> partie de ton site web.

Pour la plupart des sites web, le snippet doit être chargé sur toutes les pages publiques que tu souhaites voir mesurées par mandera. En fonction de ta configuration, tu peux l'ajouter via ton CMS, ton gestionnaire de balises ou l'en-tête global du site.

Configuration générale

Jeton de suivi

Pour commencer à collecter des données, ajoute le snippet de suivi mandera à ton site web.

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Les valeurs de ton extrait sont générées pour ton site web. Ne copie pas les exemples de valeurs ci-dessus.

Garde le code exactement tel qu'il apparaît dans ton tableau de bord mandera. Si l'une des valeurs obligatoires manque ou a été modifiée, mandera risque de ne pas recevoir les données de ton site web.

Attributs requis

Le bout de code a besoin de ces parties pour marcher correctement :

PartirCe que ça fait
sourceCharge le script d'analyse mandera.
mandera-orgConnecte le script à ton organisation.
identifiant-propriétéPermet de relier le script au site web que tu as créé dans mandera.
en attendantLaisse le script se charger sans bloquer ton site web.

Méthodes d'installation

Google Tag Manager

Utilise cette méthode si ton site web utilise déjà le Tag Manager Google.

  1. Ouvre le Tag Manager Google.
  2. Choisis le conteneur pour ton site web.
  3. Crée un nouveau tag.
  4. Choisis un tag HTML personnalisé.
  5. Colle le snippet de suivi mandera dans le champ HTML.
  6. Mets le déclencheur sur toutes les pages.
  7. Enregistre et publie le conteneur.
  8. Ouvre ton site web dans un nouvel onglet du navigateur.
  9. Vérifie l'installation en suivant les étapes ci-dessous.

Assure-toi que le conteneur Tag Manager Google est bien déjà installé sur ton site web. Si le conteneur ne se charge pas, le snippet mandera ne se chargera pas non plus.

Manuel HTML

Utilise cette méthode si tu peux modifier le code de ton site web directement.

  1. Ouvre le template HTML global de ton site web.
  2. Trouve le <head> section.
  3. Colle le snippet de suivi mandera avant la balise de fermeture </head> étiquette.
  4. Sauvegarde et déploie tes changements.
  5. Ouvre ton site web dans un nouvel onglet du navigateur.
  6. Vérifie l'installation en suivant les étapes ci-dessous.

Si ton site a des modèles différents pour différents types de pages, assure-toi que le code est bien intégré dans tous ceux que tu veux suivre.

Applications monopages

Les applications monopages sont entièrement prises en charge. mandera détecte les changements de route côté client et les comptabilise comme des pages vues ; les applications développées avec React, Vue, Next.js ou d'autres frameworks similaires ne nécessitent donc aucune configuration supplémentaire. Seuls les changements de chemin d'accès sont comptabilisés comme de nouvelles pages vues, et les pages consultées pendant moins de trois secondes sont considérées comme du bruit et ignorées, sauf la dernière page d'une visite.

Désactiver le suivi

mandera filtre automatiquement tes propres visites sur le tableau de bord et le trafic généré par les bots ; tu n'as donc pas besoin de t'exclure toi-même. Pour empêcher mandera de mesurer l'ensemble de ton site web, supprime le code de suivi de ton CMS, de ton gestionnaire de balises ou de ton modèle. Les données déjà collectées restent disponibles dans ton tableau de bord.

Vérifie le montage

Ouvre ton site web

Ouvre une page publique quelconque où le snippet devrait être actif.

Ouvre les outils développeur du navigateur

Ouvre les outils développeur de ton navigateur et va dans l'onglet Réseau.

3. Recharge la page

Rafraîchis la page quand l'onglet Réseau est ouvert.

4. Cherche le script mandera

Cherche analytics.js ou ton mandera web URL. Si le script s'affiche avec un statut « réussi », ça veut dire que l'extrait est en train de se charger.

5. Consulte le tableau de bord mandera

Ouvre la Analytics Suite dans mandera et vérifie si les données commencent à s'afficher.

Les données peuvent ne pas apparaître immédiatement. Si le script se charge correctement mais qu'aucune donnée n'apparaît, continuez avec les étapes de dépannage ci-dessous.

Dépannage

Il n'y a aucune donnée dans mandera

Vérifie d'abord ces points :

  • le snippet est installé sur la page que tu testes
  • le bout de code est dans le <head> rubrique
  • l'ID de l'organisation n'a pas bougé
  • l'ID du site web n'a pas changé
  • ton site a été vidé du cache
  • tes modifs sur le Tag Manager ont été publiées, mec
  • Ton navigateur ou ton bloqueur de pub ne bloque pas le script

Le script n'apparaît pas dans l'onglet Réseau

Si tu ne trouves pas le script dans l'onglet Network, le bout de code ne se charge probablement pas.

Vérifie si ça a été ajouté au bon template, champ CMS ou conteneur Tag Manager.

Le script s'affiche, mais les données n'apparaissent toujours pas

Si le script se charge mais qu'aucune donnée n'apparaît, vérifie si la page est publique, si le bon site web a été sélectionné dans mandera et si l'extrait appartient bien au site web que tu es en train de consulter.

Seulement quelques pages sont suivies

Si seules certaines pages apparaissent dans mandera, il se peut que le snippet ne soit pas installé globalement.

Ajoute-le dans le header global ou tous les templates pertinents.

Le Tag Manager Google ne déclenche pas la balise

Vérifie si la balise utilise le déclencheur « Toutes les pages », si le conteneur a bien été publié et si le conteneur Google Tag Manager se charge bien sur le site web.

Guides spécifiques aux CMS

WordPress

mandera est compatible avec les thèmes classiques WordPress, les thèmes modulaires et les configurations « headless » de WordPress. Choisis la méthode qui convient le mieux à ton site web.

Méthode 1 : Ajoute le bout de code dans l'en-tête de ton thème

Tu peux ajouter le snippet mandera directement dans le fichier de ton thème en-tête.php fichier.

  1. Dans WordPress, va dans « Apparence » → « Éditeur de fichiers de thème ».
  2. Ouvre la en-tête.php fichier.
  3. Colle le snippet mandera avant la balise de fermeture </head> étiquette.
  4. Remplace les valeurs par défaut par celles de ton tableau de bord mandera.
  5. Clique sur Mettre à jour le fichier.
  6. Ouvre ton site web et vérifie l'installation.
<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Si tu changes de thème ou que tu le mets à jour, faudra peut-être remettre le bout de code.

Méthode 2 : Utiliser un plugin d'injection d'en-têtes

Tu peux aussi installer mandera sans modifier les fichiers du thème.

  1. Installe un plugin comme WPCode ou Header Footer Code Manager.
  2. Ouvre les paramètres du plugin.
  3. Colle le snippet mandera dans la section « Header ».
  4. Sauvegarde tes changements.
  5. Nettoie le cache de ton site si tu utilises un plugin de cache.
  6. Ouvre ton site web et vérifie l'installation.

Cette méthode est généralement plus stable lors des mises à jour de thèmes car le bout de code est géré par le plugin.

Méthode 3 : ajouter le snippet via functions.php

Tu peux aussi ajouter le code, genre, directement dans ton thème functions.php fichier.

function mandera_tracking_script() {
    ?>
    <script
      src="https://<your-mandera-web-url>/analytics.js"
      mandera-org="ORG_ID"
      data-property-id="PROPERTY_ID"
      async
    ></script>
    <?php
}
add_action('wp_head', 'mandera_tracking_script');

Remplace ID de l'organisation, ID du bien et le script URL avec les valeurs de ton tableau de bord mandera.

Pour les environnements de production, tu peux enregistrer ces valeurs sous forme d'options ou de constantes WordPress plutôt que de les coder en dur dans le thème.

Sans tête WordPress

Si tu utilises WordPress comme CMS sans interface graphique avec un framework front-end tel que Next.js, Nuxt ou Gatsby, installe mandera dans ton application front-end à la place du backend WordPress.

Ajoute le bout de code à ton frontend <head> Si ton frontend utilise le routage côté client, regarde aussi la note sur les applications monopages plus haut.

Shopify

Tu peux installer mandera sur Shopify en ajoutant le snippet de suivi à ta boutique en ligne. On te conseille de charger le snippet de manière globale, pour qu'il s'affiche sur les pages publiques que tu souhaites voir mesurées par mandera.

Ça comprend généralement des pages comme ta page d'accueil, les pages produits, les pages collections et les pages de contenu.

Méthode 1 : Ajoute le code à ton thème Shopify

Utilise cette méthode si tu as accès au code de ton thème Shopify et que tu souhaites installer mandera directement dans ton thème actif.

Avant de modifier le code de ton thème, pense à dupliquer ton thème actif pour avoir une sauvegarde.

  1. Ouvre ton espace d'administration Shopify.
  2. Aller à la Boutique en ligne → Thèmes.
  3. Trouve ton thème actif.
  4. Ouvre le menu des thèmes et choisis Modifier le code.
  5. Dans le dossier Layout, ouvre theme.liquid.
  6. Trouve la fermeture </head> étiquette.
  7. Colle le snippet de suivi mandera juste avant la balise de fermeture </head> étiquette.
  8. Sauvegarde tes changements.
  9. Ouvre ta boutique dans un nouvel onglet de navigateur.
  10. Vérifie l'installation avec les étapes ci-dessus.

Ajoute ce bout de code avant la fermeture </head> tague-le theme.liquid:

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Remplace ID de l'organisation, ID du bien et le script URL avec les valeurs de ton tableau de bord mandera.

Si tu mets à jour, dupliques ou changes de thème Shopify par la suite, vérifie si l'extrait de code mandera est toujours présent dans le thème actif.

Méthode 2 : Utiliser une app de code personnalisé

Si tu veux pas toucher directement le code de ton thème, tu peux utiliser une appli Shopify qui te permet d'ajouter du code personnalisé dans l'en-tête de ta boutique.

Utilise cette méthode si ton magasin utilise déjà une app de header, footer ou de code personnalisé de confiance, ou si tu préfères une configuration sans code.

  1. Installe ou ouvre ton application de code personnalisé dans Shopify.
  2. Crée un nouveau bout de code.
  3. Choisis la section Head comme emplacement.
  4. Colle le snippet de suivi mandera dans le champ de code.
  5. Mets le bout de code pour qu'il se charge sur toutes les pages de la boutique que tu veux mesurer.
  6. Sauvegarde et active le snippet.
  7. Ouvre ta boutique dans un nouvel onglet de navigateur.
  8. Vérifie l'installation avec les étapes ci-dessus.

Assure-toi que l'application charge le snippet sur les pages publiques de ta boutique en ligne. Si l'application n'ajoute du code qu'à certains modèles ou certaines pages, mandera ne collectera peut-être des données qu'à partir de ces zones.

Méthode 3 : Utiliser le Tag Manager Google

Si ta boutique Shopify utilise déjà le Tag Manager Google, tu peux ajouter le snippet mandera via GTM au lieu de modifier directement le code de ton thème.

  1. Ouvre le Tag Manager Google.
  2. Choisis le conteneur utilisé sur ta boutique Shopify.
  3. Crée un nouveau tag.
  4. Choisis un tag HTML personnalisé.
  5. Colle le snippet de suivi mandera dans le champ HTML.
  6. Mets le déclencheur sur toutes les pages.
  7. Enregistre et publie le conteneur.
  8. Ouvre ta boutique Shopify dans un nouvel onglet de navigateur.
  9. Vérifie l'installation avec les étapes ci-dessus.

Assure-toi que le conteneur Tag Manager Google est bien déjà installé sur ta boutique Shopify. Si le conteneur GTM ne se charge pas, le snippet mandera ne se chargera pas non plus.

Pages de paiement Shopify

La configuration standard mandera est destinée aux pages publiques de ta boutique Shopify.

Les pages de paiement, d'après-vente et de suivi de commande peuvent se comporter différemment, car Shopify gère ces sections séparément du thème habituel de la boutique. Pour la configuration de base de mandera, vérifie d'abord que l'extrait de code se charge correctement sur des pages comme la page d'accueil, les pages de produits, les pages de collections et les pages de contenu.

Si tu veux mesurer les événements liés à la finalisation d'achat ou les données de revenus, ça pourrait nécessiter une configuration spécifique à Shopify.

Dépannage pour Shopify

Si aucune donnée n'apparaît dans mandera, vérifie d'abord les points suivants :

  • le snippet a été ajouté au thème Shopify actif ou à une app de code personnalisé globale
  • le bout de code est dans la section head
  • les valeurs de ton tableau de bord mandera ont été copiées à l'identique
  • Tes modifs Shopify ont été sauvegardées et publiées
  • ta boutique est publique et pas protégée par un mot de passe
  • Ton navigateur ou ton bloqueur de pub ne bloque pas le script
  • ton application de code personnalisé ou ton conteneur Google Tag Manager est actif
  • le bout de code n'est pas installé deux fois

Si tu as récemment changé ou mis à jour ton thème, rouvre le thème actif et vérifie si l'extrait de code mandera est toujours présent.

Wix

Tu peux installer mandera sur Wix en ajoutant le snippet de suivi en tant que code personnalisé dans ton tableau de bord Wix. Ça permet au snippet de se charger sur toutes les pages publiques que tu veux que mandera mesure.

Utilise cette méthode si ton site est fait avec Wix et que tu as accès aux réglages du site.

Avant d'installer : Assure-toi que ton site Wix est publié et connecté à un domaine. Les paramètres de code personnalisé peuvent dépendre de ta configuration Wix et de ton forfait.

Méthode 1 : Ajoute le snippet via le Code personnalisé

La méthode recommandée pour installer mandera sur Wix consiste à ajouter le code de suivi dans la balise <head> de ton site.

  1. Ouvre ton tableau de bord Wix.
  2. Choisis le site web sur lequel tu veux installer mandera.
  3. Va sur Settings.
  4. Ouvre le Code personnalisé dans Développement et intégrations.
  5. Clique sur + Ajouter du code personnalisé.
  6. Colle le snippet de suivi mandera dans le champ de code.
  7. Donne un nom clair au code, par exemple « mandera analytics ».
  8. Sous Ajouter du code aux pages, sélectionne Toutes les pages.
  9. Choisis si le code doit se charger une fois par visite ou à chaque page ouverte par un visiteur.
  10. Sous Code de placement, sélectionne Tête.
  11. Clique sur Appliquer.
  12. Ouvre ton site web dans un nouvel onglet du navigateur.
  13. Vérifie l'installation avec les étapes ci-dessus.

Ajoute ce bout de code au champ de code personnalisé Wix :

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Remplace ID de l'organisation, ID du bien et le script URL avec les valeurs de ton tableau de bord mandera.

Pour la plupart des sites Wix, "Toutes les pages" est la meilleure option car ça s'applique aussi aux nouvelles pages que tu crées plus tard.

Wix peut te demander si le code doit se charger une fois par visite ou à chaque page que le visiteur ouvre. Pour une configuration de base de mandera, commence par choisir « Charger le code une fois par visite » si cette option est disponible. Après l'installation, vérifie que le script apparaît dans l'onglet « Réseau » de ton navigateur et que les données commencent à s'afficher dans mandera.

Si tu vois que les modifications de page ne s'affichent pas comme prévu, vérifie la configuration et essaie l'option de chargement alternative.

Méthode 2 : Utiliser une app de code personnalisé

Si tu ne peux pas accéder aux réglages natifs du code personnalisé sur Wix, tu peux utiliser une application Wix de confiance qui te permet d'ajouter du code personnalisé dans la section head de ton site.

Utilise cette méthode seulement si l'app peut placer le snippet globalement dans la section head.

  1. Installe ou ouvre ton app de code personnalisé dans Wix.
  2. Crée un nouveau code personnalisé.
  3. Colle le snippet de suivi mandera dans le champ de code.
  4. Mettre l'emplacement sur Tête.
  5. Applique ce code sur toutes les pages publiques que tu veux suivre.
  6. Sauvegarde et active le snippet.
  7. Ouvre ton site web dans un nouvel onglet du navigateur.
  8. Vérifie l'installation avec les étapes ci-dessus.

Si l'application n'ajoute du code qu'à une seule page, à un iframe ou à un élément intégré visible, elle n'est pas adaptée à l'installation de base de mandera.

Méthode 3 : Utiliser le Tag Manager Google

Si ton site Wix utilise déjà le Tag Manager Google, tu peux aussi installer mandera via GTM.

  1. Ouvre le Tag Manager Google.
  2. Choisis le conteneur utilisé sur ton site Wix.
  3. Crée un nouveau tag.
  4. Choisis un tag HTML personnalisé.
  5. Colle le snippet de suivi mandera dans le champ HTML.
  6. Mets le déclencheur sur toutes les pages.
  7. Enregistre et publie le conteneur.
  8. Ouvre ton site Wix dans un nouvel onglet du navigateur.
  9. Vérifie l'installation avec les étapes ci-dessus.

Assure-toi que le conteneur Tag Manager Google est bien déjà connecté à ton site Wix. Si le conteneur ne se charge pas, l'extrait de code mandera ne se chargera pas non plus.

Dépannage pour Wix

Si aucune donnée n'apparaît dans mandera, vérifie d'abord les points suivants :

  • Ton site Wix est publié
  • ton site Wix est connecté à un domaine
  • le snippet a été ajouté via du code personnalisé ou une application de code personnalisé globale
  • le bout de code est placé dans la section head
  • le fragment s'applique à toutes les pages pertinentes
  • les valeurs de ton tableau de bord mandera ont été copiées à l'identique
  • Tes modifications ont été appliquées et sauvegardées
  • Ton navigateur ou ton bloqueur de pub ne bloque pas le script
  • le bout de code n'est pas installé deux fois

Si le script n’apparaît pas dans l’onglet Network, rouvre les paramètres du code personnalisé Wix et vérifie si l'extrait est actif, placé dans la bonne section et appliqué aux bonnes pages.

Joomla

Tu peux installer mandera sur Joomla en ajoutant le snippet de suivi dans la balise <head> de ton site web. Selon la configuration de ton Joomla, tu peux le faire via les paramètres de ton modèle, les fichiers de ton modèle ou le gestionnaire de balises Google.

Utilise la méthode qui convient le mieux à ton site et aux droits d'accès que tu as sur Joomla.

Avant d'installer : assure-toi d'avoir accès à ton espace admin Joomla et de savoir quel template ou style de template est actif sur les pages que tu veux mesurer.

Méthode 1 : Utilise les paramètres de code personnalisé de ton modèle

Pas mal de templates et frameworks Joomla ont un champ de code personnalisé pour les scripts qu'il faut ajouter dans la section head de ton site.

Utilise cette méthode si ton template actif propose un champ comme Code personnalisé, Code d'en-tête, Avant ou similaire.

  1. Ouvre ton espace admin Joomla.
  2. Va dans Système ou Extensions, selon ta version de Joomla.
  3. Ouvre la section Modèles ou styles de modèles de site.
  4. Choisis le modèle ou le style de modèle actif utilisé par ton site web.
  5. Cherche une section comme "Code personnalisé", "Code dans l'en-tête" ou similaire dans les réglages du modèle.
  6. Colle le snippet de suivi mandera dans le champ correspondant à la section « head ».
  7. Sauvegarde tes changements.
  8. Ouvre ton site web dans un nouvel onglet du navigateur.
  9. Vérifie l'installation avec les étapes ci-dessus.

Ajoute ce bout de code dans le champ de code personnalisé pour la section head :

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Remplace ID de l'organisation, ID du bien et le script URL avec les valeurs de ton tableau de bord mandera.

Si ton site web utilise différents styles de modèle pour différentes pages, répète la configuration pour chaque style de modèle que tu souhaites voir mesuré par mandera.

Méthode 2 : Ajoute le code à ton fichier de modèle

Si ton modèle ne comporte pas de champ de code personnalisé, tu peux ajouter l'extrait de code mandera directement dans le fichier du modèle.

Utilise cette méthode uniquement si tu es à l'aise avec la modification de fichiers de modèles ou si tu as le soutien d'un développeur.

  1. Ouvre ton espace admin Joomla.
  2. Va dans Système ou Extensions, selon ta version de Joomla.
  3. Ouvre la section Modèles.
  4. Choisis le modèle de site actif.
  5. Ouvre le fichier modèle principal, d'habitude index.php.
  6. Trouve la fermeture </head> étiquette.
  7. Colle le snippet de suivi mandera juste avant la balise de fermeture </head> étiquette.
  8. Sauvegarde tes changements.
  9. Ouvre ton site web dans un nouvel onglet du navigateur.
  10. Vérifie l'installation avec les étapes ci-dessus.

Ne modifie pas les fichiers du cœur de Joomla. Tu devrais ajouter le snippet via ton template ou les paramètres du template, pas via l'installation du cœur de Joomla.

Si tu mets à jour, remplaces ou changes ton modèle Joomla par la suite, vérifie si l'extrait de code mandera est toujours présent.

Méthode 3 : Utiliser le Tag Manager Google

Si ton site Joomla utilise déjà le Tag Manager Google, tu peux ajouter le snippet mandera via GTM au lieu de modifier ton modèle.

  1. Ouvre le Tag Manager Google.
  2. Choisis le conteneur utilisé sur ton site Joomla.
  3. Crée un nouveau tag.
  4. Choisis un tag HTML personnalisé.
  5. Colle le snippet de suivi mandera dans le champ HTML.
  6. Mets le déclencheur sur toutes les pages.
  7. Enregistre et publie le conteneur.
  8. Ouvre ton site Joomla dans un nouvel onglet de navigateur.
  9. Vérifie l'installation avec les étapes ci-dessus.

Assure-toi que le conteneur Tag Manager Google est bien déjà installé sur ton site Joomla. Si le conteneur GTM ne se charge pas, le snippet mandera ne se chargera pas non plus.

Dépannage pour Joomla

Si aucune donnée n'apparaît dans mandera, vérifie d'abord les points suivants :

  • le bout de code a été ajouté au template Joomla actif ou au style de template
  • le bout de code est placé dans la section head
  • les valeurs de ton tableau de bord mandera ont été copiées à l'identique
  • Tes modifications Joomla ont été enregistrées
  • ton site a été vidé du cache
  • ton cache de modèle ou plugin d'optimisation n'empêche pas le extrait de se charger
  • le bon modèle est utilisé sur la page que tu testes
  • Ton navigateur ou ton bloqueur de pub ne bloque pas le script
  • le bout de code n'est pas installé deux fois

Si le script n'apparaît pas dans l'onglet Réseau, vérifie si la page que tu testes utilise un style de template différent. Dans Joomla, différents éléments de menu peuvent utiliser différents styles de template, donc le extrait de code pourrait devoir être ajouté à plus d'un endroit.

TYPO3

Tu peux installer mandera sur TYPO3 en ajoutant le snippet de suivi dans la balise <head> de ton site web. Selon ta configuration, tu peux le faire via TypoScript, le package de ton site ou le gestionnaire de balises Google.

Utilise la méthode qui correspond le mieux à ton installation TYPO3 et à tes droits d'accès.

Avant d'installer : assure-toi d'avoir accès au back-end TYPO3, de savoir où est gérée ta configuration TypoScript principale et de pouvoir vider le cache TYPO3 après avoir fait des modifications.

Méthode 1 : Ajoute le snippet via TypoScript headerData

La façon la plus simple d'installer mandera sur TYPO3, c'est d'ajouter le snippet de suivi complet via headerData dans TypoScript.

Utilise cette méthode si tu peux modifier la configuration TypoScript de ton site web et que tu souhaites coller l'extrait mandera complet dans TYPO3.

  1. Ouvre ton back-office TYPO3.
  2. Va dans le module de modèles.
  3. Choisis la page racine ou le site où ta configuration TypoScript principale est configurée.
  4. Ouvre l'éditeur de configuration TypoScript.
  5. Colle le bloc TypoScript ci-dessous dans ta configuration.
  6. Remplace les valeurs par défaut par celles de ton tableau de bord mandera.
  7. Sauvegarde tes changements.
  8. Vider le cache TYPO3.
  9. Ouvre ton site web dans un nouvel onglet du navigateur.
  10. Vérifie l'installation avec les étapes ci-dessus.

Ajoute ce bloc à ta configuration TypoScript :

page.headerData.999 = TEXT
page.headerData.999.value (

)

Remplace ID de l'organisation, ID du bien et le script URL avec les valeurs de ton tableau de bord mandera.

Si titre de la page c'est déjà utilisé dans ta configuration, choisis un autre numéro libre.

Méthode 2 : Ajouter le script via includeJS

Si ton installation TYPO3 est gérée par un développeur ou via un pack de site, le script mandera peut également être ajouté via page.inclureJS.

Utilise cette méthode si tu préfères gérer le fichier JavaScript externe via TypoScript plutôt que de coller la balise de script complète dans Données d'en-tête.

  1. Ouvre ton backend TYPO3 ou les fichiers de ton site package.
  2. Ouvre le code principal de TypoScript pour ton site.
  3. Colle le bloc TypoScript ci-dessous dans ta configuration.
  4. Remplace les valeurs par défaut par celles de ton tableau de bord mandera.
  5. Sauvegarde tes changements.
  6. Vider le cache TYPO3.
  7. Ouvre ton site web dans un nouvel onglet du navigateur.
  8. Vérifie l'installation avec les étapes ci-dessus.

Ajoute ce bloc à ta configuration TypoScript :

page.includeJS {
  mandera = https:///analytics.js
  mandera.async = 1
  mandera.data.mandera-org = ORG_ID
  mandera.data.data-property-id = PROPERTY_ID
}

Remplace ID de l'organisation, ID du bien et le script URL avec les valeurs de ton tableau de bord mandera.

C'est une méthode particulièrement utile pour les installations TYPO3 gérées par les développeurs où les scripts sont gérés de manière centralisée via TypoScript ou un package de site.

Méthode 3 : Utiliser le Tag Manager Google

Si ton site TYPO3 utilise déjà le Tag Manager Google, tu peux ajouter le snippet mandera via GTM au lieu de modifier la configuration de ton modèle TYPO3.

  1. Ouvre le Tag Manager Google.
  2. Choisis le conteneur utilisé sur ton site TYPO3.
  3. Crée un nouveau tag.
  4. Choisis un tag HTML personnalisé.
  5. Colle le snippet de suivi mandera dans le champ HTML.
  6. Mets le déclencheur sur toutes les pages.
  7. Enregistre et publie le conteneur.
  8. Ouvre ton site web TYPO3 dans un nouvel onglet de navigateur.
  9. Vérifie l'installation avec les étapes ci-dessus.

Assure-toi que le conteneur Google Tag Manager est bien déjà installé sur ton site TYPO3. Si le conteneur ne se charge pas, le snippet mandera ne se chargera pas non plus.

Dépannage pour TYPO3

Si aucune donnée n'apparaît dans mandera, vérifie d'abord les points suivants :

  • le bout de code a été ajouté à la config TypoScript active
  • le bout de code est ajouté dans la section head
  • les valeurs de ton tableau de bord mandera ont été copiées à l'identique
  • la cache de TYPO3 a été vidée
  • ton package de site ou ton processus de déploiement a les dernières modifs
  • la page que tu testes utilise la même configuration TypoScript
  • Ton navigateur ou ton bloqueur de pub ne bloque pas le script
  • le bout de code n'est pas installé deux fois

Si le script n'apparaît pas dans l'onglet Réseau, vérifie si la page que tu testes utilise une configuration de site, une configuration de modèle ou une condition TypoScript différente. Dans TYPO3, différentes parties d'un site web peuvent utiliser différentes configurations TypoScript.

Carré, espace

Tu peux installer mandera sur Squarespace en ajoutant le snippet de suivi via l'injection de code. Ça permet au snippet de se charger sur toutes les pages publiques que tu veux que mandera mesure.

Utilise cette méthode si ton site est fait avec Squarespace et que tu as accès aux réglages du site.

Avant d'installer : assure-toi que ton site Squarespace est publié et que ton plan permet l'injection de code.

Méthode 1 : Ajoute le bloc de code via l'injection de code

La méthode recommandée pour installer mandera sur Squarespace consiste à ajouter le snippet de suivi dans le champ « Injection de code dans l'en-tête ».

  1. Ouvre ton tableau de bord Squarespace.
  2. Choisis le site web sur lequel tu veux installer mandera.
  3. Va sur Settings.
  4. Ouvre Avancé.
  5. Incruste de code ouvert.
  6. Colle le snippet de suivi mandera dans le champ « En-tête ».
  7. Sauvegarde tes changements.
  8. Ouvre ton site web dans un nouvel onglet du navigateur.
  9. Vérifie l'installation avec les étapes ci-dessus.

Ajoute ce bout de code dans le champ Header :

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Remplace ID de l'organisation, ID du bien et le script URL avec les valeurs de ton tableau de bord mandera.

Le code ajouté dans le champ « En-tête » est chargé dans la section « head » de ton site Squarespace. C'est l'endroit idéal pour placer le snippet de suivi mandera, car il doit s'afficher de manière globale sur toutes les pages publiques que tu souhaites analyser.

Méthode 2 : Ajouter le code à une page spécifique

Si tu veux d'abord tester mandera uniquement sur une page Squarespace spécifique, tu peux ajouter le snippet de suivi via l'injection de code au niveau de la page.

N'utilise cette méthode que pour des tests ou pour les pages où mandera doit être limité à une zone spécifique de ton site web.

  1. Ouvre ton tableau de bord Squarespace.
  2. Va sur Pages.
  3. Choisis la page sur laquelle tu veux installer mandera.
  4. Ouvre les paramètres de la page.
  5. Ouvre Avancé.
  6. Colle le snippet de suivi mandera dans le champ de code de l'en-tête de la page.
  7. Sauvegarde tes changements.
  8. Ouvre la page dans un nouvel onglet du navigateur.
  9. Vérifie l'installation avec les étapes ci-dessus.

Si tu veux que mandera mesure l'ensemble de ton site web, utilise plutôt la méthode d'injection du code d'en-tête global. L'installation au niveau de la page ne s'applique qu'à la page sélectionnée.

Méthode 3 : Utiliser le Tag Manager Google

Si ton site Squarespace utilise déjà le Tag Manager Google, tu peux ajouter le snippet mandera via GTM au lieu de l'ajouter directement via la fonctionnalité « Code Injection » de Squarespace.

  1. Ouvre le Tag Manager Google.
  2. Choisis le conteneur utilisé sur ton site Squarespace.
  3. Crée un nouveau tag.
  4. Choisis un tag HTML personnalisé.
  5. Colle le snippet de suivi mandera dans le champ HTML.
  6. Mets le déclencheur sur toutes les pages.
  7. Enregistre et publie le conteneur.
  8. Ouvre ton site Squarespace dans un nouvel onglet de navigateur.
  9. Vérifie l'installation avec les étapes ci-dessus.

Assure-toi que le conteneur Tag Manager Google est bien déjà installé sur ton site Squarespace. Si le conteneur ne se charge pas, le snippet mandera ne se chargera pas non plus.

Pages de paiement

La configuration standard mandera est destinée aux pages de ton site web Squarespace public.

Les pages de paiement peuvent se comporter différemment, car Squarespace les gère séparément des pages habituelles du site. Pour la configuration de base mandera, vérifie d'abord que l'extrait de code se charge correctement sur les pages publiques, comme la page d'accueil, les pages de services, les pages de produits, les articles de blog et les pages de destination.

Si t'as besoin de mesurer des trucs liés au paiement, regarde ta config Squarespace à part et vérifie ce qui est possible pour ton plan et ta boutique.

Dépannage pour Squarespace

Si aucune donnée n'apparaît dans mandera, vérifie d'abord les points suivants :

  • ton site Squarespace est publié
  • ton plan supporte l'injection de code
  • le bout de code a été ajouté dans le champ "Injection de code dans l'en-tête"
  • les valeurs de ton tableau de bord mandera ont été copiées à l'identique
  • tes modifs sont enregistrées
  • la page que tu testes est publique
  • Ton navigateur ou ton bloqueur de pub ne bloque pas le script
  • le bout de code n'est pas installé deux fois
  • Le Tag Manager Google est publié si tu as installé la version mandera via GTM

Si le script n'apparaît pas dans l'onglet Réseau, rouvre les paramètres d'injection de code et vérifie si l'extrait est toujours actif dans le champ En-tête.

Drupal

Tu peux installer mandera sur Drupal en ajoutant le snippet de suivi dans la section <head> de ton site web. Selon la configuration de ton Drupal, tu peux le faire via un module de code personnalisé, ton thème ou le Tag Manager Google.

Utilise la méthode qui convient le mieux à ton site web et aux droits d'accès que tu as dans Drupal.

Avant d'installer : assure-toi d'avoir accès à ton espace d'administration Drupal et de savoir si ton site web est géré via un thème personnalisé, un pack de site ou des modules contribués.

Méthode 1 : Utiliser un module de code personnalisé ou de script d'en-tête

Le moyen le plus simple d'installer mandera sur de nombreux sites Drupal, c'est d'utiliser un module fiable qui permet d'ajouter des scripts dans la section « head » de ton site.

Utilise cette méthode si ton site Drupal utilise déjà du code personnalisé, un script d'en-tête ou un module d'en-tête/pied de page, ou si ton développeur t'en recommande une.

  1. Ouvre ton espace d'administration Drupal.
  2. Va dans le module ou la zone de configuration pour les scripts de header personnalisés.
  3. Crée un nouveau script ou ouvre le champ pour les scripts principaux.
  4. Colle le snippet de suivi mandera dans le champ de la section head.
  5. Applique ce bout de code partout ou sur toutes les pages publiques que tu veux suivre.
  6. Sauvegarde tes changements.
  7. Vider le cache Drupal.
  8. Ouvre ton site web dans un nouvel onglet du navigateur.
  9. Vérifie l'installation avec les étapes ci-dessus.

Ajoute ce bout de code à la section head :

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Remplace ID de l'organisation, ID du bien et le script URL avec les valeurs de ton tableau de bord mandera.

Utilise seulement des modules fiables et maintenus pour ta version de Drupal. Si tu n'es pas sûr du module à utiliser, demande à ton développeur Drupal ou à l'administrateur du site avant d'en installer un nouveau.

Méthode 2 : Ajoute le script via ton thème Drupal

Si ton site Drupal est géré par un développeur, le script mandera peut être ajouté via le thème actif ou le pack du site.

Utilise cette méthode si toi ou ton développeur pouvez modifier les fichiers du thème.

  1. Ouvre ton thème Drupal ou ton package de site.
  2. Ouvre le thème fichiers.yml fichier.
  3. Ajoute le script mandera en tant que bibliothèque JavaScript externe.
  4. Assure-toi que la bibliothèque est chargée dans le header.
  5. Attache la librairie globalement à travers ton thème infos.yml un fichier ou une autre configuration de thème globale.
  6. Remplace les valeurs par défaut par celles de ton tableau de bord mandera.
  7. Sauvegarde et déploie tes changements.
  8. Vider le cache Drupal.
  9. Ouvre ton site web dans un nouvel onglet du navigateur.
  10. Vérifie l'installation avec les étapes ci-dessus.

Ajoute ce bloc à ton fichiers.yml file:

mandera :
  header : true
  js :
    https:///analytics.js :
      type : external
      attributes :
        async : true
        mandera-org : ORG_ID
        data-property-id : PROPERTY_ID

Joins la librairie à ton thème globalement infos.yml file:

bibliothèques :
  - yourtheme/mandera

Remplace ton thème avec le nom de ta machine de ton thème Drupal actif. Remplace aussi ID de l'organisation, ID du bien et le script URL avec les valeurs de ton tableau de bord mandera.

Cette méthode est super pratique pour les sites Drupal où les scripts sont gérés depuis un endroit central via un thème, un sous-thème ou un processus de déploiement.

Méthode 3 : Utiliser le Tag Manager Google

Si ton site Drupal utilise déjà Google Tag Manager, tu peux ajouter le snippet mandera via GTM au lieu de modifier la configuration de ton thème Drupal.

  1. Ouvre le Tag Manager Google.
  2. Choisis le container utilisé sur ton site Drupal.
  3. Crée un nouveau tag.
  4. Choisis un tag HTML personnalisé.
  5. Colle le snippet de suivi mandera dans le champ HTML.
  6. Mets le déclencheur sur toutes les pages.
  7. Enregistre et publie le conteneur.
  8. Ouvre ton site Drupal dans un nouvel onglet de navigateur.
  9. Vérifie l'installation avec les étapes ci-dessus.

Assure-toi que le conteneur Tag Manager Google est bien déjà installé sur ton site Drupal. Si le conteneur ne se charge pas, le snippet mandera ne se chargera pas non plus.

Dépannage pour Drupal

Si aucune donnée n'apparaît dans mandera, vérifie d'abord les points suivants :

  • le bout de code a été ajouté à la config Drupal active
  • le bout de code est placé dans la section head
  • le snippet s'applique globalement ou à toutes les pages pertinentes
  • les valeurs de ton tableau de bord mandera ont été copiées à l'identique
  • Le cache Drupal a été vidé
  • ton thème, sous-thème ou pack de site comprend les dernières modifs
  • ton module de code custom est actif et bien configuré
  • Ton navigateur ou ton bloqueur de pub ne bloque pas le script
  • le bout de code n'est pas installé deux fois

Si le script n'apparaît pas dans l'onglet Réseau, vérifie si la page que tu testes utilise un thème, un domaine, une version linguistique ou une configuration de site différente. Les sites Drupal peuvent avoir des configurations différentes pour différentes sections, donc le fragment pourrait devoir être ajouté via la configuration globale du thème ou du site.

Webflow

Tu peux installer mandera sur Webflow en ajoutant le snippet de suivi à ton code personnalisé valable pour l'ensemble du site. Ça permet au snippet de s'afficher sur toutes les pages publiques que tu veux que mandera mesure.

Utilise cette méthode si ton site est fait avec Webflow et que tu as accès aux réglages du site.

Avant d'installer : assure-toi que ton site Webflow est publié et que ton plan de site ou d'espace de travail autorise le code personnalisé.

Méthode 1 : Ajouter le snippet via le site Settings

La méthode recommandée pour installer mandera sur Webflow consiste à ajouter le snippet de suivi dans le champ « Code Head » (à l'échelle du site).

  1. Ouvre ton tableau de bord Webflow.
  2. Choisis le site web sur lequel tu veux installer mandera.
  3. Ouvre le site Settings.
  4. Va dans l'onglet "Code personnalisé".
  5. Colle le snippet de suivi mandera dans le champ « Code d'en-tête ».
  6. Sauvegarde tes changements.
  7. Publie ton site Webflow.
  8. Ouvre ton site web dans un nouvel onglet du navigateur.
  9. Vérifie l'installation avec les étapes ci-dessus.

Ajoute ce bout de code au champ "Code dans la balise Head" sur tout le site :

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Remplace ID de l'organisation, ID du bien et le script URL avec les valeurs de ton tableau de bord mandera.

Le code ajouté dans le champ « Code d'en-tête » (valable sur tout le site) est chargé sur l'ensemble de ton site Webflow. C'est la meilleure option pour la configuration standard mandera, car cet extrait de code doit être présent sur toutes les pages publiques que tu souhaites analyser.

Méthode 2 : Ajouter le code à une page spécifique

Si tu veux d'abord tester mandera sur une seule page Webflow, tu peux ajouter le snippet de suivi via le code personnalisé au niveau de la page.

N'utilise cette méthode que pour des tests ou pour les pages où mandera doit être limité à une partie spécifique de ton site web.

  1. Ouvre ton projet Webflow dans le Designer.
  2. Ouvre le panneau des pages.
  3. Choisis la page sur laquelle tu veux installer mandera.
  4. Ouvre les paramètres de la page.
  5. Descends jusqu'à la section Code personnalisé.
  6. Colle le snippet de suivi mandera dans la section « Inside » <head> champ de tag.
  7. Sauvegarde tes changements.
  8. Publie ton site Webflow.
  9. Ouvre la page dans un nouvel onglet du navigateur.
  10. Vérifie l'installation avec les étapes ci-dessus.

Ajoute cet extrait à l'intérieur de la page <head> champ de balise :

<script
  src="https://<your-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Remplace ID de l'organisation, ID du bien et le script URL avec les valeurs de ton tableau de bord mandera.

Si tu veux que mandera analyse l'intégralité de ton site web, utilise plutôt la méthode du code d'en-tête à l'échelle du site. L'installation au niveau de la page ne s'applique qu'à la page sélectionnée.

Méthode 3 : Utiliser le Tag Manager Google

Si ton site Webflow utilise déjà le Tag Manager Google, tu peux ajouter le snippet mandera via GTM au lieu de l'ajouter directement via le code personnalisé de Webflow.

  1. Ouvre le Tag Manager Google.
  2. Choisis le conteneur utilisé sur ton site Webflow.
  3. Crée un nouveau tag.
  4. Choisis un tag HTML personnalisé.
  5. Colle le snippet de suivi mandera dans le champ HTML.
  6. Mets le déclencheur sur toutes les pages.
  7. Enregistre et publie le conteneur.
  8. Ouvre ton site Webflow dans un nouvel onglet du navigateur.
  9. Vérifie l'installation avec les étapes ci-dessus.

Assure-toi que le conteneur Tag Manager Google est bien déjà installé sur ton site Webflow. Si le conteneur ne se charge pas, l'extrait de code mandera ne se chargera pas non plus.

Éléments d'intégration de code Webflow

N'utilise pas un élément « Code Embed » standard pour l'installation de base de mandera. Les éléments « Code Embed » sont utiles pour les intégrations visibles ou le contenu des pages, mais le snippet de suivi mandera doit être chargé globalement dans la section <head> de ton site web.

Dépannage pour Webflow

Si aucune donnée n'apparaît dans mandera, vérifie d'abord les points suivants :

  • ton site Webflow est publié
  • ton site ou espace de travail supporte le code personnalisé
  • le bout de code a été ajouté au champ Code d'en-tête de tout le site
  • les valeurs de ton tableau de bord mandera ont été copiées à l'identique
  • Tes modifs ont été sauvegardées et publiées
  • la page que tu testes est publique
  • Ton navigateur ou ton bloqueur de pub ne bloque pas le script
  • Le Tag Manager Google est publié si tu as installé la version mandera via GTM
  • le bout de code n'est pas installé deux fois

Si le script n'apparaît pas dans l'onglet Network, rouvre les paramètres de Code personnalisé de Webflow et vérifie que le snippet est toujours actif dans le champ Head Code. Publie à nouveau le site et teste le site en ligne, pas seulement l'aperçu Webflow.

C'est quoi la suite

Vérifie tes premières données

Une fois le snippet installé, mandera peut collecter des données d'analyse pour ton site web. Ces données apparaissent dans la suite d'analyse et aident le système à comprendre le trafic, ses sources et les pages consultées.

Cette même configuration prend également en charge le système mandera, plus complet. Les données analytiques peuvent alimenter le contexte, les informations SEO et les opportunités de croissance dès que les parties concernées de ton espace de travail seront prêtes.

On continue avec les procédures système

Une fois l'installation terminée, ouvre la suite d'analyse et vérifie si les données commencent à s'afficher. Ensuite, suis les guides du système pour comprendre comment mandera utilise ces données dans les workflows d'analyse, SEO, de contexte et de croissance.

Lié

Pour commencer
Analytics Suite
Settings
Idées principales
Comment on suit
Aide

Dernière mise à jour : 12 juin 2026

← Retour à la page d'accueil
Des données à l'action, automatiquement.
Ressources
Français
doc Bientôt disponible Journal des modifications Compare blog entreprise
entreprise
À propos de nous contact tes retours imprint politique de confidentialité terms
© 2026 mandera.ai