Générateur de code Google Tag — gtag.js, GA4, Google Ads et Tag Manager

Saisissez votre ID de mesure GA4, votre ID Google Ads ou l'ID de conteneur Tag Manager pour obtenir un code d'installation prêt à coller, avec les valeurs par défaut du Consent Mode v2, la liaison inter-domaines, le mode débogage, les pages vues manuelles et les paramètres de cookies, activés uniquement lorsque vous en avez besoin.

Mis à jour le

Dans le <head>, le plus haut possible

Juste après la balise <body> d'ouverture

Dans Webflow, collez le code d'en-tête dans Paramètres du site → Code personnalisé → Code d'en-tête. Vous utilisez le générateur de bannière cookies ? Placez son premier extrait au-dessus de celui-ci.

Vos données ne quittent jamais votre ordinateur. Tout le traitement se fait localement dans votre navigateur.

Comment utiliser : Générateur de code Google Tag

  1. Choisissez Google tag pour installer directement GA4 ou Google Ads, ou Tag Manager si vous gérez vos balises dans un conteneur GTM.
  2. Saisissez vos identifiants : celui de GA4 se trouve dans Administration → Flux de données, et l'ID du conteneur en haut de Tag Manager.
  3. Gardez les valeurs par défaut du Consent Mode v2 activées si vous affichez une bannière cookies, et n'ajoutez que les options dont vous avez besoin.
  4. Collez le code d'en-tête dans chaque page (Webflow : Paramètres du site → Code personnalisé), publiez, puis vérifiez le rapport Temps réel ou DebugView.

Ce qu'apporte chaque option

  • Valeurs par défaut du Consent Mode v2 — gtag('consent', 'default', …) définit ad_storage, ad_user_data, ad_personalization et analytics_storage sur denied avant l'exécution de toute balise, avec wait_for_update pour laisser à la bannière le temps de se charger. Votre bannière appelle ensuite gtag('consent', 'update', …).
  • Mode débogage — debug_mode: true envoie les événements vers DebugView dans GA4. Désactivez-le avant la mise en production, sinon le trafic de débogage se mélange aux rapports pendant quelques minutes à chaque fois.
  • Pages vues manuelles — send_page_view: false désactive la page vue automatique, pour les applications monopages qui envoient page_view à chaque changement de route.
  • Suivi inter-domaines — linker.domains ajoute le paramètre _gl aux liens entre vos domaines, afin qu'une même visite sur plusieurs d'entre eux reste une seule session. Les domaines doivent aussi être listés dans les paramètres du flux de données GA4.
  • ID utilisateur — user_id relie les visites d'une même personne sur différents appareils. Il doit s'agir de votre identifiant interne : les règles de Google interdisent l'envoi d'e-mails, de noms ou d'autres données personnelles.

Google tag ou Tag Manager ?

La balise Google (gtag.js) est la façon la plus rapide d'ajouter GA4 ou Ads à un site. Tag Manager charge un conteneur que vous modifiez dans son interface web : les équipes marketing peuvent ajouter balises, déclencheurs et pixels sans toucher au code, ce qui est préférable lorsque le site comporte de nombreuses balises. Utilisez l'une ou l'autre méthode pour une même propriété GA4, jamais les deux, sinon chaque page vue sera comptée deux fois. Envoyez ensuite vos événements avec le générateur de code d'événements GA4 et vérifiez le chargement des balises avec le vérificateur de balises de suivi.

Aussi recherché comme : générateur code gtag, code google tag, installer ga4 code, code gtag.js, snippet google tag manager, code installation gtm, balise conversion google ads, consent mode v2 code.

Outils complémentaires : Générateur de code Google Tag

  • Générateur de script de suivi d'événements — Suivez les clics sur vos boutons, liens et envois de formulaires en ajoutant des attributs au lieu de code : data-track="sign_up_click" avec des paramètres optionnels data-track-*.
  • Générateur de bannière cookies — Ajoutez une bannière de consentement cookies à n'importe quel site — Webflow, WordPress, Shopify ou HTML simple — sans extension payante.
  • Générateur UTM — Ajoutez utm_source, utm_medium, utm_campaign et leurs compagnons à n'importe quel lien, visualisez le canal GA4 dans lequel la visite sera classée et taguez une liste complète d'URL d'un coup.
  • Décodeur de requêtes GA4 — Déboguez Google Analytics 4 sans tâtonner.

Questions fréquentes

Où trouver mon ID de mesure GA4 ?
Dans Google Analytics, allez dans Administration → Flux de données, ouvrez votre flux Web et copiez l'identifiant qui commence par G-.
Peut-on installer à la fois GTM et gtag.js ?
C'est possible, mais ne chargez pas la même propriété GA4 dans les deux, sinon les pages vues seront comptées deux fois. Si vous utilisez Tag Manager, ajoutez GA4 directement dans le conteneur.
Ce code respecte-t-il le consentement aux cookies ?
Avec les valeurs par défaut du Consent Mode v2 activées, les balises Google ne déposent aucun cookie tant que votre bannière n'envoie pas de mise à jour du consentement. Sans bannière qui envoie ces mises à jour, Analytics reste en mode sans cookies.
Comment vérifier que la balise fonctionne ?
Activez le mode débogage et ouvrez Administration → DebugView dans GA4, ou suivez le rapport Temps réel. L'extension de navigateur Google Tag Assistant affiche chaque balise chargée par une page.
Puis-je installer Générateur de code Google Tag en tant qu’application web et l’utiliser hors ligne ?
Oui. Générateur de code Google Tag est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.

Outils similaires