0Pricing
Digital Marketing Academy · Leçon

Balisage côté serveur

Déplacez les balises vers le serveur.

Balisage côté serveur est une leçon Digital Marketing Academy gratuite sur CoddyKit. Ceci est la leçon 2 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Digital Marketing Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Digital Marketing Academy comprend 4 leçons au total.

Qu'est-ce que le balisage côté serveur

Le balisage côté serveur déplace l'exécution de vos balises du navigateur de l'utilisateur vers un serveur que vous contrôlez. Au lieu que la page envoie directement des pixels à Google et Meta, elle envoie une seule requête à votre propre point d'accès de balisage.

Ce serveur décide ensuite quelles données transmettre, à qui et sous quelle forme. Le navigateur ne communique qu'avec votre domaine de première partie.

Flux côté client et côté serveur

Dans le modèle classique, chaque pixel d'un fournisseur s'exécute dans le navigateur et envoie sa propre requête à un tiers. Avec le balisage côté serveur, le navigateur envoie un seul événement à un serveur de balisage, qui le distribue à plusieurs destinations.

Vous contrôlez ainsi les données, réduisez les requêtes bloquées et diminuez la quantité de code côté navigateur qui ralentit les pages.

CLIENT-SIDE (old)
  Browser --> google-analytics.com
  Browser --> facebook.com/tr
  Browser --> tiktok.com/pixel
   (each blockable, leaks data)

SERVER-SIDE (new)
  Browser --> sgtm.yoursite.com  (1 request)
                   |
        +----------+----------+
        v          v          v
      GA4        Meta CAPI   TikTok
   (server-to-server, controlled)

Le serveur de balisage (sGTM)

Google Tag Manager côté serveur de Google (sGTM) est l'implémentation la plus courante. Il s'agit d'un conteneur qui s'exécute sur Cloud Run, App Engine ou n'importe quel hôte, reçoit les requêtes et les traite au moyen de composants clients et de balises.

Un « client » analyse les requêtes entrantes pour les transformer en événements ; les balises transmettent ensuite ces événements à leurs destinations. C'est GTM, mais exécuté sur le serveur plutôt que sur la page.

Sous-domaine de première partie

Le principal gain de fiabilité vient de l'association du serveur de balisage à un sous-domaine de votre propre site, comme sgtm.example.com, au moyen d'un enregistrement DNS A ou CNAME.

Les requêtes étant désormais envoyées à votre domaine, les cookies définis dans la réponse sont des cookies de première partie et HttpOnly. Ils échappent aux limitations les plus strictes d'ITP et sont beaucoup moins susceptibles d'être bloqués par les bloqueurs de publicités.

DNS + cookie setup
--------------------------------------
sgtm.example.com  ->  Cloud Run host

Response header from server:
Set-Cookie: FPID=abc123; Domain=.example.com;
            HttpOnly; Secure; SameSite=Lax;
            Max-Age=63072000

=> first-party, server-set, long-lived
=> survives ITP better than JS cookies

Parcours d'un événement

Un achat a lieu sur la page. Le conteneur Web (ou gtag) envoie un événement à sgtm.example.com. Le composant client GA4 qui s'y trouve reconstitue l'appel, l'enrichit, puis une balise GA4 le transmet au point d'accès de collecte de Google.

Le même événement peut simultanément déclencher une balise de l'API Conversions de Meta, une conversion Google Ads côté serveur et bien d'autres actions, le tout à partir d'une seule requête entrante.

Event payload sketch (purchase)
--------------------------------------
{
  "event_name": "purchase",
  "client_id": "FPID.abc123",
  "value": 89.90,
  "currency": "EUR",
  "transaction_id": "T-10482",
  "items": [{"id":"SKU1","qty":2}],
  "consent": {"ad_user_data":"granted"},
  "user_data": {"em_hashed":"<sha256>"}
}

API Conversions (CAPI)

L'API Conversions de Meta, les conversions améliorées de Google et l'API Events de TikTok sont toutes des points d'accès de serveur à serveur. Elles acceptent directement les événements provenant de votre serveur et contournent entièrement le pixel du navigateur.

Cela permet de récupérer les conversions perdues à cause des bloqueurs de publicités et d'ITP, et d'envoyer des identifiants de première partie hachés (adresse e-mail, numéro de téléphone) pour améliorer la correspondance, à condition d'avoir obtenu le consentement.

Enrichissement et contrôle des données

Comme le serveur voit l'événement brut, vous pouvez l'enrichir : ajouter la valeur réelle de la commande provenant de votre base de données, supprimer les PII que vous ne souhaitez pas partager, ajouter des horodatages côté serveur ou dédupliquer les événements par rapport à ceux du navigateur.

Vous devenez le responsable de la sélection de vos propres données et n'envoyez à chaque plateforme que les champs minimaux dont elle a besoin. C'est la minimisation des données en pratique, et pas seulement sur le papier.

Server-side transform rules
--------------------------------------
INCOMING -> TRANSFORM -> OUTBOUND

- hash email (SHA-256) before send
- drop raw IP for non-consented users
- overwrite value w/ DB net revenue
- add event_id for dedup w/ pixel
- block forwarding if consent=denied

Déduplication des événements

Si vous exécutez à la fois un pixel du navigateur et un événement serveur pour la même conversion, les plateformes ne doivent pas la comptabiliser deux fois. La déduplication utilise un identifiant partagé.

Envoyez le même event_id (et le même event_name) depuis le pixel client et l'appel CAPI côté serveur. Meta et les autres plateformes les font correspondre et n'en conservent qu'un seul, ce qui vous apporte une redondance sans gonflement des résultats.

Dedup with event_id
--------------------------------------
Browser pixel:
  fbq('track','Purchase',{...},
      {eventID:'evt_T-10482'})

Server CAPI:
  event_id: 'evt_T-10482'
  event_name: 'Purchase'

Meta sees same id+name -> counts once

Hébergement et coûts

Le serveur de balisage constitue une véritable infrastructure. Sur Google Cloud Run, il adapte automatiquement sa capacité au trafic ; vous payez les ressources de calcul et la sortie de données. Un petit site peut fonctionner avec quelques instances, tandis qu'un grand site peut en nécessiter beaucoup.

Prévoyez le suivi, un serveur de prévisualisation pour le débogage et une bonne disponibilité, car si votre serveur de balisage tombe en panne, la mesure s'arrête également. Il s'agit désormais d'un service de production, et non d'un simple extrait de code.

Limites et transparence

Le balisage côté serveur ne permet pas de contourner le consentement. Vous avez toujours besoin d'une base légale, et l'envoi de données sans consentement est illégal, quel que soit l'endroit où il est exécuté.

Il ne rétablit pas non plus comme par magie le suivi intersites déterministe. Il améliore la fiabilité et la correspondance pour les données de première partie recueillies avec consentement ; il s'agit d'une couche de résilience, et non d'une faille.

Liste de contrôle de mise en œuvre

Un déploiement réel suit une séquence : mettre le serveur en place, associer le sous-domaine, y relier le conteneur Web, configurer les composants clients et les balises, puis connecter les destinations CAPI.

Validez le fonctionnement à l'aide de la vue de prévisualisation et de débogage, confirmez que la déduplication fonctionne, vérifiez le filtrage selon le consentement, puis seulement ensuite basculez le trafic. Traitez cette opération comme le déploiement de n'importe quel service dorsal.

Rollout checklist
--------------------------------------
[ ] Deploy sGTM (Cloud Run)
[ ] Map sgtm.example.com (CNAME)
[ ] Web container -> send to sGTM
[ ] GA4 client + GA4 tag configured
[ ] Meta CAPI tag + event_id dedup
[ ] Consent checks on every tag
[ ] Preview/debug verified
[ ] Monitoring + alerts on uptime

Vérification rapide

Vérifiez votre maîtrise du balisage côté serveur.

Récapitulatif

Le balisage côté serveur achemine les événements du navigateur vers un serveur de balisage situé sur votre propre sous-domaine. Celui-ci définit des cookies de première partie et transmet les données recueillies avec consentement aux plateformes au moyen d'API de serveur à serveur comme CAPI de Meta.

Avantages : moins de requêtes bloquées, des cookies plus compatibles avec ITP, l'enrichissement et la minimisation des données, ainsi que la déduplication des événements. Il s'agit d'une couche de fiabilité et de contrôle, d'une véritable infrastructure à exploiter, et jamais d'un substitut au consentement.

Questions Fréquemment Posées

La leçon « Balisage côté serveur » est-elle gratuite ?

Oui — le texte complet de « Balisage côté serveur » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Digital Marketing Academy, passe à CoddyKit PRO. Le cours Digital Marketing Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Balisage côté serveur » ?

Déplacez les balises vers le serveur. Tu pratiques Digital Marketing Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Digital Marketing Academy ?

Aucune expérience préalable n'est requise. Digital Marketing Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 2 sur 4.

Combien de temps prend la leçon « Balisage côté serveur » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Digital Marketing Academy ?

Oui. Chaque leçon Digital Marketing Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Pourquoi le suivi ne fonctionne plus
  2. Balisage côté serveur
  3. Mode de consentement et CMP
  4. Stratégie de données propriétaires
← Retour à Digital Marketing Academy