Google Ads + Webflow : le guide complet pour arrêter de jongler entre dix onglets

Tu as construit un site Webflow propre, rapide, bien designé. Tu lances une campagne Google Ads. Et là, le doute : est-ce que le formulaire est bien tracké ? Le GCLID passe bien ? La conversion remonte dans Google Ads ? Et cette histoire de GTM, tu l'installes vraiment comment sur Webflow ?

Bienvenue dans le sujet que tout le monde évite d'expliquer clairement.

Dans cet article, on va voir ensemble comment connecter Google Ads à Webflow de manière solide, pourquoi c'est important de le faire correctement (indice : la performance de tes campagnes en dépend), et comment GTM entre dans l'équation. Sans te noyer dans la technique.

‍

Pourquoi intégrer Google Ads à Webflow, et pourquoi maintenant ?

Webflow est devenu l'outil de référence pour créer des sites marketing performants. Pages de destination rapides, contenu CMS flexible, design soigné. Tout ce qu'il faut pour accueillir du trafic payant dans les meilleures conditions.

Mais pendant longtemps, il manquait un truc : un lien natif avec Google Ads. Tu devais coller des scripts à la main, prier pour que les conversions remontent, et alterner entre Webflow, GTM et Google Ads comme si tu jonglais avec trois applications différentes. C'était faisable, mais franchement pas fun.

Depuis peu, les choses ont changé. Google et Webflow ont lancé une intégration officielle, il y a maintenant plusieurs approches selon ton niveau et tes besoins, et surtout : tu peux tout gérer sans quitter Webflow, si tu le souhaites.

Voyons tout ça par ordre de complexité.

‍

Les 4 façons de connecter Google Ads à Webflow

Il n'y a pas une seule méthode, il y en a quatre. Le choix dépend de ton cas : tu gères des campagnes Search classiques ? Tu veux du tracking avancé ? Tu es une agence avec plusieurs clients ? Voici une vue claire.

‍

1. L'app officielle Google Ads for Webflow : pour aller vite

C'est la solution la plus directe. L'app Google Ads for Webflow, développée en partenariat par Webflow et Google, te permet de créer et gérer des campagnes Performance Max sans jamais quitter Webflow.

Concrètement, ça donne quoi ?

Tu installes l'app depuis le marketplace Webflow, tu connectes ton compte Google Ads existant (ou tu en crées un), et tu construis ta campagne directement depuis l'interface Webflow. Les images ? Elles viennent de ta bibliothèque d'assets. Les titres et descriptions ? Tu les écris dans l'app, ou tu utilises les suggestions IA intégrées. Le Google Tag ? Il s'installe automatiquement au lancement de la campagne.

Une fois la campagne live, tu peux suivre impressions, clics, conversions et coût directement depuis Webflow. Pause, reprise, modification du budget : tout ça sans ouvrir Google Ads.

Le bémol ? L'app supporte uniquement les campagnes Performance Max. Si tu veux gérer des campagnes Search avec du ciblage par mot-clé précis, il faudra passer par l'interface Google Ads classique, et utiliser une des méthodes de tracking ci-dessous.

Un conseil pratique : avant de lancer, configure bien ton objectif de conversion. Choisis "form submission" si tu veux tracker les remplissages de formulaire, pas juste les pages vues. Ça change tout pour l'optimisation automatique des enchères.

‍

‍

‍

2. Le tracking par URL de remerciement : la solution sans code

Tu n'as pas de plan payant Webflow, ou tu veux quelque chose de simple ? Cette méthode fonctionne sur tous les plans, y compris gratuits.

Le principe : quand un utilisateur remplit ton formulaire, il est redirigé vers une page de remerciement dédiée. Google Ads détecte cette visite et enregistre une conversion.

Configuration côté Google Ads : va dans Conversions > Créer un événement > Choisir "Sans code" > Entrer l'URL de ta page de remerciement.

Configuration côté Webflow : dans les réglages de ton formulaire, active la redirection après soumission et colle l'URL de ta page de remerciement.

C'est la méthode la moins précise (elle mesure une visite de page, pas un vrai événement), mais elle fonctionne bien pour des funnels simples avec une seule action de conversion.

‍

3. Google Tag Manager sur Webflow : la bonne pratique

Si tu fais du marketing sérieux, GTM est probablement ce que tu veux. Un seul conteneur pour gérer tous tes pixels et scripts : Google Ads, GA4, Meta Pixel, LinkedIn Insight Tag... sans retoucher le code Webflow à chaque fois.

Webflow lui-même le recommande comme méthode de référence pour le tracking avancé.

Option A : l'app Google Site Tools (recommandée)

Webflow a développé une app Google Site Tools qui connecte GTM, GA4 et Google Search Console en quelques clics via un flow OAuth. Elle injecte automatiquement le conteneur GTM sur tout le site. Idéale si tu veux tout brancher vite.

Note importante pour les sites européens : l'app injecte une balise <noscript> que certaines plateformes de gestion du consentement JavaScript ne peuvent pas bloquer. Si ton site vise des utilisateurs UE et que tu dois respecter scrupuleusement le RGPD, l'installation manuelle ci-dessous te donnera plus de contrôle.

Option B : installation manuelle dans le Custom Code Webflow

C'est l'approche classique, elle marche sur tous les sites Webflow avec un domaine personnalisé et un plan payant.

Rends-toi sur tagmanager.google.com, crée un compte et un conteneur (type Web), et récupère tes deux snippets de code.

Dans Webflow, va dans Site Settings > Custom Code :

• Colle le snippet <script> GTM dans le champ Head Code
• Colle le snippet <noscript> GTM dans le champ Footer Code

Sauvegarde et publie le site.

Pour vérifier que tout fonctionne, utilise le mode Preview de GTM : clique sur "Prévisualiser", entre l'URL de ton site avec ton domaine personnalisé (pas le domaine .webflow.io), et vérifie que la connexion s'établit.

‍

‍

‍

Une chose à ne pas oublier : dans GTM, ajoute une balise Conversion Linker avec un déclencheur "Toutes les pages". Cette balise stocke les paramètres GCLID dans des cookies first-party. Sans elle, le GCLID peut se perdre lors de la redirection après soumission de formulaire, et ton attribution part à la poubelle.

‍

Le problème des formulaires Webflow en AJAX

Petit piège à connaître : Webflow soumet les formulaires en AJAX. La page ne se recharge pas. Ce qui veut dire que les balises de conversion classiques (qui se déclenchent sur un chargement de page) ne vont pas se déclencher.

La solution recommandée par Webflow : créer une page de remerciement dédiée et rediriger l'utilisateur vers cette page après soumission. Configure cette redirection dans les réglages du formulaire, puis place le snippet de conversion Google Ads dans le Custom Code (Footer) de cette page de remerciement spécifique.

Cette méthode fonctionne aussi bien avec GTM qu'avec une installation directe du Google Tag.

‍

4. Pour aller plus loin : Zapier et l'API

Zapier permet de connecter les soumissions de formulaires Webflow à des uploads de conversions offline dans Google Ads, ou d'ajouter automatiquement des contacts à des listes Customer Match pour le remarketing. Pas besoin de backend, pas besoin de code.

L'API Webflow + Google Ads API c'est la voie pour les setups avancés : uploads de conversions offline depuis un CRM, synchronisation d'audiences Customer Match avec hachage SHA-256 (obligatoire pour le RGPD), ou synchronisation de contenus CMS vers des feeds publicitaires Dynamic Search Ads. Ça demande du développement côté serveur, mais ça donne un contrôle total.

‍

Optimiser une landing page Webflow pour Google Ads

Avoir le tracking en place, c'est bien. Avoir une landing page qui convertit, c'est mieux.

Quelques principes simples qui font une vraie différence :

• Un message, une action. La page doit prolonger exactement ce que promet l'annonce. Si l'ad parle d'une offre spécifique, la headline de la landing doit reprendre les mêmes mots. Google évalue la cohérence message/page dans son Quality Score, et ça impacte directement ton CPC.
• Le formulaire au-dessus de la ligne de flottaison. Sur mobile surtout. Personne ne scrolle pour chercher un formulaire. Webflow te permet de placer ton formulaire exactement où tu veux, profites-en.
• Une page de remerciement bien pensée. Elle ne sert pas juste au tracking. C'est aussi l'occasion de proposer une prochaine étape : un appel, une ressource à télécharger, un accès à ton portfolio.
• La vitesse de chargement. Webflow génère du code propre et gère bien l'hosting, mais attention aux images lourdes et aux scripts non optimisés. Google prend la vitesse en compte dans le ranking de tes annonces via les Core Web Vitals. Un score au vert, c'est un CPC plus bas.
• Les balises UTM. Configure-les dans tes annonces pour identifier précisément quel mot-clé ou quelle audience a converti. Même si Google Ads auto-tagging fait déjà une partie du travail, avoir des UTMs propres dans GA4 te donne une lecture plus fine.

‍

Ce que ça change en pratique pour un site Webflow

Quand tout est bien branché, voici ce que tu obtiens concrètement :

Google reçoit des données de conversion précises sur chaque lead ou achat. Son algorithme peut alors optimiser automatiquement les enchères pour aller chercher plus de conversions du même type. C'est le principe de Performance Max et du Smart Bidding : sans données de conversion fiables, l'algo navigue à l'aveugle et brûle ton budget.

Tu peux aussi créer des audiences de remarketing à partir des visiteurs de ton site, et leur re-servir des annonces ciblées. Ça passe par GA4 lié à Google Ads, ou par les audiences Customer Match si tu veux cibler depuis une liste email.

Et enfin, tu as une visibilité complète sur le parcours : de l'annonce au clic, du clic à la page, de la page à la conversion. C'est ça, un setup Google Ads qui travaille vraiment.

‍

‍

En résumé : quelle méthode choisir ?

• Tu veux lancer une campagne vite, sans code : App Google Ads for Webflow
• Tu as un plan gratuit Webflow : Tracking par URL de remerciement
• Tu gères plusieurs pixels et outils : GTM via Google Site Tools ou manuel
• Tu as des campagnes Search classiques : GTM + balises Google Ads dans GTM
• Tu veux des conversions offline ou du remarketing avancé : Zapier ou API

‍

Tu veux qu'on s'en occupe ensemble ?

Mettre en place un tracking Google Ads propre sur Webflow prend du temps, surtout quand tu veux que ça soit fait correctement : GCLID préservé, formulaires AJAX gérés, Conversion Linker en place, Enhanced Conversions activées.

C'est exactement le genre de setup que je configure pour mes clients, en combinant Webflow et Google Ads pour que leurs campagnes reposent sur des données solides.

Tu construis un site Webflow et tu prévois de lancer des Google Ads ? Parlons-en.