Développeurs

Documentation

Tout pour installer Consorm, gérer le consentement et intégrer vos outils, du premier script à l'export du registre.

Démarrer

Installation automatique

La méthode recommandée : Consorm crée et publie un conteneur Google Tag Manager pour vous, et vous collez deux extraits de code dans votre site.

Avec la méthode automatique, Consorm crée un conteneur Google Tag Manager dédié à votre site, y installe la bannière et le Consent Mode v2, puis le publie. Vous n'avez pas besoin de compte Google Tag Manager : le conteneur est géré par Consorm. Votre seule tâche est de coller le code du conteneur dans votre site : la même opération que pour n'importe quel GTM.

Étape 1 : Ajouter votre site

  1. 1Connectez-vous à app.consorm.com avec votre compte Google.
  2. 2Sur le tableau de bord, choisissez Ajouter un site et entrez l'adresse de votre site (par exemple https://exemple.com). Si votre forfait est à sa limite de sites, ce bouton mène à la page des forfaits.
  3. 3Vous arrivez sur la page Installation. Gardez l'onglet Automatique (recommandé).
  4. 4Cliquez sur Créer le conteneur. En quelques secondes, Consorm le crée, y installe la bannière et le publie ; son Identifiant du conteneur GTM-XXXXXXX s'affiche. Si un avertissement apparaît à cette étape, cliquez sur Déployer en haut à droite pour reprendre la publication.

Étape 2 : Coller le code dans votre site

La page Installation affiche deux extraits, avec votre identifiant GTM-XXXXXXX déjà inséré ; copiez-les depuis le tableau de bord plutôt que d'ici. Le premier va le plus haut possible dans le <head> de chaque page :

Dans le <head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

Le second va immédiatement après l'ouverture du <body> :

Après <body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

CMS et constructeurs de sites

WordPress, Shopify, Webflow, Squarespace, Wix et la plupart des plateformes offrent un champ « code d'en-tête » ou une zone d'injection de scripts : collez-y l'extrait du <head>. Si votre plateforme n'expose pas le <body>, l'extrait <noscript> peut être omis : il ne sert qu'aux visiteurs sans JavaScript.

Étape 3 : Vérifier l'installation

De retour sur la page Installation, cliquez sur Vérifier l'installation : Consorm charge votre page d'accueil dans un navigateur et observe les requêtes qu'elle émet, pendant une minute au plus. Six résultats sont possibles :

RésultatCe que ça veut dire
Installation confirméeLa bannière se charge sur votre site. L'état est conservé : l'onglet Installation porte une coche verte.
Code installé, configuration non publiéeLe conteneur est en place mais votre bannière n'a pas été publiée : cliquez sur Déployer, en haut à droite.
GTM détecté, bannière absenteGoogle Tag Manager se charge, mais sans la balise Consorm : vérifiez le conteneur collé ou, avec le modèle GTM, la balise et sa publication.
Non détectéeRien n'est encore visible. Après une publication, la propagation peut prendre quelques minutes : réessayez un peu plus tard.
Site inaccessibleL'adresse ne répond pas ou n'est pas publique.
Erreur de vérificationUn problème de notre côté, pas du vôtre : réessayez dans une minute.

Tant que l'installation n'est pas confirmée, l'onglet Installation porte un point orange et un bandeau « Terminez l'installation » reste affiché sur les autres onglets du site. Vous pouvez aussi vérifier par vous-même : ouvrez votre site en navigation privée ; la bannière doit apparaître, et aucune requête vers vos outils d'analyse ne doit partir avant votre choix.

Mettre en ligne : le bouton Déployer

Tout ce que vous modifiez ensuite dans le tableau de bord (apparence et textes de la bannière, catégories, fournisseurs) s'enregistre en brouillon. Le bouton Déployer, en haut à droite, publie en une seule fois la configuration de bannière sur notre CDN puis le conteneur Google Tag Manager. Une pastille « Modifications non publiées » vous rappelle qu'un déploiement est attendu.

Recommencer l'installation

Le bouton Recommencer l'installation de la page Installation supprime le conteneur créé par Consorm dans Google Tag Manager et remet la vérification à zéro. Le conteneur suivant reçoit un nouvel identifiant GTM-XXXXXXX : l'ancien code collé dans votre site devient inactif et doit être remplacé. Réservez cette action aux réinstallations complètes.

La suite