<!doctype html>
<html lang="fr">
<head>
<meta name="robots" content="index, follow, max-image-preview:large">
<script>
(function(){
var base=1440, max=2;
function ajuste(){
var w=document.documentElement.clientWidth||window.innerWidth;
var z=w>base?Math.min(1+(w/base-1)*0.85,max):1; /* 85 % de l'écart : un peu moins gros (Adam, 14/11) */
document.documentElement.style.zoom=z===1?'':String(z);
}
ajuste(); window.addEventListener('resize',ajuste);
})();
</script>
<!-- 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-NF9RFZV3');</script>
<!-- End Google Tag Manager -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Consultant Google Ads freelance pour entreprises de services. Je crée et je pilote tes campagnes pour obtenir plus d’appels et de devis.">
<link rel="canonical" href="https://www.adamspilmann.com/services/consultant-google-ads/">
<link rel="alternate" hreflang="fr-fr" href="https://www.adamspilmann.com/services/consultant-google-ads/">
<link rel="alternate" hreflang="x-default" href="https://www.adamspilmann.com/services/consultant-google-ads/">
<meta property="og:url" content="https://www.adamspilmann.com/services/consultant-google-ads/">
<meta property="og:locale" content="fr_FR">
<meta property="og:type" content="website">
<meta property="og:title" content="Consultant Google Ads pour entreprises de services">
<meta property="og:description" content="Consultant Google Ads freelance pour entreprises de services. Je crée et je pilote tes campagnes pour obtenir plus d’appels et de devis.">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:description" content="Consultant Google Ads freelance pour entreprises de services. Je crée et je pilote tes campagnes pour obtenir plus d’appels et de devis.">
<meta name="twitter:title" content="Consultant Google Ads pour entreprises de services">
<title>Consultant Google Ads pour entreprises de services</title>
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<style>
@font-face {
font-family: "Overused Grotesk Medium";
src: url("/sections-validees/_ressources/communs/overused-grotesk-medium.woff2") format("woff2");
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("/sections-validees/_ressources/communs/inter-regular.woff2") format("woff2");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("/sections-validees/_ressources/communs/inter-medium.woff2") format("woff2");
font-weight: 500;
font-display: swap;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: #161512; }
.qualif-overlay {
position: fixed;
inset: 0;
z-index: 200;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
background: rgba(13, 12, 10, 0.7);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 160ms ease, visibility 160ms ease;
}
.qualif-overlay.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.qualif-dialog {
position: relative;
width: min(560px, 100%);
max-height: min(680px, 90vh);
overflow-y: auto;
padding: 32px clamp(20px, 4vw, 40px) 36px;
border-radius: 12px;
background: #f7f7f7;
color: rgba(0, 0, 0, 0.82);
font-family: "Inter", sans-serif;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
}
.qualif-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 20px;
}
.qualif-brand strong { display: block; font-family: "Overused Grotesk Medium", sans-serif; font-size: 15px; }
.qualif-brand span { display: block; font-size: 12px; color: rgba(0, 0, 0, 0.5); margin-top: 2px; }
.qualif-close {
flex-shrink: 0;
width: 32px;
height: 32px;
border: 0;
border-radius: 50%;
background: rgba(0, 0, 0, 0.06);
font-size: 18px;
line-height: 1;
cursor: pointer;
color: rgba(0, 0, 0, 0.6);
}
.qualif-close:hover { background: rgba(0, 0, 0, 0.12); }
.qualif-progress { height: 3px; border-radius: 999px; background: rgba(0, 0, 0, 0.08); margin-bottom: 28px; overflow: hidden; }
.qualif-progress-bar { height: 100%; width: 0%; background: #161512; border-radius: 999px; transition: width 250ms ease; }
.qualif-panel { display: none; }
.qualif-panel.is-active { display: block; }
.qualif-question { font-family: "Overused Grotesk Medium", sans-serif; font-size: clamp(21px, 3vw, 26px); line-height: 1.2; letter-spacing: -0.02em; margin: 0 0 14px; }
.qualif-subtitle { margin: 0 0 20px; display: grid; gap: 12px; }
.qualif-subtitle span { display: block; font-size: 14px; line-height: 1.55; color: rgba(0, 0, 0, 0.66); }
.qualif-answers { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; border: 0; width: 100%; }
.qualif-answer {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
padding: 14px 16px;
border: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 8px;
background: #fff;
color: inherit;
font-family: "Inter", sans-serif;
font-size: 14.5px;
line-height: 1.4;
text-align: left;
cursor: pointer;
transition: border-color 140ms ease, background 140ms ease;
}
.qualif-answer:hover, .qualif-answer:focus-visible { border-color: rgba(0, 0, 0, 0.35); background: rgba(0, 0, 0, 0.02); }
.qualif-answer .dot { flex-shrink: 0; width: 9px; height: 9px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.3); }
.qualif-disclaimer { margin: 16px 0 0; font-size: 11.5px; line-height: 1.5; color: rgba(0, 0, 0, 0.45); }
.qualif-result { text-align: center; padding-top: 8px; }
.qualif-result-icon { width: 52px; height: 52px; margin: 0 auto 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; }
.qualif-result.ok .qualif-result-icon { background: rgba(31, 122, 82, 0.12); color: #1f7a52; }
.qualif-result.no .qualif-result-icon { background: rgba(179, 38, 30, 0.1); color: #b3261e; }
.qualif-result-label { margin: 0 0 10px; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(0, 0, 0, 0.5); }
.qualif-result-title { font-family: "Overused Grotesk Medium", sans-serif; font-size: 22px; line-height: 1.25; letter-spacing: -0.02em; margin: 0 0 14px; }
.qualif-result-copy { margin: 0 0 24px; font-size: 14.5px; line-height: 1.55; color: rgba(0, 0, 0, 0.66); }
.qualif-whatsapp {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 26px;
border-radius: 999px;
background: #25d366;
color: #fff;
font-size: 14.5px;
font-weight: 500;
text-decoration: none;
}
.qualif-whatsapp:hover { background: #20bd5a; }
.qualif-whatsapp svg { width: 18px; height: 18px; }
.qualif-desktop-note { margin: 18px 0 0; font-size: 12px; color: rgba(0, 0, 0, 0.5); }
.qualif-desktop-number { margin: 2px 0 0; font-size: 14px; font-weight: 500; }
.qualif-instagram {
display: inline-flex;
padding: 14px 26px;
border-radius: 999px;
border: 1px solid rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.8);
text-decoration: none;
font-size: 14.5px;
}
.qualif-instagram:hover { border-color: rgba(0, 0, 0, 0.4); }
@media (max-width: 520px) {
.qualif-dialog { padding: 26px 18px 28px; border-radius: 10px; }
}
.sticky-contact {
position: fixed;
z-index: 150;
right: clamp(20px, 3vw, 40px);
bottom: clamp(20px, 3vw, 32px);
opacity: 0;
visibility: hidden;
transform: translateY(12px);
transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease;
}
.sticky-contact.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.sticky-contact-btn {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 16px 26px;
border: 1px solid rgba(247, 247, 247, 0.28);
border-radius: 999px;
background: rgba(22, 21, 18, 0.92);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: #f7f7f7;
font-family: "Inter", sans-serif;
font-size: 14.5px;
font-weight: 500;
letter-spacing: -0.2px;
white-space: nowrap;
cursor: pointer;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
.sticky-contact-dot {
position: relative;
width: 9px;
height: 9px;
flex: 0 0 9px;
border-radius: 50%;
background: #25d366;
}
.sticky-contact-dot::after {
content: "";
position: absolute;
inset: -5px;
border: 1px solid #25d366;
border-radius: 50%;
animation: sticky-contact-pulse 1.8s ease-out infinite;
}
@keyframes sticky-contact-pulse {
0% { transform: scale(0.6); opacity: 0.8; }
100% { transform: scale(2); opacity: 0; }
}
.sticky-contact-btn:hover,
.sticky-contact-btn:focus-visible {
background: #f7f7f7;
border-color: #f7f7f7;
color: rgba(0, 0, 0, 0.88);
}
@media (max-width: 809px) {
.sticky-contact {
left: 16px;
right: 16px;
bottom: calc(16px + env(safe-area-inset-bottom));
transform: translateY(16px);
}
.sticky-contact-btn {
width: 100%;
justify-content: center;
padding: 18px 22px;
border-radius: 8px;
background: rgba(22, 21, 18, 0.94);
border-color: rgba(247, 247, 247, 0.28);
color: #f7f7f7;
font-size: 15.5px;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
}
}
</style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"@id": "https://www.adamspilmann.com/services/consultant-google-ads/#service",
"name": "Consultant Google Ads",
"url": "https://www.adamspilmann.com/services/consultant-google-ads/",
"description": "Consultant Google Ads freelance pour entreprises de services. Je crée et je pilote tes campagnes pour obtenir plus d’appels et de devis.",
"serviceType": "Consultant Google Ads",
"provider": {
"@type": "ProfessionalService",
"@id": "https://www.adamspilmann.com/#adam",
"name": "Adam Spilmann",
"url": "https://www.adamspilmann.com/",
"image": "https://www.adamspilmann.com/sections-validees/_ressources/section-01/portrait-adam-hero-hd.webp",
"description": "Consultant Google Ads et Facebook Ads pour entreprises de services.",
"areaServed": {
"@type": "Country",
"name": "France"
},
"founder": {
"@type": "Person",
"name": "Adam Spilmann",
"jobTitle": "Consultant Google Ads et Facebook Ads"
}
},
"areaServed": {
"@type": "Country",
"name": "France"
},
"inLanguage": "fr-FR"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"@id": "https://www.adamspilmann.com/services/consultant-google-ads/#page",
"url": "https://www.adamspilmann.com/services/consultant-google-ads/",
"name": "Consultant Google Ads pour entreprises de services",
"description": "Consultant Google Ads freelance pour entreprises de services. Je crée et je pilote tes campagnes pour obtenir plus d’appels et de devis.",
"inLanguage": "fr-FR",
"dateModified": "2026-11-01",
"author": {
"@type": "Person",
"name": "Adam Spilmann",
"jobTitle": "Consultant Google Ads et Facebook Ads",
"url": "https://www.adamspilmann.com/"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Accueil",
"item": "https://www.adamspilmann.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Consultant Google Ads",
"item": "https://www.adamspilmann.com/services/consultant-google-ads/"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Combien coûte un consultant Google Ads ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "En gestion pure, mes honoraires vont de 800 à 2 200 € HT par mois, selon la taille du compte, le nombre de campagnes et le temps de gestion. Des frais de mise en place peuvent s’ajouter si tu as besoin d’un site, de pages de vente ou d’un tunnel de vente. Ton budget publicitaire est à part : l’argent versé à Google ne me revient jamais."
}
},
{
"@type": "Question",
"name": "Quel budget prévoir pour des campagnes Google Ads ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Cela dépend de ton métier et de ta zone. Dans la plupart des cas, sous 3 000 € par mois, on manque de données pour décider. Certains projets de travaux peuvent démarrer autour de 1 500 € par mois."
}
},
{
"@type": "Question",
"name": "Combien de temps pour obtenir des résultats avec Google Ads ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Les premiers appels peuvent arriver dès la mise en ligne, mais je ne te promets aucun délai. Les premières semaines servent surtout à apprendre : quels mots-clés, quelles zones, quelles heures. C’est ensuite que le compte devient intéressant."
}
},
{
"@type": "Question",
"name": "Consultant Google Ads et expert SEA, est-ce le même métier ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Dans la plupart des cas, oui. Le SEA désigne la publicité sur les moteurs de recherche, et Google Ads en est le principal outil. Regarde surtout ce que la personne a géré concrètement, et sur quels métiers."
}
},
{
"@type": "Question",
"name": "Consultant Google Ads freelance ou agence ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Il existe de bons freelances et de bonnes agences. Avant de signer, demande qui gère vraiment ton compte, à quelle fréquence et comment les appels sont suivis. Un tarif bas revient cher si le prestataire ne sait pas distinguer un bon appel d’un mauvais."
}
},
{
"@type": "Question",
"name": "Faut-il une page de vente dédiée pour Google Ads ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Si ta page actuelle donne envie d’appeler, non. Si elle fait fuir les visiteurs, je te le dis et on la corrige, ou on crée une page de vente pour ta campagne. Envoyer du trafic vers une mauvaise page, c’est perdre ton budget."
}
},
{
"@type": "Question",
"name": "Google Ads ou Facebook Ads, lequel choisir ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Si tes clients te cherchent déjà sur Google, commence par là : ils ont un besoin immédiat. Facebook Ads sert plutôt à créer la demande chez ceux qui n’y pensent pas encore. On en parle dès le premier échange."
}
}
]
}
</script>
<style>
@font-face{font-family:"Overused Grotesk Medium";src:url("/sections-validees/_ressources/communs/overused-grotesk-medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("/sections-validees/_ressources/communs/inter-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("/sections-validees/_ressources/communs/inter-medium.woff2") format("woff2");font-weight:500;font-display:swap}
.nc-nav{--nc-encre:#f7f7f7;--nc-rond:rgba(255,255,255,.65);--nc-filet:rgba(255,255,255,.14);box-sizing:border-box;position:absolute;z-index:20;top:0;left:0;width:100%;min-height:82px;margin:0;padding:20px clamp(28px,5.55vw,80px);display:flex;align-items:center;gap:34px;border:0;background:transparent;font-family:"Inter",sans-serif;-webkit-font-smoothing:antialiased}
.nc-nav--clair{--nc-encre:#111820;--nc-rond:rgba(17,24,32,.65);--nc-filet:rgba(17,24,32,.14)}
.nc-nav *{box-sizing:border-box}
.nc-nav .nc-marque{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;padding:0;text-decoration:none;font-family:"Overused Grotesk Medium",sans-serif;font-size:18px;font-weight:500;line-height:normal;letter-spacing:-.025em;color:var(--nc-encre)}
.nc-nav .nc-rond{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--nc-rond);border-radius:50%;font-family:"Inter",sans-serif;font-size:10px;font-weight:500;letter-spacing:-.06em}
.nc-nav .nc-filet{width:1px;height:26px;background:var(--nc-filet)}
.nc-nav .nc-liens{display:flex;align-items:center;gap:clamp(20px,2.2vw,36px)}
.nc-nav .nc-lien{display:block;padding:8px 0;border:0;background:none;color:var(--nc-encre);text-decoration:none;font-family:"Inter",sans-serif;font-size:14px;font-weight:400;line-height:1;letter-spacing:normal;cursor:pointer;opacity:.92;transition:opacity 160ms ease}
.nc-nav .nc-lien:hover,.nc-nav .nc-lien:focus-visible{opacity:.62}
.nc-bouton,.nc-menu{display:none}
.nc-espace{height:18px;flex:0 0 18px}
@media(max-width:1050px){.nc-nav{gap:24px}.nc-nav .nc-liens{gap:18px}.nc-nav .nc-lien{font-size:13px}}
@media(max-width:809px){
.nc-nav{min-height:72px;padding:18px 20px}
.nc-nav .nc-marque{font-size:16px}
.nc-nav .nc-rond{width:24px;height:24px}
.nc-nav .nc-filet,.nc-nav .nc-liens,.nc-espace{display:none}
.nc-nav .nc-bouton{width:44px;height:40px;margin-left:auto;padding:0;display:grid;place-content:center;gap:5px;border:0;background:transparent;cursor:pointer}
.nc-bouton span{width:22px;height:1px;display:block;background:var(--nc-encre);transition:transform 180ms ease}
.nc-bouton[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}
.nc-bouton[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}
.nc-nav .nc-menu{position:absolute;z-index:18;top:70px;right:20px;left:20px;padding:14px;display:grid;gap:2px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:rgba(12,12,10,.96);box-shadow:0 20px 50px rgba(0,0,0,.28);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 180ms ease,visibility 180ms ease,transform 180ms ease}
.nc-nav .nc-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.nc-nav .nc-menu .nc-lien{width:100%;padding:13px 12px;text-align:left;color:#f7f7f7}
}
</style>
<style id="bulle-contact-style">
.contact-concierge {
position: fixed;
z-index: 150;
right: clamp(20px, 3vw, 40px);
bottom: clamp(20px, 3vw, 32px);
font-family: "Inter", sans-serif;
opacity: 0;
visibility: hidden;
transform: translateY(12px);
transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease;
}
.contact-concierge,
.contact-concierge * { box-sizing: border-box; }
.contact-concierge.is-visible {
opacity: 1;
visibility: visible;
transform: none;
}
.contact-concierge-launcher {
position: relative;
display: block;
width: 70px;
height: 70px;
padding: 0;
overflow: visible;
border: 3px solid #fff;
border-radius: 50%;
background: #111820;
cursor: pointer;
box-shadow: 0 16px 42px rgba(0,0,0,.3);
transition: transform 180ms ease, box-shadow 180ms ease;
}
.contact-concierge-launcher:hover,
.contact-concierge-launcher:focus-visible {
transform: translateY(-3px);
box-shadow: 0 20px 48px rgba(0,0,0,.36);
}
.contact-concierge-launcher img,
.contact-concierge-portrait img {
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
object-position: 74% 42%;
}
.contact-concierge-status {
position: absolute;
top: -2px;
right: -2px;
width: 18px;
height: 18px;
border: 3px solid #fff;
border-radius: 50%;
background: #25d366;
}
.contact-concierge-hint {
position: absolute;
right: 84px;
bottom: 11px;
display: inline-flex;
align-items: center;
gap: 8px;
min-width: max-content;
padding: 12px 15px;
border: 1px solid rgba(17,24,32,.12);
border-radius: 999px;
background: #fff;
color: #000;
font: inherit;
font-size: 13px;
font-weight: 500;
cursor: pointer;
box-shadow: 0 12px 34px rgba(0,0,0,.2);
transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}
.contact-concierge-hint::before {
width: 8px;
height: 8px;
flex: 0 0 8px;
border-radius: 50%;
background: #25d366;
content: "";
}
.contact-concierge-hint::after {
position: absolute;
right: -6px;
width: 11px;
height: 11px;
border-top: 1px solid rgba(17,24,32,.12);
border-right: 1px solid rgba(17,24,32,.12);
background: #fff;
content: "";
transform: rotate(45deg);
}
.contact-concierge.is-open .contact-concierge-hint {
opacity: 0;
visibility: hidden;
transform: translateX(8px);
}
.contact-concierge-panel {
position: absolute;
right: 0;
bottom: 88px;
width: min(380px, calc(100vw - 32px));
overflow: hidden;
border: 1px solid rgba(17,24,32,.12);
border-radius: 16px;
background: #fff;
color: #000;
box-shadow: 0 28px 80px rgba(0,0,0,.3);
opacity: 0;
visibility: hidden;
transform: translateY(14px) scale(.98);
transform-origin: bottom right;
transition: opacity 200ms ease, transform 200ms ease, visibility 200ms ease;
}
.contact-concierge.is-open .contact-concierge-panel {
opacity: 1;
visibility: visible;
transform: none;
}
.contact-concierge-close {
position: absolute;
top: 14px;
right: 14px;
z-index: 2;
display: grid;
width: 34px;
height: 34px;
padding: 0;
place-items: center;
border: 1px solid rgba(17,24,32,.14);
border-radius: 50%;
background: #fff;
color: #000;
font: 300 22px/1 Arial, sans-serif;
cursor: pointer;
}
.contact-concierge-intro {
display: grid;
grid-template-columns: 96px 1fr;
gap: 18px;
align-items: center;
padding: 24px 52px 22px 22px;
background: linear-gradient(135deg, #edf6ff 0%, #dcecff 100%);
}
.contact-concierge-portrait {
position: relative;
width: 96px;
height: 96px;
border: 3px solid #fff;
border-radius: 50%;
box-shadow: 0 7px 20px rgba(0,0,0,.12);
}
.contact-concierge-portrait img { object-position: 33% 48%; }
.contact-concierge-portrait .contact-concierge-status {
width: 15px;
height: 15px;
border-width: 2px;
}
.contact-concierge-presence {
display: inline-flex;
margin: 0 0 6px;
align-items: center;
gap: 6px;
color: #137840;
font-size: 10px;
font-weight: 500;
letter-spacing: .09em;
text-transform: uppercase;
}
.contact-concierge-presence::before {
width: 7px;
height: 7px;
border-radius: 50%;
background: #25d366;
content: "";
}
.contact-concierge-name {
margin: 0;
color: #000;
font-family: "Overused Grotesk Medium", sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 1.1;
letter-spacing: -.02em;
}
.contact-concierge-message {
margin: 0;
padding: 22px 22px 18px;
color: #000;
font-size: 15px;
line-height: 1.55;
}
.contact-concierge-action {
display: flex;
width: calc(100% - 44px);
min-height: 56px;
margin: 0 22px 22px;
padding: 15px 18px;
align-items: center;
justify-content: space-between;
gap: 16px;
border: 0;
border-radius: 8px;
background: #111820;
color: #fff;
font: inherit;
font-size: 14px;
font-weight: 500;
line-height: 1.35;
text-align: left;
cursor: pointer;
}
.contact-concierge-action span:last-child {
flex: 0 0 auto;
font-size: 20px;
}
@media (max-width: 809px) {
.contact-concierge {
right: 16px;
bottom: calc(18px + env(safe-area-inset-bottom));
transform: translateY(16px);
}
.contact-concierge.is-visible,
.contact-concierge.is-open { transform: none; }
.contact-concierge-launcher {
width: 62px;
height: 62px;
}
.contact-concierge-hint {
right: 74px;
bottom: 9px;
padding: 11px 13px;
font-size: 12.5px;
}
.contact-concierge-panel {
position: fixed;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-height: min(78vh, 560px);
border-width: 1px 0 0;
border-radius: 18px 18px 0 0;
padding-bottom: env(safe-area-inset-bottom);
transform: translateY(28px);
transform-origin: bottom center;
}
.contact-concierge-intro {
grid-template-columns: 82px 1fr;
gap: 15px;
padding: 22px 52px 20px 18px;
}
.contact-concierge-portrait {
width: 82px;
height: 82px;
}
}
</style>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NF9RFZV3"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="hero-frame">
<style>
@scope (#hero-frame) {
.signature{margin-top:16px;font-size:12px;line-height:18px;color:#fff}
@font-face{font-family:"Overused Grotesk Medium";src:url("/sections-validees/_ressources/communs/overused-grotesk-medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("/sections-validees/_ressources/communs/inter-regular.woff2") format("woff2");font-weight:400;font-display:swap}
*{box-sizing:border-box;-webkit-font-smoothing:antialiased}
:scope{display:block;background:#f7f7f7;color:#2F2F2E;font-family:"Inter",sans-serif;font-synthesis:none}
h1,h2,h3{margin:0;font-family:"Overused Grotesk Medium",sans-serif;font-weight:500}
p{margin:0}.inner{max-width:1280px;margin:auto}.eyebrow{font-family:"Inter","Inter Placeholder",sans-serif;font-weight:400;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;margin:0 0 24px;border-radius:999px;background:rgba(0,0,0,.05);font-family:"Inter",sans-serif;font-size:12px;font-weight:500;line-height:12px;letter-spacing:1.2px;text-transform:uppercase}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.title{font-family:"Overused Grotesk Medium",sans-serif;font-weight:500;font-size:64px;line-height:1.04;letter-spacing:-.04em;text-wrap:balance;color:#2F2F2E}.copy{font-size:16px;line-height:24px;letter-spacing:-.1px;color:#2F2F2E}
@media(max-width:809px){.title{font-size:40px;line-height:1.06}}
:scope{background:#111820;color:#fff}.hero{position:relative;min-height:760px;padding:28px clamp(20px,5.55vw,80px) 90px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate;background:#111820}.hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;display:block;object-fit:cover;object-position:64% center}.hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);background:linear-gradient(304deg,rgba(0,0,0,0) 59%,rgba(0,0,0,.2) 100%);-webkit-mask:linear-gradient(237deg,rgba(0,0,0,0) 43.4435%,rgba(0,0,0,.95) 63.0631%,#000 100%);mask:linear-gradient(237deg,rgba(0,0,0,0) 43.4435%,rgba(0,0,0,.95) 63.0631%,#000 100%)}.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:14px}.brand{color:#fff;text-decoration:none;font-family:"Overused Grotesk Medium"}.links{display:flex;gap:28px}.links a{color:rgba(255,255,255,.7);text-decoration:none}.content{position:relative;z-index:2;max-width:1120px;margin-top:150px}.hero .eyebrow{font-family:"Inter","Inter Placeholder",sans-serif;font-weight:500;background:rgba(255,255,255,.08)}.hero-title{max-width:1080px;font-size:clamp(40px,4.6vw,64px);line-height:1.02;letter-spacing:-.045em;color:#fff}.hero-title strong{color:#fff;font-weight:500}.lead{max-width:680px;margin-top:30px;font-size:16px;line-height:24px;letter-spacing:-.1px;color:#fff}.breadcrumb{display:flex;align-items:center;gap:6px;margin:0 0 16px;font-size:13px;line-height:1.3;color:rgba(255,255,255,.55)}.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb a:hover{color:rgba(255,255,255,.85)}.breadcrumb .sep{color:rgba(255,255,255,.35)}.breadcrumb .current{color:rgba(255,255,255,.75)}
@media(max-width:809px){.hero{min-height:0;display:block;padding:0;background:#111820}.nav{position:absolute;top:0;left:0;right:0;padding:24px 20px}.hero-photo{position:relative;inset:auto;height:66vw;min-height:280px;object-position:66% center}.hero-shade{inset:0 0 auto 0;height:66vw;min-height:280px;backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(180deg,rgba(17,24,32,.55) 0%,rgba(17,24,32,0) 38%);-webkit-mask:none;mask:none}.links{display:none}.content{margin-top:0;padding:56px 20px 64px;background:#111820}.hero-title{font-size:40px;line-height:1.05}}
.hero-title{margin:0;font-family:"Overused Grotesk Medium",sans-serif;font-weight:500}
@media(max-width:809px){.content{width:100%;min-width:0}.hero-title,.lead{max-width:100%;text-wrap:wrap;overflow-wrap:normal}}
}
</style>
<header class="hero">
<img class="hero-photo" src="/sections-validees/_ressources/section-01/portrait-adam-hero-hd.webp" alt="Adam Spilmann, consultant Google Ads" width="1672" height="941" fetchpriority="high">
<div class="hero-shade" aria-hidden="true"></div>
<!-- navbar-commune --><nav class="nc-nav" aria-label="Navigation principale"><a class="nc-marque" href="/" aria-label="Adam Spilmann, accueil"><span class="nc-rond" aria-hidden="true">AS</span><span>Adam Spilmann</span></a><span class="nc-filet" aria-hidden="true"></span><div class="nc-liens"><a class="nc-lien" href="/">Accueil</a><a class="nc-lien" href="/#about-frame">À propos</a><a class="nc-lien" href="/#etapes-frame">Méthode</a><a class="nc-lien" href="/#faq-frame">FAQ</a></div><button class="nc-bouton" type="button" aria-expanded="false" aria-controls="nc-menu" aria-label="Ouvrir le menu"><span></span><span></span></button><div class="nc-menu" id="nc-menu"><a class="nc-lien" href="/">Accueil</a><a class="nc-lien" href="/#about-frame">À propos</a><a class="nc-lien" href="/#etapes-frame">Méthode</a><a class="nc-lien" href="/#faq-frame">FAQ</a><a class="nc-lien" href="mailto:adam@adamspilmann.fr" data-nc-echange>Réserver un échange</a></div><script>(function(){var n=document.currentScript.parentNode,b=n.querySelector(".nc-bouton"),m=n.querySelector(".nc-menu");function f(){b.setAttribute("aria-expanded","false");b.setAttribute("aria-label","Ouvrir le menu");m.classList.remove("is-open")}b.addEventListener("click",function(){var o=b.getAttribute("aria-expanded")!=="true";b.setAttribute("aria-expanded",String(o));b.setAttribute("aria-label",o?"Fermer le menu":"Ouvrir le menu");m.classList.toggle("is-open",o)});m.querySelectorAll("a").forEach(function(a){a.addEventListener("click",function(e){if(a.hasAttribute("data-nc-echange")&&typeof window.openQualifPopup==="function"){e.preventDefault();window.openQualifPopup()}f()})})})();</script></nav><div class="nc-espace" aria-hidden="true"></div>
<div class="content"><h1 class="eyebrow">Consultant Google Ads et SEA</h1><nav class="breadcrumb" aria-label="Fil d’Ariane"><a href="/">Accueil</a><span class="sep" aria-hidden="true">/</span><span class="current" aria-current="page">Consultant Google Ads et SEA</span></nav><p class="hero-title">Consultant <strong>Google Ads</strong> pour entreprises de services</p><p class="lead">En tant que consultant Google Ads, je crée et je pilote tes campagnes Google Ads pour te placer devant les personnes qui cherchent déjà ton service et qui sont prêtes à agir. Mon objectif : générer des appels et des demandes de devis, pas seulement acheter de la visibilité.</p></div>
</header>
</div>
<main id="contenu">
<div id="quoi-frame">
<style>
@scope (#quoi-frame) {
*{box-sizing:border-box;-webkit-font-smoothing:antialiased}
:scope{display:block;font-family:"Inter",sans-serif;font-synthesis:none;--paper:#F7F7F7;--pierre:#E9E9E5;--nuit:#111820;--texte:#2F2F2E;--filet:rgba(47,47,46,.18)}
h2,h3{margin:0;font-family:"Overused Grotesk Medium",sans-serif;font-weight:500}
p{margin:0}
.section{position:relative;padding:120px clamp(28px,5.55vw,80px)}
.inner{position:relative;z-index:1;max-width:1280px;margin:0 auto}
.eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:8px 12px;margin:0 0 24px;border-radius:999px;font-family:"Inter",sans-serif;font-size:12px;font-weight:500;line-height:12px;letter-spacing:1.2px;text-transform:uppercase}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.title{font-family:"Overused Grotesk Medium",sans-serif;font-weight:500;font-size:64px;line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.copy{font-size:16px;line-height:26px;letter-spacing:-.1px}
.copy p+p{margin-top:18px}
/* Fonds clairs */
.clair{background:var(--paper);color:var(--texte)}
.pierre{background:var(--pierre);color:var(--texte)}
.clair .eyebrow,.pierre .eyebrow{background:rgba(0,0,0,.05);color:rgba(0,0,0,.8)}
.clair .title,.pierre .title{color:var(--texte)}
/* Fond nuit : lueur bleu nuit en haut, texte blanc plein */
.nuit{background:var(--nuit);color:#fff;overflow:hidden}
.nuit .eyebrow{background:rgba(255,255,255,.08);color:rgba(255,255,255,.85)}
.nuit .title{color:#fff}
/* Fenêtre de mockup : un seul style sur toute la page */
.fenetre{background:#fff;color:#111820;border:1px solid rgba(17,24,32,.1);border-radius:8px;box-shadow:0 30px 60px -38px rgba(17,24,32,.45);overflow:hidden;font-size:14px;line-height:1.45}
.fenetre-top{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f1f1ef;border-bottom:1px solid rgba(17,24,32,.08)}
.fenetre-top i{width:9px;height:9px;border-radius:50%;background:#d4d4d0}
.fenetre-top span{margin-left:10px;font-size:12px;background:#fff;border-radius:5px;padding:2px 10px;flex:1;max-width:260px}
@media(max-width:809px){.section{padding:72px 20px}.title{font-size:40px;line-height:1.06}}
.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:80px;align-items:start}
.title{max-width:720px}
.copy{max-width:620px;margin-top:30px}
.serp{padding:20px 22px 22px}
.serp-bar{display:flex;align-items:center;gap:10px;border:1px solid #dfe1e5;border-radius:22px;padding:9px 16px;margin-bottom:14px;box-shadow:0 1px 5px rgba(32,33,36,.1)}
.serp-bar svg{width:18px;height:18px;flex:none}
.res{padding:12px 0;border-top:1px solid #f0f0ee}
.res:first-of-type{border-top:0}
.res small{display:block;font-size:12px;color:#4d5156}
.res b{display:block;font-weight:400;font-size:17px;color:#1a0dab;margin:2px 0}
.res span{color:#4d5156}
.res.pub{background:#f4f8ff;margin:0 -10px;padding:12px 10px;border-radius:6px;box-shadow:inset 0 0 0 2px #174EA6}
.res.pub small strong{font-weight:600;color:#202124}
.res.loin{opacity:.4}
@media(max-width:809px){.layout{grid-template-columns:1fr;gap:42px}}
}
</style>
<section class="section clair"><div class="inner layout">
<div>
<h2 class="eyebrow">C’est quoi Google Ads ?</h2>
<p class="title">Être premier sur Google quand tes futurs clients cherchent ton service</p>
<div class="copy">
<p>Google Ads, autrefois appelé Google AdWords, est la régie publicitaire de Google. Elle te permet d’apparaître en haut des résultats au moment précis où une personne cherche ce que tu proposes. Tu paies quand elle clique sur ton annonce. Pour un artisan, une entreprise locale ou un prestataire B2B, cette recherche peut devenir un appel ou une demande de devis.</p>
<p>Beaucoup d’entreprises se plaignent de manquer de clients sans investir dans leur visibilité sur Google. Mais si tu n’apparais pas quand un prospect cherche ton service, il ne peut pas te trouver. J’ai vu des sociétés partir de zéro et atteindre 25 000 à 30 000 € de bénéfices en quelques mois. Elles avaient compris qu’il fallait investir pour aller chercher leur marché.</p>
</div>
</div>
<div class="fenetre" role="img" aria-label="Exemple de page de résultats Google : l’annonce de l’entreprise apparaît en premier">
<div class="fenetre-top"><i></i><i></i><i></i><span>google.fr</span></div>
<div class="serp">
<div class="serp-bar"><svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="10" cy="10" r="6.5" fill="none" stroke="#5f6368" stroke-width="2"/><path d="M15 15l5 5" stroke="#5f6368" stroke-width="2" stroke-linecap="round"/></svg>plombier urgence lyon</div>
<div class="res pub"><small><strong>Sponsorisé</strong> · ton-entreprise.fr</small><b>Plombier à Lyon, intervention en 1 h</b><span>Fuite, WC bouché, chauffe-eau. Devis au téléphone, 7 j/7.</span></div>
<div class="res loin"><small>annuaire-artisans.fr</small><b>Les 10 meilleurs plombiers à Lyon</b><span>Comparez les avis et les tarifs…</span></div>
<div class="res loin"><small>pagesjaunes.fr</small><b>Plombiers à Lyon (69)</b><span>Trouvez un plombier près de chez vous…</span></div>
</div>
</div>
</div></section>
</div>
<div id="consultant-frame"><style>@scope (#consultant-frame) {
@font-face{font-family:"Overused Grotesk Medium";src:url("/sections-validees/_ressources/communs/overused-grotesk-medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("/sections-validees/_ressources/communs/inter-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("/sections-validees/_ressources/communs/inter-medium.woff2") format("woff2");font-weight:500;font-display:swap}
:scope{--paper:#F7F7F7;--nuit:#111820;--texte:#2F2F2E;--bleu:#174EA6;--gut:clamp(28px,5.55vw,80px)}
*{box-sizing:border-box;-webkit-font-smoothing:antialiased}
:scope{display:block;color:var(--texte);font-family:"Inter",sans-serif;font-synthesis:none}
p{margin:0}h2,h3{margin:0;font-weight:500}
.intro-revue{padding:48px var(--gut) 8px}
.intro-revue h1{font-family:"Overused Grotesk Medium",sans-serif;font-weight:500;font-size:40px;letter-spacing:-.03em;margin:0 0 10px}
.intro-revue p{font-size:16px;line-height:26px;max-width:820px}
.revue{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;margin-top:56px;padding:14px var(--gut);background:var(--nuit);color:#fff;font-size:15px}
.revue b{font-family:"Overused Grotesk Medium",sans-serif;font-weight:500;font-size:22px}
.s{position:relative;overflow:hidden;padding:120px var(--gut)}
.s.bleu{background:linear-gradient(135deg,#174EA6 0%,#1A5EC6 55%,#1A68D8 100%);color:#fff}
.s.clair{background:var(--paper)}
.wm-g{position:absolute;opacity:.1;filter:brightness(0) invert(1);pointer-events:none}
.inner{position:relative;z-index:1;max-width:1180px;margin:0 auto}
.tete{text-align:center;max-width:880px;margin:0 auto 64px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:8px 12px;margin:0 0 24px;border-radius:999px;font-size:12px;font-weight:500;line-height:12px;letter-spacing:1.2px;text-transform:uppercase;background:rgba(0,0,0,.05);color:rgba(0,0,0,.8)}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.bleu .eyebrow{background:rgba(255,255,255,.12);color:#fff}
.title{font-family:"Overused Grotesk Medium",sans-serif;font-weight:500;font-size:56px;line-height:1.06;letter-spacing:-.04em;text-wrap:balance}
.sous{margin:22px auto 0;max-width:660px;font-size:18px;line-height:28px}
.grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.carte{border-radius:10px;padding:24px 24px 32px}
.carte h3{font-family:"Overused Grotesk Medium",sans-serif;font-size:23px;line-height:1.2;letter-spacing:-.02em;margin:28px 0 10px}
.carte p{font-size:16px;line-height:26px}
/* Le visuel */
.vis{border-radius:8px;padding:16px 16px 14px;height:168px;display:flex;flex-direction:column;font-size:12px}
.vt{font-size:12px;font-weight:500;margin-bottom:12px}
.cpc .barres{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}
.cpc .barres div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.cpc .barres i{display:block;width:100%;border-radius:3px 3px 0 0}
.cpc small{font-size:11px}
.ia .champ{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:6px;font-size:14px;font-weight:500}
.ia .bascule{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:12px}
.ia .bascule b{position:relative;width:34px;height:20px;border-radius:999px}
.ia .bascule b::after{content:"";position:absolute;right:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff}
.comptes svg{flex:1;width:100%;height:auto}
.comptes path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.comptes path.b{stroke-dasharray:4 4}
.comptes .leg{display:flex;gap:16px;margin-top:8px;font-size:11px}
.comptes .leg i{display:inline-block;width:14px;height:2px;margin-right:6px;vertical-align:3px}
.comptes .leg i.b{background:none!important;border-top:2px dashed}
/* Mode A et E et F : blocs blancs pleins */
.m-blanc .carte{background:#fff;color:var(--texte)}
.m-blanc .carte h3{color:var(--nuit)}
.m-blanc .vis{background:#F2F2EF;color:#4d5156}
.m-blanc .cpc i{background:#C9D3E3}.m-blanc .cpc i.der{background:var(--bleu)}
.m-blanc .ia .champ{background:#fff;color:var(--nuit);border:1px solid #dcdcd8}
.m-blanc .ia .bascule b{background:var(--bleu)}
.m-blanc .comptes path.a{stroke:var(--bleu)}.m-blanc .comptes path.b{stroke:#8a8f94}
.m-blanc .comptes .leg i.a{background:var(--bleu)}.m-blanc .comptes .leg i.b{border-color:#8a8f94}
.clair .m-blanc .carte{border:1px solid rgba(17,24,32,.08)}
/* Mode B : translucide, dessin blanc */
.m-verre .carte{background:rgba(255,255,255,.1);color:#fff}
.m-verre .vis{border:1px solid rgba(255,255,255,.28)}
.m-verre .cpc i{background:rgba(255,255,255,.35)}.m-verre .cpc i.der{background:#fff}
.m-verre .ia .champ{border:1px solid rgba(255,255,255,.5)}
.m-verre .ia .bascule b{background:rgba(255,255,255,.45)}
.m-verre .comptes path.a{stroke:#fff}.m-verre .comptes path.b{stroke:rgba(255,255,255,.55)}
.m-verre .comptes .leg i.a{background:#fff}.m-verre .comptes .leg i.b{border-color:rgba(255,255,255,.55)}
/* Mode C : panneau foncé en haut */
.m-panneau .carte{background:rgba(255,255,255,.1);color:#fff;padding:0 0 32px;overflow:hidden}
.m-panneau .carte h3,.m-panneau .carte p{padding:0 24px}
.m-panneau .vis{border-radius:0;height:190px;background:rgba(10,30,70,.35);padding:20px 24px 16px}
.m-panneau .cpc i{background:rgba(255,255,255,.35)}.m-panneau .cpc i.der{background:#fff}
.m-panneau .ia .champ{background:#fff;color:var(--nuit)}
.m-panneau .ia .bascule b{background:rgba(255,255,255,.5)}
.m-panneau .comptes path.a{stroke:#fff}.m-panneau .comptes path.b{stroke:rgba(255,255,255,.55)}
.m-panneau .comptes .leg i.a{background:#fff}.m-panneau .comptes .leg i.b{border-color:rgba(255,255,255,.55)}
/* Mode D : ouvert, sans bloc */
.m-ouvert .grille{gap:48px}
.m-ouvert .carte{padding:0;color:#fff}
.m-ouvert .vis{padding:0 0 18px;border-radius:0;border-bottom:1px dashed rgba(255,255,255,.6)}
.m-ouvert .cpc i{background:rgba(255,255,255,.35)}.m-ouvert .cpc i.der{background:#fff}
.m-ouvert .ia .champ{border:1px solid rgba(255,255,255,.55)}
.m-ouvert .ia .bascule b{background:rgba(255,255,255,.45)}
.m-ouvert .comptes path.a{stroke:#fff}.m-ouvert .comptes path.b{stroke:rgba(255,255,255,.55)}
.m-ouvert .comptes .leg i.a{background:#fff}.m-ouvert .comptes .leg i.b{border-color:rgba(255,255,255,.55)}
/* Mode E : visuel en bas */
.carte > .vis:last-child{margin-top:28px}
.carte > h3:first-child{margin-top:4px}
@media(max-width:900px){.s{padding:72px 20px}.title{font-size:36px}.grille{grid-template-columns:1fr}.tete{margin-bottom:40px}}
.motif{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.motif.estompe{-webkit-mask:radial-gradient(ellipse 62% 48% at 50% 30%,transparent 0%,transparent 40%,#000 90%);mask:radial-gradient(ellipse 62% 48% at 50% 30%,transparent 0%,transparent 40%,#000 90%)}
.carte{display:flex;flex-direction:column}.carte .vis{margin-top:auto!important}.cpc{display:inline-block;padding:2px 7px;border-radius:4px;font-weight:500;font-size:11px}.cpc.ok{background:#E6F4EA;color:#137333}.cpc.haut{background:#FCE8E6;color:#B3261E}.carte p{margin-bottom:28px}
.carte a,.fin3 a{color:inherit;text-underline-offset:3px}
.vis.struct,.vis.suivi{justify-content:flex-start}
.vis .ligne{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid #dcdcd8;border-radius:6px;padding:8px 10px;margin-bottom:6px;font-size:12px}
.vis .ligne b{font-weight:500;color:#111820;font-size:13px}
.vis .ligne small{font-size:11px;color:#4d5156;white-space:nowrap}
.vis .ligne.pale{opacity:.5}
.vis.suivi .ligne b::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#174EA6;margin-right:8px;vertical-align:1px}
.vis.page{justify-content:flex-start;background:#fff;border:1px solid #dcdcd8}
.vis.page .nav{display:flex;gap:5px;margin-bottom:14px}
.vis.page .nav i{width:8px;height:8px;border-radius:50%;background:#d4d4d0}
.vis.page .h{height:12px;border-radius:3px;background:#C9D3E3;width:85%;margin-bottom:8px}
.vis.page .h.court{width:55%}
.vis.page .btn{margin-top:auto;align-self:flex-start;background:#174EA6;color:#fff;font-weight:500;font-size:12px;padding:8px 14px;border-radius:999px}
.fin3{max-width:700px;margin:48px auto 0;text-align:center;font-size:17px;line-height:28px;color:#fff}
.cta3{display:table;margin:28px auto 0;padding:14px 26px;border-radius:4px;background:#fff;color:#111820;font-size:15px;font-weight:500;text-decoration:none}
.sous3{max-width:860px}
/* 14/11 : titre moins resserré au centre, il prend plus de largeur */
.tete{max-width:1180px}
.tete .title{font-size:72px;line-height:1.02;text-wrap:wrap}
@media(max-width:900px){.tete .title{font-size:40px}.br-d{display:none}}
}</style><section class="s bleu"><svg class="motif estompe" aria-hidden="true" style="opacity:0.12"><defs><pattern id="m-mix2" width="220" height="220" patternUnits="userSpaceOnUse"><g transform="translate(18 20) rotate(-8) scale(0.458)"><g fill="#fff"><path d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/><path d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/><path d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/><path d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/></g></g><g transform="translate(92 14) rotate(6) scale(0.917)" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></g><g transform="translate(160 40) rotate(-4) scale(0.917)" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></g><g transform="translate(40 92) rotate(5) scale(1.000)" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"/><path d="m10 15 5-3-5-3z"/></g><g transform="translate(118 86) rotate(-10) scale(0.917)" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></g><g transform="translate(186 118) rotate(8) scale(0.833)" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></g><g transform="translate(70 160) rotate(-6) scale(0.917)" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 4.1 12 6"/><path d="m5.1 8-2.9-.8"/><path d="m6 12-1.9 2"/><path d="M7.2 2.2 8 5.1"/><path d="M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z"/></g><g transform="translate(150 168) rotate(10) scale(0.375)"><g fill="#fff"><path d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/><path d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/><path d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/><path d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/></g></g><g transform="translate(8 172) rotate(-12) scale(0.750)" fill="none" stroke="#fff" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></g></pattern></defs><rect width="100%" height="100%" fill="url(#m-mix2)"/></svg><div class="inner m-blanc"><div class="tete"><h2 class="eyebrow">Qu’est-ce qu’un consultant Google Ads ?</h2><p class="title">Le métier a changé,<br class="br-d"> la stratégie compte toujours</p><p class="sous sous3">Mon rôle tient en trois étapes : créer la stratégie, la déployer et la piloter. Elles doivent fonctionner ensemble.</p></div><div class="grille"><article class="carte"><h3>Créer la stratégie Google Ads</h3><p>Souvent, on ne sait pas exactement ce dont on a besoin. Je t’explique comment ça marche et je construis une stratégie adaptée à tes objectifs et à ton marché. Pour un couvreur qui veut des rénovations lourdes, je ne monte pas le même tunnel que pour des petits travaux.</p><div class="vis struct" aria-hidden="true"><span class="vt">Ta stratégie</span>
<div class="ligne"><b>Rénovation de toiture</b><small>Tunnel devis</small></div>
<div class="ligne"><b>Petite réparation</b><small>Tunnel appel</small></div>
<div class="ligne pale"><b>Démoussage</b><small>Tunnel appel</small></div></div></article><article class="carte"><h3>Déployer la stratégie Google Ads</h3><p>Une fois la stratégie définie, je mets en place un tunnel d’acquisition qui t’amène des demandes. Tes annonces Google Ads envoient les visiteurs vers une <a href="/services/consultant-landing-page-google-ads/">page de vente</a> pensée pour ton métier. Selon ton marché, on peut aussi passer par Facebook Ads ou YouTube Ads.</p><div class="vis struct" aria-hidden="true"><span class="vt">Le parcours de ton client</span>
<div class="ligne"><b>1. Annonce Google Ads</b><small>« couvreur toiture »</small></div>
<div class="ligne"><b>2. Page de vente</b><small>Rénovation de toiture</small></div>
<div class="ligne"><b>3. Demande de devis</b><small>Reçue dans ta boîte</small></div></div></article><article class="carte"><h3>Piloter la stratégie Google Ads</h3><p>Enfin, je pilote l’ensemble, chaque semaine. Je regarde ce que coûte chaque mot-clé et ce qu’il te ramène. Si un mot-clé coûte trop cher pour ce qu’il rapporte, je le baisse ou je le coupe, et je mets le budget là où ça marche. Sans pilotage, une bonne stratégie ne donne rien.</p><div class="vis struct" aria-hidden="true"><span class="vt">Coût par clic, cette semaine</span>
<div class="ligne"><b>rénovation toiture</b><small><span class="cpc ok">3,80 €</span></small></div>
<div class="ligne"><b>couvreur près de chez moi</b><small><span class="cpc ok">5,10 €</span></small></div>
<div class="ligne"><b>couvreur urgence</b><small><span class="cpc haut">19,40 €</span></small></div></div></article></div><p class="fin3">Si tu as déjà des campagnes, un <a href="/services/consultant-audit-google-ads/">audit Google Ads</a> permet de voir ce qui bloque. Pour les projets les plus ambitieux, je peux aussi devenir <a href="/services/consultant-google-ads-aux-resultats/">partenaire de croissance, rémunéré aux résultats</a>.</p><a class="cta3" href="#" onclick="if(window.openQualifPopup){window.openQualifPopup();return false;}">Parler de ton projet</a></div></section></div>
<style>#pourquoi-frame,#pourquoi-frame>section,#pourquoi-frame>section.section,#pourquoi-frame .p3{background-color:#FCFCFA!important}</style><div id="pourquoi-frame"><style>@scope (#pourquoi-frame) {
@font-face{font-family:"Overused Grotesk Medium";src:url("/sections-validees/_ressources/communs/overused-grotesk-medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("/sections-validees/_ressources/communs/inter-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("/sections-validees/_ressources/communs/inter-medium.woff2") format("woff2");font-weight:500;font-display:swap}
:scope{--paper:#F7F7F7;--nuit:#111820;--texte:#2F2F2E;--gut:clamp(28px,5.55vw,80px)}
*{box-sizing:border-box;-webkit-font-smoothing:antialiased}
:scope{display:block;color:var(--texte);font-family:"Inter",sans-serif;font-synthesis:none}
p{margin:0}h2,h3{margin:0;font-weight:500}
.s{padding:120px var(--gut);background:var(--paper)}
.inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start}
.eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:8px 12px;margin:0 0 24px;border-radius:999px;background:rgba(0,0,0,.05);color:rgba(0,0,0,.8);font-size:12px;font-weight:500;line-height:12px;letter-spacing:1.2px;text-transform:uppercase}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.title{font-family:"Overused Grotesk Medium",sans-serif;font-weight:500;font-size:60px;line-height:1.04;letter-spacing:-.04em;color:var(--texte)}
.para{margin-top:28px;font-size:19px;line-height:30px;max-width:540px}
.blocs{display:grid;gap:14px}
.bloc{border-radius:12px;padding:30px 32px 32px;color:#fff}
.bloc h3{font-family:"Overused Grotesk Medium",sans-serif;font-size:26px;line-height:1.15;letter-spacing:-.02em;margin:0 0 12px}
.bloc p{font-size:16px;line-height:26px}
.source{display:inline-block;margin-top:14px;font-size:13px;line-height:18px;color:#fff;text-decoration:underline;text-underline-offset:3px}
.bloc.b1{background:#174EA6}
.bloc.b2{background:#2B63C0}
.bloc.b3{background:#4F82D4}
@media(max-width:900px){.s{padding:72px 20px}.inner{grid-template-columns:1fr;gap:40px}.title{font-size:40px}.para{font-size:17px;line-height:28px}.bloc{padding:24px}}
}</style><section class="s"><div class="inner"><div><h2 class="eyebrow">Pourquoi faire appel à un consultant Google Ads ?</h2><p class="title">Les stratégies SEA de 2023 ne sont plus celles qui fonctionnent en 2026</p><p class="para">Pour avoir des campagnes Google Ads performantes, il faut savoir s’adapter et remettre la stratégie en question quand les chiffres le demandent. Ce qui marchait il y a trois ans ne marche plus forcément aujourd’hui : les prix ont bougé et les outils de Google aussi. Mon travail, c’est de suivre ces changements et d’ajuster ton compte avant qu’ils te coûtent cher.</p></div><div class="blocs"><article class="bloc b1"><h3>Les coûts par clic montent</h3><p>Ils augmentent d’année en année. D’après le rapport annuel d’Alphabet, la maison mère de Google, le coût par clic moyen sur la recherche Google a encore augmenté de 7 % en 2025. Reprendre une ancienne méthode sans la remettre en question finit souvent par coûter très cher.</p><a class="source" href="https://www.sec.gov/Archives/edgar/data/1652044/000165204426000018/goog-20251231.htm" target="_blank" rel="noopener">Source : Alphabet, rapport annuel 2025 (formulaire 10-K)</a></article><article class="bloc b2"><h3>L’intelligence artificielle change la donne</h3><p>Elle transforme les enchères, les campagnes et la façon dont Google utilise les données. Les enchères intelligentes et Performance Max décident aujourd’hui d’une grande partie de ce qui se passe sur ton compte. Il vaut mieux comprendre ces évolutions que les subir, et savoir quand reprendre la main.</p></article><article class="bloc b3"><h3>Chaque compte réagit à sa façon</h3><p>Deux comptes du même secteur peuvent donner des résultats différents selon la zone, la concurrence, le budget et la stratégie commerciale. Un plombier à Lyon et un plombier à Rennes n’auront ni les mêmes prix de clic ni les mêmes demandes. Une campagne ne se copie pas d’un compte à l’autre.</p></article></div></div></section></div>
<div id="campagnes-frame">
<style>
@scope (#campagnes-frame) {
*{box-sizing:border-box;-webkit-font-smoothing:antialiased}
:scope{display:block;background:#f7f7f7;color:#2F2F2E;font-family:"Inter",sans-serif;font-synthesis:none}
h2,h3{margin:0;font-family:"Overused Grotesk Medium",sans-serif;font-weight:500}
p{margin:0}
.section{padding:100px clamp(28px,5.55vw,80px)}
.inner{max-width:1280px;margin:auto}
.eyebrow{font-family:"Inter","Inter Placeholder",sans-serif;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;margin:0 0 24px;border-radius:999px;background:rgba(0,0,0,.05);font-size:12px;font-weight:500;line-height:12px;letter-spacing:1.2px;text-transform:uppercase}
.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.title{font-family:"Overused Grotesk Medium",sans-serif;font-weight:500;font-size:64px;line-height:1.04;letter-spacing:-.04em;text-wrap:balance;color:#2F2F2E}
.types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:52px;border-top:1px solid rgba(47,47,46,.16);border-left:1px solid rgba(47,47,46,.16)}
.type{padding:32px;border-right:1px solid rgba(47,47,46,.16);border-bottom:1px solid rgba(47,47,46,.16)}
.logo{display:block;width:40px;height:40px;margin-bottom:20px}
.logo svg{display:block;width:100%;height:100%}
h3{font-size:28px;line-height:1.15;letter-spacing:-.02em;color:#2F2F2E}
.type p{margin-top:12px;font-size:16px;line-height:24px;letter-spacing:-.1px;color:#2F2F2E}
ul{margin:20px 0 0;padding:0;list-style:none;border-top:1px solid rgba(47,47,46,.16)}
li{padding:12px 0;border-bottom:1px solid rgba(47,47,46,.16);font-size:15px;line-height:22px;color:#2F2F2E}
li:last-child{border-bottom:0;padding-bottom:0}
@media(max-width:809px){.section{padding:64px 20px}.title{font-size:40px;line-height:1.06}.types{grid-template-columns:1fr;margin-top:36px}.type{padding:24px 20px}h3{font-size:24px}}
}
</style>
<section class="section" aria-labelledby="campagnes-title"><div class="inner"><h2 class="eyebrow" id="campagnes-title">Les différents types de campagnes Google Ads</h2><p class="title">Chaque campagne Google Ads a son rôle</p><div class="types"><article class="type"><span class="logo"><svg viewBox="0 0 48 48" aria-hidden="true"><path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/><path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/><path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/><path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/></svg></span><h3>Campagne Search</h3><p>Search, c’est la campagne que tout le monde connaît. Ton annonce s’affiche dans les résultats de Google quand quelqu’un tape une recherche liée à ton métier. Elle sert à capter les gens qui ont déjà un besoin.</p><ul><li>Tu touches des personnes qui cherchent ton service au moment où elles en ont besoin.</li><li>Tu choisis les mots-clés, les annonces et les zones, service par service.</li><li>Tu paies au clic, et tu vois quelles recherches font sonner le téléphone.</li></ul></article><article class="type"><span class="logo"><svg viewBox="0 0 48 48" aria-hidden="true"><g fill="none" stroke-width="7" stroke-linecap="round"><path stroke="#EA4335" d="M9 19A16 16 0 0 1 19 9"/><path stroke="#FBBC05" d="M29 9a16 16 0 0 1 10 10"/><path stroke="#34A853" d="M39 29a16 16 0 0 1-10 10"/><path stroke="#4285F4" d="M19 39A16 16 0 0 1 9 29"/></g><circle cx="24" cy="24" r="5" fill="#2F2F2E"/></svg></span><h3>Campagne Performance Max</h3><p>Performance Max diffuse tes annonces sur tout Google depuis une seule campagne : le moteur de recherche, YouTube, Display, Discover, Gmail et Maps. Tu donnes un objectif et des contenus, et Google répartit le budget.</p><ul><li>Une seule campagne pour être visible partout.</li><li>Google adapte tes annonces et ses enchères pour aller chercher tes conversions.</li><li>Elle marche d’autant mieux que ton suivi des conversions est fiable.</li></ul></article><article class="type"><span class="logo"><svg viewBox="0 0 48 48" aria-hidden="true"><rect x="4" y="9" width="40" height="30" rx="7" fill="#EA4335"/><path fill="#fff" d="M20 17.5v13c0 .8.9 1.3 1.6.8l10-6.5c.6-.4.6-1.2 0-1.6l-10-6.5c-.7-.5-1.6 0-1.6.8z"/></svg></span><h3>Campagne Demand Gen</h3><p>Demand Gen ne part pas d’une recherche. Tes annonces en image ou en vidéo apparaissent sur YouTube, Shorts compris, sur Discover, dans Gmail, sur Maps et sur le Réseau Display. Elle sert à te faire connaître de gens qui ne te cherchaient pas encore.</p><ul><li>Tu présentes ton entreprise avec des images et des vidéos, pas seulement du texte.</li><li>De nouveaux clients te découvrent avant même de comparer les prestataires.</li><li>Elle sert aussi à recontacter ceux qui te connaissent déjà.</li></ul></article><article class="type"><span class="logo"><svg viewBox="0 0 48 48" aria-hidden="true"><path fill="#34A853" d="M24 3C15.2 3 8 10.1 8 18.9 8 30.5 24 45 24 45s16-14.5 16-26.1C40 10.1 32.8 3 24 3z"/><path fill="none" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M17 19l5 5 9-10"/></svg></span><h3>Campagne Local Services</h3><p>Les annonces Local Services s’affichent sur la recherche Google et sur Maps pour les prestataires locaux. Ici, tu ne paies pas le clic : tu paies les prospects valides, c’est-à-dire les appels ou les messages. Google prévoit de les intégrer à Performance Max, en 2027 hors des États-Unis.</p><ul><li>Ta facture dépend des contacts reçus, pas du nombre de clics.</li><li>C’est pensé pour les entreprises qui travaillent sur une zone locale.</li><li>Elles ne sont ouvertes qu’à certains métiers, donc on vérifie d’abord si ton activité y a droit.</li></ul></article></div></div></section>
</div>
<style>#intro2-frame,#intro2-frame>section,#intro2-frame>section.section,#intro2-frame .p3{background-color:#FCFCFA!important}</style><div id="intro2-frame">
<style>
@scope (#intro2-frame) {
@font-face{font-family:"Overused Grotesk Medium";src:url("/sections-validees/_ressources/communs/overused-grotesk-medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("/sections-validees/_ressources/communs/inter-regular.woff2") format("woff2");font-weight:400;font-display:swap}
*{box-sizing:border-box;-webkit-font-smoothing:antialiased}
:scope{display:block;background:#f7f7f7;color:#2F2F2E;font-family:"Inter",sans-serif;font-synthesis:none}
h1,h2,h3{margin:0;font-family:"Overused Grotesk Medium",sans-serif;font-weight:500}
p{margin:0}.inner{max-width:1280px;margin:auto}.eyebrow{font-family:"Inter","Inter Placeholder",sans-serif;font-weight:400;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;margin:0 0 24px;border-radius:999px;background:rgba(0,0,0,.05);font-family:"Inter",sans-serif;font-size:12px;font-weight:500;line-height:12px;letter-spacing:1.2px;text-transform:uppercase}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.title{font-family:"Overused Grotesk Medium",sans-serif;font-weight:500;font-size:64px;line-height:1.04;letter-spacing:-.04em;text-wrap:balance;color:#2F2F2E}.copy{font-size:16px;line-height:24px;letter-spacing:-.1px;color:#2F2F2E}
@media(max-width:809px){.title{font-size:40px;line-height:1.06}}
.section{padding:100px clamp(28px,5.55vw,80px)}.head{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-bottom:52px}.intro{font-size:16px;line-height:24px;letter-spacing:-.1px;color:#2F2F2E}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(47,47,46,.16);border-left:1px solid rgba(47,47,46,.16)}.card{min-height:205px;padding:22px;border-right:1px solid rgba(47,47,46,.16);border-bottom:1px solid rgba(47,47,46,.16);color:#2F2F2E;transition:background .2s}.card:hover{background:#fff}.icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid rgba(47,47,46,.16)}.icon svg{width:23px;height:23px}.card h3{margin-top:25px;font-size:22px;line-height:1.08;letter-spacing:-.025em;color:#2F2F2E}.card p{margin-top:12px;font-size:16px;line-height:24px;letter-spacing:-.1px;color:#2F2F2E}@media(max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:809px){.section{padding:72px 20px}.head{display:block;margin-bottom:48px}.intro{margin-top:24px}.card{min-height:190px;padding:18px}}
}
</style>
<section class="section"><div class="inner"><header class="head"><div><h2 class="eyebrow">Les avantages de Google Ads</h2><p class="title">Reprendre le contrôle de ton acquisition avec Google Ads</p></div><p class="intro">Google Ads ne sert pas seulement à obtenir plus de clics. Bien piloté, il te permet de choisir les services, les clients et les zones que tu veux développer.</p></header><div class="cards"><article class="card"><span class="icon"><svg viewBox="0 0 48 48" aria-hidden="true"><polygon fill="#ffc107" points="30.129,15.75 18.871,9.25 5.871,31.25 17.129,37.75"/><path fill="#1e88e5" d="M31.871 37.75c1.795 3.109 5.847 4.144 8.879 2.379 3.103-1.806 4.174-5.77 2.379-8.879l-13-22c-1.795-3.109-5.835-4.144-8.879-2.379-3.106 1.801-4.174 5.77-2.379 8.879l13 22z"/><circle cx="11.5" cy="34.5" r="6.5" fill="#43a047"/></svg></span><h3>Fin du bouche-à-oreille</h3><p>Tu construis une source régulière de demandes, sans attendre que tes anciens clients parlent de toi.</p></article><article class="card"><span class="icon"><svg viewBox="0 0 48 48" aria-hidden="true"><polygon fill="#ffc107" points="30.129,15.75 18.871,9.25 5.871,31.25 17.129,37.75"/><path fill="#1e88e5" d="M31.871 37.75c1.795 3.109 5.847 4.144 8.879 2.379 3.103-1.806 4.174-5.77 2.379-8.879l-13-22c-1.795-3.109-5.835-4.144-8.879-2.379-3.106 1.801-4.174 5.77-2.379 8.879l13 22z"/><circle cx="11.5" cy="34.5" r="6.5" fill="#43a047"/></svg></span><h3>Premier dans ta zone</h3><p>Ton entreprise apparaît en haut des résultats quand un prospect cherche ton service dans ta zone.</p></article><article class="card"><span class="icon"><svg viewBox="0 0 48 48" aria-hidden="true"><polygon fill="#ffc107" points="30.129,15.75 18.871,9.25 5.871,31.25 17.129,37.75"/><path fill="#1e88e5" d="M31.871 37.75c1.795 3.109 5.847 4.144 8.879 2.379 3.103-1.806 4.174-5.77 2.379-8.879l-13-22c-1.795-3.109-5.835-4.144-8.879-2.379-3.106 1.801-4.174 5.77-2.379 8.879l13 22z"/><circle cx="11.5" cy="34.5" r="6.5" fill="#43a047"/></svg></span><h3>Dominer un nouveau secteur</h3><p>Tu lances rapidement ton acquisition dans une ville ou une zone que tu veux développer.</p></article><article class="card"><span class="icon"><svg viewBox="0 0 48 48" aria-hidden="true"><polygon fill="#ffc107" points="30.129,15.75 18.871,9.25 5.871,31.25 17.129,37.75"/><path fill="#1e88e5" d="M31.871 37.75c1.795 3.109 5.847 4.144 8.879 2.379 3.103-1.806 4.174-5.77 2.379-8.879l-13-22c-1.795-3.109-5.835-4.144-8.879-2.379-3.106 1.801-4.174 5.77-2.379 8.879l13 22z"/><circle cx="11.5" cy="34.5" r="6.5" fill="#43a047"/></svg></span><h3>Choisir ses clients</h3><p>Avec assez de demandes, tu n’acceptes plus n’importe quel projet. Tu choisis.</p></article><article class="card"><span class="icon"><svg viewBox="0 0 48 48" aria-hidden="true"><polygon fill="#ffc107" points="30.129,15.75 18.871,9.25 5.871,31.25 17.129,37.75"/><path fill="#1e88e5" d="M31.871 37.75c1.795 3.109 5.847 4.144 8.879 2.379 3.103-1.806 4.174-5.77 2.379-8.879l-13-22c-1.795-3.109-5.835-4.144-8.879-2.379-3.106 1.801-4.174 5.77-2.379 8.879l13 22z"/><circle cx="11.5" cy="34.5" r="6.5" fill="#43a047"/></svg></span><h3>Cibler les meilleurs services</h3><p>Tu concentres ton budget sur les prestations qui offrent les meilleures marges.</p></article><article class="card"><span class="icon"><svg viewBox="0 0 48 48" aria-hidden="true"><polygon fill="#ffc107" points="30.129,15.75 18.871,9.25 5.871,31.25 17.129,37.75"/><path fill="#1e88e5" d="M31.871 37.75c1.795 3.109 5.847 4.144 8.879 2.379 3.103-1.806 4.174-5.77 2.379-8.879l-13-22c-1.795-3.109-5.835-4.144-8.879-2.379-3.106 1.801-4.174 5.77-2.379 8.879l13 22z"/><circle cx="11.5" cy="34.5" r="6.5" fill="#43a047"/></svg></span><h3>Dès la mise en ligne</h3><p>Pas besoin d’attendre que ton référencement naturel décolle. Les premières demandes peuvent arriver tout de suite.</p></article><article class="card"><span class="icon"><svg viewBox="0 0 48 48" aria-hidden="true"><polygon fill="#ffc107" points="30.129,15.75 18.871,9.25 5.871,31.25 17.129,37.75"/><path fill="#1e88e5" d="M31.871 37.75c1.795 3.109 5.847 4.144 8.879 2.379 3.103-1.806 4.174-5.77 2.379-8.879l-13-22c-1.795-3.109-5.835-4.144-8.879-2.379-3.106 1.801-4.174 5.77-2.379 8.879l13 22z"/><circle cx="11.5" cy="34.5" r="6.5" fill="#43a047"/></svg></span><h3>Avant tes concurrents</h3><p>Tu apparais devant eux au moment où le client est prêt à prendre contact.</p></article><article class="card"><span class="icon"><svg viewBox="0 0 48 48" aria-hidden="true"><polygon fill="#ffc107" points="30.129,15.75 18.871,9.25 5.871,31.25 17.129,37.75"/><path fill="#1e88e5" d="M31.871 37.75c1.795 3.109 5.847 4.144 8.879 2.379 3.103-1.806 4.174-5.77 2.379-8.879l-13-22c-1.795-3.109-5.835-4.144-8.879-2.379-3.106 1.801-4.174 5.77-2.379 8.879l13 22z"/><circle cx="11.5" cy="34.5" r="6.5" fill="#43a047"/></svg></span><h3>Stabiliser son acquisition</h3><p>Ton volume de demandes devient plus prévisible, et tu peux organiser ta croissance sans attendre de voir ce que le mois va donner.</p></article></div></div></section>
</div>
<div id="about-frame"><style>
@scope (#about-frame) {
@font-face{font-family:"Overused Grotesk Medium";src:url("/sections-validees/_ressources/communs/overused-grotesk-medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("/sections-validees/_ressources/communs/inter-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("/sections-validees/_ressources/communs/inter-medium.woff2") format("woff2");font-weight:500;font-display:swap}
*{box-sizing:border-box;-webkit-font-smoothing:antialiased}
:scope{display:block;background:#f7f7f7;color:#2F2F2E;font-family:"Inter",sans-serif;font-synthesis:none}
h2{margin:0}p{margin:0}
img{display:block;width:100%;height:100%;object-fit:cover}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;margin:0 0 24px;border-radius:999px;background:rgba(0,0,0,.05);color:#2F2F2E;font-size:12px;font-weight:500;line-height:12px;letter-spacing:1.2px;text-transform:uppercase}
.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.title{font-family:"Overused Grotesk Medium",sans-serif;font-weight:500;font-size:64px;line-height:1.04;letter-spacing:-.04em;text-wrap:balance;color:#2F2F2E}
/* 14/11 : tous les paragraphes dans la même typographie (Adam) */
.intro,.desc,.byline,.args li{font-size:16px;line-height:26px;font-weight:400;letter-spacing:-.1px;max-width:600px}
.intro{margin-top:28px}
.args{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.args li{display:flex;gap:12px;align-items:flex-start}
.args .mark{flex:0 0 22px;width:22px;height:22px;margin-top:2px;border-radius:50%;background:#111820;display:inline-flex;align-items:center;justify-content:center}
.args svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.desc{margin-top:24px}
.byline{margin-top:24px}
/* P2 */
.section{padding:120px clamp(28px,5.55vw,80px)}
.p2 .inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:stretch}
.p2 .photo{border-radius:4px;overflow:hidden;min-height:100%}
.p2 .photo img{object-position:center 20%}
/* P3 */
.p3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:860px}
.p3 .photo img{object-position:center 25%}
.p3 .details{padding:120px clamp(28px,5.55vw,80px) 120px 72px}
@media(max-width:900px){.p2 .inner,.p3{grid-template-columns:1fr}.p2 .photo{aspect-ratio:4/5;max-width:440px;order:2}.p3 .photo{aspect-ratio:4/5;order:2}.p3 .details{padding:72px 20px}}
@media(max-width:809px){.section{padding:72px 20px}.title{font-size:40px;line-height:1.06}}
}
</style><section class="p3"><div class="photo"><img src="/sections-validees/_ressources/section-about/portrait-adam-about.webp" alt="Adam Spilmann"></div><div class="details"><h2 class="title">Des campagnes Google Ads qui font sonner le téléphone</h2><p class="intro">Je suis Adam Spilmann. J’ai commencé sur des comptes Google Ads très concurrentiels, comme la plomberie et la serrurerie, avec de très gros budgets. Ça s’est bien passé et les recommandations ont suivi.</p><ul class="args"><li><span class="mark" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M20 6L9 17l-5-5"/></svg></span><span>J’ai dépensé plusieurs millions d’euros de budgets publicitaires pour mes clients</span></li><li><span class="mark" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M20 6L9 17l-5-5"/></svg></span><span>Mon record : 72 appels par jour sur un seul compte</span></li><li><span class="mark" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M20 6L9 17l-5-5"/></svg></span><span>Je te dis ce que je pense des chiffres, même quand ce n’est pas ce que tu espérais</span></li></ul><p class="desc">Je reste terre à terre. Je te dis ce qu’il faut mettre en publicité, parce que c’est calculé. Ce sont des estimations, pas une science exacte. Mes clients profitent des stratégies que j’ai dû appliquer sur ces marchés difficiles. Je ne te promets aucun chiffre, ce serait mentir. Je te promets du travail sérieux sur ton compte, semaine après semaine.</p><p class="byline">Résultats et chiffres de cette page mis à jour en septembre 2026.</p></div></section></div>
<div id="etapes-frame"><style>
@scope (#etapes-frame) {
@font-face{font-family:"Overused Grotesk Medium";src:url("/sections-validees/_ressources/communs/overused-grotesk-medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("/sections-validees/_ressources/communs/inter-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("/sections-validees/_ressources/communs/inter-medium.woff2") format("woff2");font-weight:500;font-display:swap}
*{box-sizing:border-box;-webkit-font-smoothing:antialiased}
:scope{display:block;background:#FCFCFA;color:#2F2F2E;font-family:"Inter",sans-serif;font-synthesis:none}
h2,h3{margin:0;font-weight:500}p{margin:0}
ol{list-style:none;margin:0;padding:0}
.section{padding:120px clamp(28px,5.55vw,80px)}
.inner{max-width:1280px;margin:auto}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;margin:0 0 24px;border-radius:999px;background:rgba(0,0,0,.05);color:#2F2F2E;font-size:12px;font-weight:500;line-height:12px;letter-spacing:1.2px;text-transform:uppercase}
.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.title{font-family:"Overused Grotesk Medium",sans-serif;font-weight:500;font-size:64px;line-height:1.04;letter-spacing:-.04em;text-wrap:balance;color:#2F2F2E;max-width:820px}
header.centre{text-align:center}header.centre .title{margin:0 auto}
.tete-c{text-align:center;max-width:1180px;margin:0 auto 64px}.tete-c .title{margin:0 auto;max-width:none;font-size:72px;line-height:1.02;text-wrap:wrap}.tete-c + .l2{margin-top:0}
@media(max-width:900px){.tete-c{margin-bottom:40px}.tete-c .title{font-size:40px}}
.head2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);gap:64px;align-items:end}
.desc2{font-size:16px;line-height:26px;max-width:460px}
@media(max-width:900px){.head2{display:block}.desc2{margin-top:24px}}
h3{font-family:"Overused Grotesk Medium",sans-serif;font-size:26px;line-height:1.15;letter-spacing:-.02em;color:#111820;margin:0 0 12px}
li p{font-size:16px;line-height:26px}
.n{display:block;font-size:15px;line-height:22px;margin-bottom:10px}
/* E1 */
.l1{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin-top:64px;padding-top:28px;border-top:1px solid #111820}
/* E2 */
.l2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:56px;border-top:1px solid rgba(47,47,46,.16);border-left:1px solid rgba(47,47,46,.16)}
.l2 li{padding:28px 24px 32px;border-right:1px solid rgba(47,47,46,.16);border-bottom:1px solid rgba(47,47,46,.16)}
.l2 .num{display:block;font-family:"Overused Grotesk Medium",sans-serif;font-size:26px;line-height:1;color:#111820;margin-bottom:14px}
/* E3 */
.l3{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin-top:72px}
.l3:before{content:"";position:absolute;left:0;right:0;top:20px;height:1px;background:#111820}
.l3 li{position:relative}
.rond{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#111820;color:#fff;font-family:"Overused Grotesk Medium",sans-serif;font-size:18px;margin-bottom:28px;box-shadow:0 0 0 8px #FCFCFA}
@media(max-width:1023px){.l1,.l2,.l3{grid-template-columns:1fr 1fr;row-gap:40px}.l3:before{display:none}}
@media(max-width:809px){.section{padding:72px 20px}.title{font-size:40px;line-height:1.06}.l1,.l2,.l3{grid-template-columns:1fr}}
}
</style><section class="section"><div class="inner"><header class="head2"><div><h2 class="eyebrow">Comment se passe la gestion de tes campagnes Google Ads ?</h2><p class="title">Ma façon de lancer et de faire grandir tes campagnes</p></div><p class="desc2">Du premier appel jusqu’au suivi des prospects, tu sais à chaque étape ce que je fais sur ton compte et pourquoi.</p></header><ol class="l2"><li><span class="num">01</span><span class="n">Premier appel</span><h3>Cadrage du marché</h3><p>Au premier appel, on regarde ton marché, tes marges et ton budget. Je te dis combien de demandes viser et ce qu’elles peuvent coûter chez toi. Tu as des chiffres qui tiennent, pas une promesse.</p></li><li><span class="num">02</span><span class="n">Lancement</span><h3>Mise en ligne</h3><p>Je construis les campagnes et les annonces à partir de ce qui fonctionne déjà pour d’autres entreprises de services. Tu vois tout ce que je publie, et pourquoi.</p></li><li><span class="num">03</span><span class="n">Premières semaines</span><h3>Nettoyage et réglages</h3><p>On coupe ce qui coûte cher pour rien et on renforce ce qui amène des appels. Le compte devient plus simple à piloter.</p></li><li><span class="num">04</span><span class="n">Ensuite</span><h3>Montée en puissance</h3><p>Quand le compte tient debout, on monte le budget et on ouvre de nouvelles zones ou de nouveaux services. Ce que rapportent les campagnes finance les tests suivants.</p></li></ol></div></section></div>
<div id="faq-frame">
<style>
@scope (#faq-frame) {
/* ==========================================================================
THEME ADAM SPILMANN, v3
Une seule feuille de style pour tout le site : accueil, pages services,
articles de blog, style guide. Aucune valeur en dur dans les composants :
tout passe par les variables de la section 1.
1. Variables (couleurs, typo, espacements, rayon)
2. Base
3. Mise en page (conteneur, sections, grille)
4. Composants (label, titres, boutons, listes, accordéon, en-tête, pied)
5. Blocs de page (hero, à propos, étapes, compatibilité, faq)
6. Fenêtre de qualification
7. Responsive
========================================================================== */
/* ---------- 1. Variables ---------- */
@font-face {
font-family: "Overused Grotesk Medium";
src: url("/sections-validees/_ressources/communs/overused-grotesk-medium.woff2") format("woff2");
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("/sections-validees/_ressources/communs/inter-regular.woff2") format("woff2");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("/sections-validees/_ressources/communs/inter-medium.woff2") format("woff2");
font-weight: 500;
font-display: swap;
}
:scope {
/* Couleurs : jamais de blanc pur en fond, jamais de couleur en dehors de cette liste */
--paper: #f7f7f7;
--paper-2: #efefed;
--ink: #111820;
--text: rgba(17, 24, 32, .92);
--text-soft: rgba(17, 24, 32, .68);
--text-faint: rgba(17, 24, 32, .5);
--line: rgba(17, 24, 32, .14);
--on-dark: #ffffff;
--on-dark-soft: rgba(255, 255, 255, .72);
--on-dark-faint: rgba(255, 255, 255, .5);
--line-dark: rgba(255, 255, 255, .16);
--positive: #1f7a52;
--negative: #b3261e;
--whatsapp: #25d366;
/* Typographie */
--font-title: "Overused Grotesk Medium", "Inter", sans-serif;
--font-body: "Inter", system-ui, sans-serif;
--fs-h1: clamp(42px, 5.6vw, 76px);
--fs-h2: clamp(40px, 5vw, 64px);
--fs-h3: 28px;
--fs-lead: 19px;
--fs-body: 16px;
--fs-small: 14px;
--fs-label: 12px;
/* Espacements (échelle de 8) */
--s-1: 8px;
--s-2: 16px;
--s-3: 24px;
--s-4: 32px;
--s-5: 48px;
--s-6: 64px;
--s-7: 96px;
--s-8: 128px;
--section: 120px;
--gutter: clamp(28px, 5.55vw, 80px);
--container: 1280px;
/* Forme : tout est carré, seuls les boutons et champs ont un léger arrondi */
--radius: 4px;
--header-h: 72px;
}
/* ---------- 2. Base ---------- */
*, *::before, *::after { box-sizing: border-box; -webkit-font-smoothing: antialiased; }
:scope { display: block; background: var(--paper); color: var(--text); font-family: var(--font-body); font-size: var(--fs-body); line-height: 1.6; font-synthesis: none; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button { font: inherit; color: inherit; }
h1, h2, h3, h4, p, ul { margin: 0; }
ul { padding: 0; list-style: none; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.skip-link { position: absolute; left: -9999px; top: 0; z-index: 100; padding: var(--s-1) var(--s-2); background: var(--ink); color: var(--on-dark); }
.skip-link:focus { left: 0; }
/* ---------- 3. Mise en page ---------- */
.container { width: min(100% - 2 * var(--gutter), var(--container)); margin-inline: auto; }
.section { padding-block: var(--section); }
.section--alt { background: var(--paper); }
.section--dark { background: var(--ink); color: var(--on-dark); }
.section--dark .label { color: var(--on-dark-faint); }
.section--dark .lead,
.section--dark .text { color: var(--on-dark-soft); }
/* Grille 12 colonnes : les blocs se calent dessus, rien ne flotte */
.grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--s-4); row-gap: var(--s-5); }
/* En-tête de section : label, titre, texte. Toujours le même. */
.section-head { max-width: 760px; margin-bottom: var(--s-6); }
.section-head .label { margin-bottom: var(--s-3); }
.section-head .lead { margin-top: var(--s-3); }
/* ---------- 4. Composants ---------- */
/* Label : petit texte en capitales avec un carré */
.label {
display: flex;
align-items: center;
gap: 10px;
font-size: var(--fs-label);
font-weight: 500;
line-height: 1;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--text-faint);
}
.label::before { content: ""; width: 7px; height: 7px; background: currentColor; }
/* Titres */
.h1, .h2, .h3 { font-family: var(--font-title); font-weight: 500; text-wrap: balance; }
.h1 { font-size: var(--fs-h1); line-height: 1.02; letter-spacing: -.045em; }
.h2 { font-size: var(--fs-h2); line-height: 1.04; letter-spacing: -.04em; }
.h3 { font-size: var(--fs-h3); line-height: 1.2; letter-spacing: -.02em; }
.h1 strong, .h2 strong, .h3 strong { font-weight: 500; color: var(--text-faint); }
.section--dark .h2 strong, .section--dark .h3 strong { color: var(--on-dark-faint); }
/* Textes */
.lead { max-width: 640px; font-size: var(--fs-lead); line-height: 1.5; color: var(--text-soft); }
.text { max-width: 640px; color: var(--text-soft); }
.text + .text { margin-top: var(--s-2); }
.small { font-size: var(--fs-small); line-height: 1.5; }
/* Boutons : deux formats, une seule hauteur */
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 52px;
padding: 0 var(--s-3);
border: 1px solid transparent;
border-radius: var(--radius);
font-size: 15px;
font-weight: 500;
line-height: 1;
text-decoration: none;
cursor: pointer;
transition: background-color .2s, color .2s, border-color .2s;
}
.btn--primary { background: var(--ink); color: var(--on-dark); }
.btn--primary:hover { background: #26303b; }
.btn--secondary { border-color: var(--line); background: transparent; color: var(--text); }
.btn--secondary:hover { border-color: var(--ink); }
.section--dark .btn--primary, .btn--light { background: var(--on-dark); color: var(--ink); }
.section--dark .btn--primary:hover, .btn--light:hover { background: var(--paper); }
.btn-row { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.btn .arrow { transition: transform .2s; }
.btn:hover .arrow { transform: translateX(4px); }
/* Liste à coches : une ligne = un trait fin au-dessus */
.checklist { border-top: 1px solid var(--line); }
.checklist li {
display: grid;
grid-template-columns: 24px 1fr;
gap: var(--s-2);
padding-block: var(--s-2);
border-bottom: 1px solid var(--line);
color: var(--text);
}
.checklist svg { width: 20px; height: 20px; margin-top: 2px; fill: none; stroke: var(--positive); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.checklist--negative svg { stroke: var(--negative); }
/* Accordéon : utilisé partout (compatibilité et FAQ), un seul composant */
.accordion { border-top: 1px solid var(--line); }
.accordion details { border-bottom: 1px solid var(--line); }
.accordion summary {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: var(--s-3);
padding-block: var(--s-3);
font-family: var(--font-body);
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: -.1px;
color: rgba(0, 0, 0, .9);
cursor: pointer;
list-style: none;
}
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary::after {
content: "+";
flex: 0 0 auto;
width: 24px;
font-family: var(--font-body);
font-size: 24px;
line-height: 1;
text-align: center;
color: var(--text-faint);
}
.accordion details[open] summary::after { content: "−"; }
.accordion .answer { padding-bottom: var(--s-3); max-width: 680px; color: var(--text-soft); font-size: 16px; line-height: 24px; letter-spacing: -.1px; }
.accordion .answer > * + * { margin-top: var(--s-2); }
.accordion .answer .checklist { margin-top: var(--s-2); }
.accordion .answer .checklist li { padding-block: 12px; font-size: var(--fs-small); }
/* En-tête du site */
.header {
position: sticky;
top: 0;
z-index: 50;
height: var(--header-h);
background: var(--paper);
border-bottom: 1px solid var(--line);
}
.header .container { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); }
.brand { font-family: var(--font-title); font-size: 21px; letter-spacing: -.03em; text-decoration: none; }
.nav { display: flex; align-items: center; gap: var(--s-4); }
.nav a:not(.btn) { font-size: var(--fs-small); text-decoration: none; color: var(--text-soft); transition: color .2s; }
.nav a:not(.btn):hover { color: var(--ink); }
.nav .btn { min-height: 44px; padding-inline: 20px; font-size: var(--fs-small); }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: var(--radius); background: transparent; cursor: pointer; }
.menu-toggle span { display: block; width: 18px; height: 1.5px; margin: 5px auto; background: var(--ink); }
/* Pied de page */
.footer { background: var(--ink); color: var(--on-dark); }
.footer-cta { padding-block: var(--s-7); border-bottom: 1px solid var(--line-dark); }
.footer-cta .container { display: grid; grid-template-columns: 1fr auto; gap: var(--s-5); align-items: end; }
.footer-cta .h2 { max-width: 780px; }
.footer-cols { padding-block: var(--s-6); display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: var(--s-5); }
.footer .label { margin-bottom: var(--s-2); color: var(--on-dark-faint); }
.footer li + li { margin-top: 10px; }
.footer li, .footer a { font-size: 16px; line-height: 24px; letter-spacing: -.1px; }
.footer a { text-decoration: none; color: var(--on-dark-soft); }
.footer a:hover { color: var(--on-dark); }
.footer .about-note { max-width: 320px; color: var(--on-dark-soft); font-size: 16px; line-height: 24px; letter-spacing: -.1px; }
.footer-bottom { padding-block: var(--s-3); border-top: 1px solid var(--line-dark); color: var(--on-dark-faint); font-size: 12px; }
.footer-bottom .container { display: flex; justify-content: space-between; gap: var(--s-3); }
/* ---------- 5. Blocs de page ---------- */
/* Hero : texte à gauche, photo à droite */
.hero { padding-block: var(--s-7) var(--section); }
.hero .grid { align-items: center; }
.hero-text { grid-column: 1 / span 7; }
.hero-text .label { margin-bottom: var(--s-4); }
.hero-text .lead { margin-top: var(--s-4); }
.hero-text .btn-row { margin-top: var(--s-5); }
.hero-photo { grid-column: 9 / span 4; }
.hero-photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 90% 50%; }
/* À propos : photo à gauche, texte à droite */
.about-photo { grid-column: 1 / span 5; }
.about-photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.about-body { grid-column: 7 / span 6; align-self: center; }
.about-body .label { margin-bottom: var(--s-3); }
.about-body .checklist { margin-top: var(--s-4); margin-bottom: var(--s-4); }
.about-body .lead { margin-top: var(--s-3); color: var(--text); }
/* Étapes : chaque ligne = numéro, titre, texte */
.steps { border-top: 1px solid var(--line-dark); }
.step {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
column-gap: var(--s-4);
row-gap: var(--s-2);
padding-block: var(--s-5);
border-bottom: 1px solid var(--line-dark);
}
.step-num { grid-column: 1 / span 1; font-family: var(--font-title); font-size: var(--fs-h3); color: var(--on-dark-faint); line-height: 1.2; }
.step-title { grid-column: 2 / span 5; }
.step-title .kicker { margin-bottom: var(--s-1); font-size: var(--fs-label); letter-spacing: .12em; text-transform: uppercase; color: var(--on-dark-faint); }
.step-text { grid-column: 8 / span 5; color: var(--on-dark-soft); }
.step-text > * + * { margin-top: var(--s-2); }
/* Compatibilité : deux colonnes égales */
.split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s-6); row-gap: var(--s-6); }
.split-title { display: flex; align-items: center; gap: var(--s-2); margin-bottom: var(--s-3); }
.split-title .mark { display: grid; place-items: center; width: 32px; height: 32px; font-size: 16px; font-weight: 500; color: var(--on-dark); background: var(--positive); }
.split-title .mark--no { background: var(--negative); }
/* FAQ : titre à gauche, questions à droite */
.faq-head { grid-column: 1 / span 5; align-self: start; position: sticky; top: calc(var(--header-h) + var(--s-4)); }
.faq-head .label { margin-bottom: var(--s-3); }
.faq-head .lead { margin-top: var(--s-3); font-size: 16px; line-height: 24px; letter-spacing: -.1px; }
.faq-list { grid-column: 7 / span 6; }
/* ---------- 7. Responsive ---------- */
@media (max-width: 1023px) {
:scope { --section: var(--s-7); --gutter: clamp(28px, 5.55vw, 80px); }
.hero-text { grid-column: 1 / -1; }
.hero-photo { grid-column: 1 / span 6; }
.about-photo { grid-column: 1 / span 5; }
.about-body { grid-column: 6 / -1; }
.step-title { grid-column: 2 / -1; }
.step-text { grid-column: 2 / -1; }
.faq-head { grid-column: 1 / -1; position: static; }
.faq-list { grid-column: 1 / -1; }
.footer-cols { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 809px) {
:scope { --section: 72px; --gutter: 20px; --header-h: 64px; --fs-lead: 17px; --fs-h2: 40px; }
.menu-toggle { display: block; }
.nav {
position: absolute;
top: var(--header-h);
left: 0;
right: 0;
display: none;
flex-direction: column;
align-items: stretch;
gap: 0;
padding: var(--s-2) var(--gutter) var(--s-3);
background: var(--paper);
border-bottom: 1px solid var(--line);
}
.nav.is-open { display: flex; }
.nav a:not(.btn) { padding-block: 14px; font-size: 16px; border-bottom: 1px solid var(--line); }
.nav .btn { margin-top: var(--s-2); }
.section-head { margin-bottom: var(--s-5); }
.hero { padding-block: var(--s-5) var(--section); }
.hero-photo { grid-column: 1 / -1; }
.about-photo, .about-body { grid-column: 1 / -1; }
.btn-row .btn { flex: 1 1 100%; }
.step { padding-block: var(--s-4); }
.step-num { grid-column: 1 / -1; }
.step-title, .step-text { grid-column: 1 / -1; }
.split { grid-template-columns: 1fr; }
.accordion summary { font-size: 16px; }
.footer-cta .container { grid-template-columns: 1fr; align-items: start; }
.footer-cols { grid-template-columns: 1fr; gap: var(--s-4); }
.footer-bottom .container { flex-direction: column; }
.sticky-contact { left: var(--s-2); right: var(--s-2); bottom: var(--s-2); }
.sticky-contact .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
* { transition: none !important; }
}
.eyebrow { display:inline-flex; align-items:center; gap:8px; min-height:28px; padding:8px 12px; margin:0 0 24px; border-radius:999px; background:rgba(0,0,0,.05); color:rgba(0,0,0,.8); font-family:"Inter","Inter Placeholder",sans-serif; font-size:12px; font-weight:500; line-height:12px; letter-spacing:1.2px; text-transform:uppercase; }
.eyebrow:before{ content:""; width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:currentColor}
.h1 strong, .h2 strong, .h3 strong { color: inherit; }
.accordion .answer, .faq-head .lead { color: rgba(17, 24, 32, .82); }
.section--alt { background: var(--paper); }
:scope { background: var(--paper); }
.lien { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
}
</style>
<section class="section section--alt" id="faq">
<div class="container grid">
<div class="faq-head">
<h2 class="eyebrow" id="faq-title">Questions fréquentes concernant Google Ads</h2>
<p class="h2">Avant de lancer Google Ads, tu te demandes sûrement ça</p>
<p class="lead">Il manque ta question ? Écris-moi, je te réponds dans l’heure.</p>
</div>
<div class="faq-list accordion"><details><summary>Combien coûte un consultant Google Ads ?</summary><div class="answer"><p>En gestion pure, mes honoraires vont de 800 à 2 200 € HT par mois, selon la taille du compte, le nombre de campagnes et le temps de gestion. Des frais de mise en place peuvent s’ajouter si tu as besoin d’un site, de pages de vente ou d’un tunnel de vente. Ton budget publicitaire est à part : l’argent versé à Google ne me revient jamais.</p></div></details>
<details><summary>Quel budget prévoir pour des campagnes Google Ads ?</summary><div class="answer"><p>Cela dépend de ton métier et de ta zone. Dans la plupart des cas, sous 3 000 € par mois, on manque de données pour décider. Certains projets de travaux peuvent démarrer autour de 1 500 € par mois.</p></div></details>
<details><summary>Combien de temps pour obtenir des résultats avec Google Ads ?</summary><div class="answer"><p>Les premiers appels peuvent arriver dès la mise en ligne, mais je ne te promets aucun délai. Les premières semaines servent surtout à apprendre : quels mots-clés, quelles zones, quelles heures. C’est ensuite que le compte devient intéressant.</p></div></details>
<details><summary>Consultant Google Ads et expert SEA, est-ce le même métier ?</summary><div class="answer"><p>Dans la plupart des cas, oui. Le SEA désigne la publicité sur les moteurs de recherche, et Google Ads en est le principal outil. Regarde surtout ce que la personne a géré concrètement, et sur quels métiers.</p></div></details>
<details><summary>Consultant Google Ads freelance ou agence ?</summary><div class="answer"><p>Il existe de bons freelances et de bonnes agences. Avant de signer, demande qui gère vraiment ton compte, à quelle fréquence et comment les appels sont suivis. Un tarif bas revient cher si le prestataire ne sait pas distinguer un bon appel d’un mauvais.</p></div></details>
<details><summary>Faut-il une page de vente dédiée pour Google Ads ?</summary><div class="answer"><p>Si ta page actuelle donne envie d’appeler, non. Si elle fait fuir les visiteurs, je te le dis et on la corrige, ou on crée une <a class="lien" href="/services/consultant-landing-page-google-ads/">page de vente</a> pour ta campagne. Envoyer du trafic vers une mauvaise page, c’est perdre ton budget.</p></div></details>
<details><summary>Google Ads ou Facebook Ads, lequel choisir ?</summary><div class="answer"><p>Si tes clients te cherchent déjà sur Google, commence par là : ils ont un besoin immédiat. <a class="lien" href="/services/consultant-facebook-ads/">Facebook Ads</a> sert plutôt à créer la demande chez ceux qui n’y pensent pas encore. On en parle dès le premier échange.</p></div></details></div>
</div>
</section>
</div>
</main>
<div id="footer-frame">
<style>
@scope (#footer-frame) {
/* ==========================================================================
THEME ADAM SPILMANN, v3
Une seule feuille de style pour tout le site : accueil, pages services,
articles de blog, style guide. Aucune valeur en dur dans les composants :
tout passe par les variables de la section 1.
1. Variables (couleurs, typo, espacements, rayon)
2. Base
3. Mise en page (conteneur, sections, grille)
4. Composants (label, titres, boutons, listes, accordéon, en-tête, pied)
5. Blocs de page (hero, à propos, étapes, compatibilité, faq)
6. Fenêtre de qualification
7. Responsive
========================================================================== */
/* ---------- 1. Variables ---------- */
@font-face {
font-family: "Overused Grotesk Medium";
src: url("/sections-validees/_ressources/communs/overused-grotesk-medium.woff2") format("woff2");
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("/sections-validees/_ressources/communs/inter-regular.woff2") format("woff2");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("/sections-validees/_ressources/communs/inter-medium.woff2") format("woff2");
font-weight: 500;
font-display: swap;
}
:scope {
/* Couleurs : jamais de blanc pur en fond, jamais de couleur en dehors de cette liste */
--paper: #f7f7f7;
--paper-2: #efefed;
--ink: #111820;
--text: rgba(17, 24, 32, .92);
--text-soft: rgba(17, 24, 32, .68);
--text-faint: rgba(17, 24, 32, .5);
--line: rgba(17, 24, 32, .14);
--on-dark: #ffffff;
--on-dark-soft: rgba(255, 255, 255, .72);
--on-dark-faint: rgba(255, 255, 255, .5);
--line-dark: rgba(255, 255, 255, .16);
--positive: #1f7a52;
--negative: #b3261e;
--whatsapp: #25d366;
/* Typographie */
--font-title: "Overused Grotesk Medium", "Inter", sans-serif;
--font-body: "Inter", system-ui, sans-serif;
--fs-h1: clamp(42px, 5.6vw, 76px);
--fs-h2: clamp(40px, 5vw, 64px);
--fs-h3: 28px;
--fs-lead: 19px;
--fs-body: 16px;
--fs-small: 14px;
--fs-label: 12px;
/* Espacements (échelle de 8) */
--s-1: 8px;
--s-2: 16px;
--s-3: 24px;
--s-4: 32px;
--s-5: 48px;
--s-6: 64px;
--s-7: 96px;
--s-8: 128px;
--section: 120px;
--gutter: clamp(28px, 5.55vw, 80px);
--container: 1280px;
/* Forme : tout est carré, seuls les boutons et champs ont un léger arrondi */
--radius: 4px;
--header-h: 72px;
}
/* ---------- 2. Base ---------- */
*, *::before, *::after { box-sizing: border-box; -webkit-font-smoothing: antialiased; }
:scope { display: block; background: var(--paper); color: var(--text); font-family: var(--font-body); font-size: var(--fs-body); line-height: 1.6; font-synthesis: none; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button { font: inherit; color: inherit; }
h1, h2, h3, h4, p, ul { margin: 0; }
ul { padding: 0; list-style: none; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.skip-link { position: absolute; left: -9999px; top: 0; z-index: 100; padding: var(--s-1) var(--s-2); background: var(--ink); color: var(--on-dark); }
.skip-link:focus { left: 0; }
/* ---------- 3. Mise en page ---------- */
.container { width: min(100% - 2 * var(--gutter), var(--container)); margin-inline: auto; }
.section { padding-block: var(--section); }
.section--alt { background: var(--paper-2); }
.section--dark { background: var(--ink); color: var(--on-dark); }
.section--dark .label { color: var(--on-dark-faint); }
.section--dark .lead,
.section--dark .text { color: var(--on-dark-soft); }
/* Grille 12 colonnes : les blocs se calent dessus, rien ne flotte */
.grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--s-4); row-gap: var(--s-5); }
/* En-tête de section : label, titre, texte. Toujours le même. */
.section-head { max-width: 760px; margin-bottom: var(--s-6); }
.section-head .label { margin-bottom: var(--s-3); }
.section-head .lead { margin-top: var(--s-3); }
/* ---------- 4. Composants ---------- */
/* Label : petit texte en capitales avec un carré */
.label {
display: flex;
align-items: center;
gap: 10px;
font-size: var(--fs-label);
font-weight: 500;
line-height: 1;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--text-faint);
}
.label::before { content: ""; width: 7px; height: 7px; background: currentColor; }
/* Titres */
.h1, .h2, .h3 { font-family: var(--font-title); font-weight: 500; text-wrap: balance; }
.h1 { font-size: var(--fs-h1); line-height: 1.02; letter-spacing: -.045em; }
.h2 { font-size: var(--fs-h2); line-height: 1.04; letter-spacing: -.04em; }
.h3 { font-size: var(--fs-h3); line-height: 1.2; letter-spacing: -.02em; }
.h1 strong, .h2 strong, .h3 strong { font-weight: 500; color: var(--text-faint); }
.section--dark .h2 strong, .section--dark .h3 strong { color: var(--on-dark-faint); }
/* Textes */
.lead { max-width: 640px; font-size: var(--fs-lead); line-height: 1.5; color: var(--text-soft); }
.text { max-width: 640px; color: var(--text-soft); }
.text + .text { margin-top: var(--s-2); }
.small { font-size: var(--fs-small); line-height: 1.5; }
/* Boutons : deux formats, une seule hauteur */
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 52px;
padding: 0 var(--s-3);
border: 1px solid transparent;
border-radius: var(--radius);
font-size: 15px;
font-weight: 500;
line-height: 1;
text-decoration: none;
cursor: pointer;
transition: background-color .2s, color .2s, border-color .2s;
}
.btn--primary { background: var(--ink); color: var(--on-dark); }
.btn--primary:hover { background: #26303b; }
.btn--secondary { border-color: var(--line); background: transparent; color: var(--text); }
.btn--secondary:hover { border-color: var(--ink); }
.section--dark .btn--primary, .btn--light { background: var(--on-dark); color: var(--ink); }
.section--dark .btn--primary:hover, .btn--light:hover { background: var(--paper-2); }
.btn-row { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.btn .arrow { transition: transform .2s; }
.btn:hover .arrow { transform: translateX(4px); }
/* Liste à coches : une ligne = un trait fin au-dessus */
.checklist { border-top: 1px solid var(--line); }
.checklist li {
display: grid;
grid-template-columns: 24px 1fr;
gap: var(--s-2);
padding-block: var(--s-2);
border-bottom: 1px solid var(--line);
color: var(--text);
}
.checklist svg { width: 20px; height: 20px; margin-top: 2px; fill: none; stroke: var(--positive); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.checklist--negative svg { stroke: var(--negative); }
/* Accordéon : utilisé partout (compatibilité et FAQ), un seul composant */
.accordion { border-top: 1px solid var(--line); }
.accordion details { border-bottom: 1px solid var(--line); }
.accordion summary {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: var(--s-3);
padding-block: var(--s-3);
font-family: var(--font-body);
font-size: 16px;
font-weight: 500;
line-height: 24px;
letter-spacing: -.1px;
color: rgba(0, 0, 0, .9);
cursor: pointer;
list-style: none;
}
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary::after {
content: "+";
flex: 0 0 auto;
width: 24px;
font-family: var(--font-body);
font-size: 24px;
line-height: 1;
text-align: center;
color: var(--text-faint);
}
.accordion details[open] summary::after { content: "−"; }
.accordion .answer { padding-bottom: var(--s-3); max-width: 680px; color: var(--text-soft); font-size: 16px; line-height: 24px; letter-spacing: -.1px; }
.accordion .answer > * + * { margin-top: var(--s-2); }
.accordion .answer .checklist { margin-top: var(--s-2); }
.accordion .answer .checklist li { padding-block: 12px; font-size: var(--fs-small); }
/* En-tête du site */
.header {
position: sticky;
top: 0;
z-index: 50;
height: var(--header-h);
background: var(--paper);
border-bottom: 1px solid var(--line);
}
.header .container { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); }
.brand { font-family: var(--font-title); font-size: 21px; letter-spacing: -.03em; text-decoration: none; }
.nav { display: flex; align-items: center; gap: var(--s-4); }
.nav a:not(.btn) { font-size: var(--fs-small); text-decoration: none; color: var(--text-soft); transition: color .2s; }
.nav a:not(.btn):hover { color: var(--ink); }
.nav .btn { min-height: 44px; padding-inline: 20px; font-size: var(--fs-small); }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: var(--radius); background: transparent; cursor: pointer; }
.menu-toggle span { display: block; width: 18px; height: 1.5px; margin: 5px auto; background: var(--ink); }
/* Pied de page */
.footer { background: var(--ink); color: var(--on-dark); }
.footer-cta { padding-block: var(--s-7); border-bottom: 1px solid var(--line-dark); }
.footer-cta .container { display: grid; grid-template-columns: 1fr auto; gap: var(--s-5); align-items: end; }
.footer-cta .h2 { max-width: 780px; }
.footer-cols { padding-block: var(--s-6); display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: var(--s-5); }
.footer .label { margin-bottom: var(--s-2); color: var(--on-dark-faint); }
.footer li + li { margin-top: 10px; }
.footer li, .footer a { font-size: 16px; line-height: 24px; letter-spacing: -.1px; }
.footer a { text-decoration: none; color: var(--on-dark-soft); }
.footer a:hover { color: var(--on-dark); }
.footer .about-note { max-width: 320px; color: var(--on-dark-soft); font-size: 16px; line-height: 24px; letter-spacing: -.1px; }
.footer-bottom { padding-block: var(--s-3); border-top: 1px solid var(--line-dark); color: var(--on-dark-faint); font-size: 12px; }
.footer-bottom .container { display: flex; justify-content: space-between; gap: var(--s-3); }
/* ---------- 5. Blocs de page ---------- */
/* Hero : texte à gauche, photo à droite */
.hero { padding-block: var(--s-7) var(--section); }
.hero .grid { align-items: center; }
.hero-text { grid-column: 1 / span 7; }
.hero-text .label { margin-bottom: var(--s-4); }
.hero-text .lead { margin-top: var(--s-4); }
.hero-text .btn-row { margin-top: var(--s-5); }
.hero-photo { grid-column: 9 / span 4; }
.hero-photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 90% 50%; }
/* À propos : photo à gauche, texte à droite */
.about-photo { grid-column: 1 / span 5; }
.about-photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.about-body { grid-column: 7 / span 6; align-self: center; }
.about-body .label { margin-bottom: var(--s-3); }
.about-body .checklist { margin-top: var(--s-4); margin-bottom: var(--s-4); }
.about-body .lead { margin-top: var(--s-3); color: var(--text); }
/* Étapes : chaque ligne = numéro, titre, texte */
.steps { border-top: 1px solid var(--line-dark); }
.step {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
column-gap: var(--s-4);
row-gap: var(--s-2);
padding-block: var(--s-5);
border-bottom: 1px solid var(--line-dark);
}
.step-num { grid-column: 1 / span 1; font-family: var(--font-title); font-size: var(--fs-h3); color: var(--on-dark-faint); line-height: 1.2; }
.step-title { grid-column: 2 / span 5; }
.step-title .kicker { margin-bottom: var(--s-1); font-size: var(--fs-label); letter-spacing: .12em; text-transform: uppercase; color: var(--on-dark-faint); }
.step-text { grid-column: 8 / span 5; color: var(--on-dark-soft); }
.step-text > * + * { margin-top: var(--s-2); }
/* Compatibilité : deux colonnes égales */
.split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s-6); row-gap: var(--s-6); }
.split-title { display: flex; align-items: center; gap: var(--s-2); margin-bottom: var(--s-3); }
.split-title .mark { display: grid; place-items: center; width: 32px; height: 32px; font-size: 16px; font-weight: 500; color: var(--on-dark); background: var(--positive); }
.split-title .mark--no { background: var(--negative); }
/* FAQ : titre à gauche, questions à droite */
.faq-head { grid-column: 1 / span 5; align-self: start; position: sticky; top: calc(var(--header-h) + var(--s-4)); }
.faq-head .label { margin-bottom: var(--s-3); }
.faq-head .lead { margin-top: var(--s-3); font-size: 16px; line-height: 24px; letter-spacing: -.1px; }
.faq-list { grid-column: 7 / span 6; }
/* ---------- 7. Responsive ---------- */
@media (max-width: 1023px) {
:scope { --section: var(--s-7); --gutter: clamp(28px, 5.55vw, 80px); }
.hero-text { grid-column: 1 / -1; }
.hero-photo { grid-column: 1 / span 6; }
.about-photo { grid-column: 1 / span 5; }
.about-body { grid-column: 6 / -1; }
.step-title { grid-column: 2 / -1; }
.step-text { grid-column: 2 / -1; }
.faq-head { grid-column: 1 / -1; position: static; }
.faq-list { grid-column: 1 / -1; }
.footer-cols { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 809px) {
:scope { --section: 72px; --gutter: 20px; --header-h: 64px; --fs-lead: 17px; --fs-h2: 40px; }
.menu-toggle { display: block; }
.nav {
position: absolute;
top: var(--header-h);
left: 0;
right: 0;
display: none;
flex-direction: column;
align-items: stretch;
gap: 0;
padding: var(--s-2) var(--gutter) var(--s-3);
background: var(--paper);
border-bottom: 1px solid var(--line);
}
.nav.is-open { display: flex; }
.nav a:not(.btn) { padding-block: 14px; font-size: 16px; border-bottom: 1px solid var(--line); }
.nav .btn { margin-top: var(--s-2); }
.section-head { margin-bottom: var(--s-5); }
.hero { padding-block: var(--s-5) var(--section); }
.hero-photo { grid-column: 1 / -1; }
.about-photo, .about-body { grid-column: 1 / -1; }
.btn-row .btn { flex: 1 1 100%; }
.step { padding-block: var(--s-4); }
.step-num { grid-column: 1 / -1; }
.step-title, .step-text { grid-column: 1 / -1; }
.split { grid-template-columns: 1fr; }
.accordion summary { font-size: 16px; }
.footer-cta .container { grid-template-columns: 1fr; align-items: start; }
.footer-cols { grid-template-columns: 1fr; gap: var(--s-4); }
.footer-bottom .container { flex-direction: column; }
.sticky-contact { left: var(--s-2); right: var(--s-2); bottom: var(--s-2); }
.sticky-contact .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
* { transition: none !important; }
}
:scope{background:var(--ink)}
}
</style>
<footer class="footer">
<div class="container footer-cols">
<div>
<p class="label">Adam Spilmann</p>
<p class="about-note">Je crée et je pilote tes campagnes Google Ads pour te placer devant les personnes qui cherchent déjà ton service, et obtenir plus d’appels et de demandes de devis.</p>
</div>
<div>
<p class="label">Services</p>
<ul>
<li><a href="/services/consultant-google-ads/">Stratégie Google Ads</a></li>
<li><a href="/services/consultant-facebook-ads/">Stratégie Facebook Ads</a></li>
<li><a href="/services/consultant-audit-google-ads/">Audit Google Ads</a></li>
<li><a href="/services/consultant-audit-facebook-ads/">Audit Facebook Ads</a></li>
<li><a href="/services/consultant-landing-page-google-ads/">Création de page de vente</a></li>
<li><a href="/services/consultant-google-ads-aux-resultats/">Partenaire publicitaire</a></li>
</ul>
</div>
<div>
<p class="label">Contact</p>
<ul>
<li><a href="mailto:adam@adamspilmann.fr">adam@adamspilmann.fr</a></li>
<li>Je te réponds dans l’heure</li>
</ul>
</div>
<div>
<p class="label">Légal</p>
<ul>
<li><a href="/mentions-legales/">Mentions légales</a></li>
<li><a href="/politique-de-confidentialite/">Politique de confidentialité</a></li>
<li><a href="/politique-de-cookies/">Politique de cookies</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div class="container"><p>© 2026 Adam Spilmann. Tous droits réservés.</p></div>
</div>
</footer>
</div>
<div class="qualif-overlay" id="qualif-overlay" aria-hidden="true">
<div class="qualif-dialog" role="dialog" aria-modal="true" aria-labelledby="qualif-title">
<div class="qualif-header">
<div class="qualif-brand">
<strong>Adam Spilmann</strong>
<span>Qualification du projet</span>
</div>
<button type="button" class="qualif-close" id="qualif-close" aria-label="Fermer">×</button>
</div>
<div class="qualif-progress"><div class="qualif-progress-bar" id="qualif-progress-bar"></div></div>
<div class="qualif-panel" data-panel="step-1">
<p class="qualif-question" id="qualif-title">Point important : je ne suis pas un sauveur d’entreprise.</p>
<p class="qualif-subtitle">
<span>Google Ads peut être extrêmement rentable, mais il faut un minimum de budget pour lancer, tester et optimiser une stratégie correctement.</span>
<span>On voit de tout sur les réseaux sociaux, mais non : 500 € ne suffisent pas pour transformer un compte en machine à générer des clients. J’ai monté des comptes à 10, 20, parfois 50 appels par jour, et aucun n’a démarré avec quelques centaines d’euros.</span>
<span>Je ne te demande pas de rouler sur l’or. En revanche, si tu as de grandes ambitions pour ton entreprise, il faut être prêt à mettre les moyens en face pour les atteindre.</span>
<span>La publicité est un levier de développement, pas une méthode miracle.</span>
</p>
<div class="qualif-answers">
<button type="button" class="qualif-answer" data-next="step-2" data-label="Je suis prêt à mettre les moyens pour me développer"><span class="dot" aria-hidden="true"></span><span>Je suis prêt à mettre les moyens pour me développer</span></button>
<button type="button" class="qualif-answer" data-next="result-no" data-label="Je préfère continuer sans investir dans mon acquisition"><span class="dot" aria-hidden="true"></span><span>Je préfère continuer sans investir dans mon acquisition</span></button>
</div>
</div>
<div class="qualif-panel" data-panel="step-2">
<p class="qualif-question">Quand veux-tu commencer à recevoir plus de clients grâce à la publicité ?</p>
<div class="qualif-answers">
<button type="button" class="qualif-answer" data-next="step-3" data-label="Le plus rapidement possible"><span class="dot" aria-hidden="true"></span><span>Le plus rapidement possible</span></button>
<button type="button" class="qualif-answer" data-next="step-3" data-label="Dans les semaines à venir"><span class="dot" aria-hidden="true"></span><span>Dans les semaines à venir</span></button>
<button type="button" class="qualif-answer" data-next="result-no" data-label="Je compare actuellement différentes offres"><span class="dot" aria-hidden="true"></span><span>Je compare actuellement différentes offres</span></button>
</div>
</div>
<div class="qualif-panel" data-panel="step-3">
<p class="qualif-question">Mise en situation FICTIVE</p>
<p class="qualif-subtitle"><span>Une solution pourrait permettre de générer 50 000 € de chiffre d’affaires supplémentaire chaque mois. Sa mise en place représente un investissement initial de 5 000 €. Quelle serait ta première réaction ?</span></p>
<div class="qualif-answers">
<button type="button" class="qualif-answer" data-next="result-ok" data-label="L’investissement me semble cohérent si le plan est sérieux et le potentiel crédible."><span class="dot" aria-hidden="true"></span><span>L’investissement me semble cohérent si le plan est sérieux et le potentiel crédible.</span></button>
<button type="button" class="qualif-answer" data-next="result-no" data-label="5 000 €, c’est trop cher, même si cela me rapporte 50 000 €."><span class="dot" aria-hidden="true"></span><span>5 000 €, c’est trop cher, même si cela me rapporte 50 000 €.</span></button>
<button type="button" class="qualif-answer" data-next="result-ok" data-label="Si cela me rapporte 50 000 €, je suis prêt à investir 5 000 €."><span class="dot" aria-hidden="true"></span><span>Si cela me rapporte 50 000 €, je suis prêt à investir 5 000 €.</span></button>
<button type="button" class="qualif-answer" data-next="result-no" data-label="Je cherche actuellement une solution aux alentours de 500 €."><span class="dot" aria-hidden="true"></span><span>Je cherche actuellement une solution aux alentours de 500 €.</span></button>
</div>
<p class="qualif-disclaimer">Cette situation est un exemple entièrement fictif. Les montants présentés ne correspondent pas nécessairement au prix d’une prestation ou aux résultats pouvant être obtenus.</p>
</div>
<div class="qualif-panel qualif-result ok" data-panel="result-ok">
<div class="qualif-result-icon">✓</div>
<p class="qualif-result-label">Ton profil semble correspondre</p>
<p class="qualif-result-title">Super, d’après tes réponses, il y a de fortes chances que je puisse t’aider à te développer !</p>
<p class="qualif-result-copy">Je t’invite à m’envoyer directement un message WhatsApp en cliquant sur le bouton pour que nous puissions échanger ensemble.</p>
<a class="qualif-whatsapp" id="qualif-whatsapp-link" href="#" target="_blank" rel="noopener noreferrer">
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M19.05 4.91A9.82 9.82 0 0 0 12.03 2C6.57 2 2.13 6.44 2.13 11.9c0 1.75.46 3.46 1.33 4.96L2 22l5.27-1.38a9.84 9.84 0 0 0 4.74 1.21h.01c5.46 0 9.9-4.44 9.9-9.9a9.8 9.8 0 0 0-2.87-7.02Zm-7.02 15.25h-.01a8.14 8.14 0 0 1-4.15-1.14l-.3-.18-3.13.82.84-3.05-.2-.31a8.18 8.18 0 0 1-1.25-4.39c0-4.5 3.66-8.16 8.17-8.16 2.18 0 4.22.85 5.76 2.39a8.09 8.09 0 0 1 2.38 5.77c0 4.5-3.66 8.16-8.16 8.16Zm4.48-6.11c-.25-.12-1.47-.72-1.7-.8-.23-.09-.4-.12-.57.12-.17.25-.65.8-.8.97-.15.17-.29.19-.54.06-.25-.12-1.04-.38-1.98-1.22-.73-.65-1.22-1.45-1.37-1.69-.14-.25-.02-.38.11-.5.11-.11.25-.29.37-.43.12-.15.17-.25.25-.42.08-.17.04-.31-.02-.43-.06-.12-.57-1.37-.78-1.88-.21-.5-.42-.43-.57-.43h-.49c-.17 0-.43.06-.66.31-.23.25-.87.85-.87 2.08s.89 2.41 1.01 2.58c.12.17 1.76 2.69 4.27 3.77.6.26 1.07.42 1.43.54.6.19 1.14.16 1.57.1.48-.07 1.47-.6 1.68-1.18.21-.59.21-1.09.15-1.19-.06-.11-.23-.17-.48-.29Z"/></svg>
<span>Clique ici pour lancer une conversation WhatsApp</span>
</a>
<p class="qualif-desktop-note">Tu es sur ordinateur ? Envoie-moi directement un message à ce numéro :</p>
<p class="qualif-desktop-number">+33 7 59 60 49 17</p>
</div>
<div class="qualif-panel qualif-result no" data-panel="result-no">
<div class="qualif-result-icon">×</div>
<p class="qualif-result-label">Ton profil semble moins correspondre</p>
<p class="qualif-result-title">Il semblerait, d’après tes réponses, que tu ne sois peut-être pas éligible à mon offre.</p>
<p class="qualif-result-copy">Cela ne signifie pas que ton projet n’est pas intéressant. Tu peux toujours m’envoyer directement un message sur Instagram pour m’expliquer ta situation.</p>
<a class="qualif-instagram" href="#" target="_blank" rel="noopener noreferrer">M’envoyer un message sur Instagram</a>
</div>
</div>
</div>
<aside class="contact-concierge" id="contact-concierge" aria-label="Échanger avec Adam">
<button type="button" class="contact-concierge-hint">Besoin de clients ? Par ici ! 👋</button>
<button type="button" class="contact-concierge-launcher" aria-label="Ouvrir le message d’Adam" aria-expanded="false" aria-controls="contact-concierge-panel">
<img src="/variantelp/assets/portrait-adam-hero-600.webp" alt="Adam Spilmann" width="600" height="338" loading="lazy" decoding="async">
<span class="contact-concierge-status" aria-hidden="true"></span>
</button>
<section class="contact-concierge-panel" id="contact-concierge-panel" aria-hidden="true" aria-label="Message d’Adam">
<button type="button" class="contact-concierge-close" aria-label="Fermer le message">×</button>
<div class="contact-concierge-intro">
<div class="contact-concierge-portrait">
<img src="/variantelp/assets/portrait-adam-about-480.webp" alt="" width="480" height="580" loading="lazy" decoding="async">
<span class="contact-concierge-status" aria-hidden="true"></span>
</div>
<div>
<span class="contact-concierge-presence">Connecté</span>
<p class="contact-concierge-name">Adam Spilmann</p>
</div>
</div>
<p class="contact-concierge-message">Hello, c’est Adam. Tu souhaites en savoir plus sur mes stratégies ? Réponds à quelques questions et on en parle.</p>
<button type="button" class="contact-concierge-action">
<span>Démarrer le questionnaire</span>
<span aria-hidden="true">→</span>
</button>
</section>
</aside>
<script>
// Standard visuel global : libellés gris clair.
(() => {
["intro-frame","plan-frame","intro2-frame","results-frame","about-frame"].forEach((id) => {
const root = document.querySelector(`#${id}`);
if (!root) return;
const style = document.createElement("style");
style.textContent = `@scope (#${id}) { .eyebrow{min-height:28px!important;display:flex!important;width:fit-content!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;border-radius:999px!important;font-family:"Inter","Inter Placeholder",sans-serif!important;font-size:12px!important;font-weight:500!important;line-height:12px!important;letter-spacing:1.2px!important;text-transform:uppercase!important;background:rgba(0,0,0,.05)!important;color:rgba(0,0,0,.8)!important}.eyebrow:before,.eyebrow::before{width:6px!important;height:6px!important;flex:0 0 6px!important;border-radius:50%!important;background:currentColor!important} }`;
root.appendChild(style);
});
// Variante locale de comparaison : les nouvelles sections utilisent
// uniquement les neutres documentés dans le style guide.
["intro-frame","plan-frame","intro2-frame"].forEach((id) => {
const root = document.querySelector(`#${id}`);
if (!root) return;
const style = document.createElement("style");
style.textContent = `@scope (#${id}) { :scope{color:rgba(0,0,0,.9)!important}.title,.copy,.intro,.list li,.conclusion,.card,.card h3,.card p{color:rgba(0,0,0,.9)!important}.section{background:#f7f7f7!important} }`;
root.appendChild(style);
});
const about = document.querySelector("#about-frame");
if (about) {
const style = document.createElement("style");
style.textContent = `@scope (#about-frame) { .about{padding-bottom:120px!important}@media(max-width:700px){.about{padding-bottom:72px!important}} }`;
about.appendChild(style);
}
})();
// Les scripts placés dans un Shadow DOM déclaratif restent inertes après
// le parsing HTML. Les interactions sont donc initialisées depuis la page.
const heroRoot = document.querySelector("#hero-frame");
if (heroRoot) {
const menuToggle = heroRoot.querySelector(".menu-toggle");
const mobileMenu = heroRoot.querySelector("#mobile-menu");
const closeMenu = () => {
menuToggle.setAttribute("aria-expanded", "false");
menuToggle.setAttribute("aria-label", "Ouvrir le menu");
mobileMenu.classList.remove("is-open");
};
menuToggle?.addEventListener("click", () => {
const willOpen = menuToggle.getAttribute("aria-expanded") !== "true";
menuToggle.setAttribute("aria-expanded", String(willOpen));
menuToggle.setAttribute("aria-label", willOpen ? "Fermer le menu" : "Ouvrir le menu");
mobileMenu.classList.toggle("is-open", willOpen);
});
heroRoot.querySelectorAll("[data-scroll-target]").forEach((control) => {
control.addEventListener("click", (event) => {
event.preventDefault();
document.querySelector(control.dataset.scrollTarget)?.scrollIntoView({ behavior: "smooth", block: "start" });
closeMenu();
});
});
heroRoot.querySelectorAll("[data-open-qualif]").forEach((control) => {
control.addEventListener("click", (event) => {
if (typeof window.openQualifPopup !== "function") return;
event.preventDefault();
window.openQualifPopup();
closeMenu();
});
});
}
const enableExclusiveDetails = (root) => {
if (!root) return;
const details = [...root.querySelectorAll("details")];
details.forEach((item) => {
item.addEventListener("toggle", () => {
if (!item.open) return;
details.forEach((other) => {
if (other !== item) other.open = false;
});
});
});
};
enableExclusiveDetails(document.querySelector("#plan-frame"));
enableExclusiveDetails(document.querySelector("#faq-frame"));
const footerRoot = document.querySelector("#footer-frame");
if (footerRoot) {
footerRoot.querySelectorAll("[data-open-qualif]").forEach((control) => {
control.addEventListener("click", (event) => {
if (typeof window.openQualifPopup !== "function") return;
event.preventDefault();
window.openQualifPopup();
});
});
footerRoot.querySelectorAll("[data-scroll-target]").forEach((control) => {
control.addEventListener("click", (event) => {
event.preventDefault();
document.querySelector(control.dataset.scrollTarget)?.scrollIntoView({ behavior: "smooth", block: "start" });
});
});
}
// Popup de préqualification.
const qualifOverlay = document.querySelector("#qualif-overlay");
const qualifPanels = document.querySelectorAll(".qualif-panel");
const qualifProgressBar = document.querySelector("#qualif-progress-bar");
const qualifWhatsappLink = document.querySelector("#qualif-whatsapp-link");
const qualifCloseBtn = document.querySelector("#qualif-close");
const QUALIF_PROGRESS = { "step-1": "33%", "step-2": "66%", "step-3": "100%", "result-ok": "100%", "result-no": "100%" };
const QUALIF_LABELS = { "step-1": "Budget & ambition", "step-2": "Calendrier", "step-3": "Mise en situation" };
const QUALIF_WHATSAPP_NUMBER = "33759604917";
let qualifAnswers = {};
const qualifShowPanel = (id) => {
qualifPanels.forEach((panel) => {
panel.classList.toggle("is-active", panel.dataset.panel === id);
});
qualifProgressBar.style.width = QUALIF_PROGRESS[id] || "0%";
};
const qualifBuildWhatsappLink = () => {
const lines = Object.keys(QUALIF_LABELS)
.filter((id) => qualifAnswers[id])
.map((id) => `• ${QUALIF_LABELS[id]} : ${qualifAnswers[id]}`)
.join("\n");
const message = `Bonjour Adam, je viens de remplir ton questionnaire.\n\nVoici ma situation :\n${lines}\n\nJe souhaiterais échanger avec toi pour voir ce qu'il est possible de mettre en place.`;
return `https://wa.me/${QUALIF_WHATSAPP_NUMBER}?text=${encodeURIComponent(message)}`;
};
window.openQualifPopup = () => {
qualifAnswers = {};
qualifShowPanel("step-1");
qualifOverlay.classList.add("is-open");
qualifOverlay.setAttribute("aria-hidden", "false");
document.body.style.overflow = "hidden";
};
window.closeQualifPopup = () => {
qualifOverlay.classList.remove("is-open");
qualifOverlay.setAttribute("aria-hidden", "true");
document.body.style.overflow = "";
};
qualifCloseBtn.addEventListener("click", () => window.closeQualifPopup());
qualifOverlay.addEventListener("click", (event) => {
if (event.target === qualifOverlay) window.closeQualifPopup();
});
document.addEventListener("keydown", (event) => {
if (event.key === "Escape" && qualifOverlay.classList.contains("is-open")) window.closeQualifPopup();
});
document.querySelectorAll(".qualif-answer").forEach((button) => {
button.addEventListener("click", () => {
const panel = button.closest(".qualif-panel");
qualifAnswers[panel.dataset.panel] = button.dataset.label;
const next = button.dataset.next;
if (next === "result-ok") qualifWhatsappLink.href = qualifBuildWhatsappLink();
qualifShowPanel(next);
});
});
// Bouton de contact sticky : apparaît une fois le hero dépassé, pour ne
// pas doubler les CTA déjà visibles dedans.
const stickyContact = document.querySelector("#sticky-contact");
const stickyContactBtn = stickyContact?.querySelector(".sticky-contact-btn");
stickyContactBtn?.addEventListener("click", () => window.openQualifPopup());
const heroFrame = document.querySelector("#hero-frame");
if (stickyContact && heroFrame && "IntersectionObserver" in window) {
const heroObserver = new IntersectionObserver(
([entry]) => stickyContact.classList.toggle("is-visible", !entry.isIntersecting),
{ rootMargin: "-80% 0px 0px 0px" }
);
heroObserver.observe(heroFrame);
}
</script>
<script id="bulle-contact-script">
(function(){
var c = document.getElementById("contact-concierge"); if (!c) return;
var launcher = c.querySelector(".contact-concierge-launcher"), hint = c.querySelector(".contact-concierge-hint"),
panel = c.querySelector(".contact-concierge-panel"), close = c.querySelector(".contact-concierge-close"),
action = c.querySelector(".contact-concierge-action");
function setOpen(o){ c.classList.toggle("is-open", o); launcher.setAttribute("aria-expanded", String(o));
panel.setAttribute("aria-hidden", String(!o)); if (o) setTimeout(function(){ close.focus(); }, 40); }
launcher.addEventListener("click", function(){ setOpen(!c.classList.contains("is-open")); });
hint.addEventListener("click", function(){ setOpen(true); });
close.addEventListener("click", function(){ setOpen(false); launcher.focus(); });
action.addEventListener("click", function(){ setOpen(false); if (window.openQualifPopup) window.openQualifPopup(); });
document.addEventListener("keydown", function(e){ if (e.key === "Escape" && c.classList.contains("is-open")) setOpen(false); });
// Visible une fois le haut de page dépassé, comme sur les pages de vente.
var hero = document.getElementById("hero-frame");
if (hero && "IntersectionObserver" in window) {
new IntersectionObserver(function(es){ var e = es[0]; c.classList.toggle("is-visible", !e.isIntersecting);
if (e.isIntersecting) setOpen(false); }, { rootMargin: "-80% 0px 0px 0px" }).observe(hero);
} else { c.classList.add("is-visible"); }
})();
</script>
</body>
</html>