Comment tracker les achats sur Squarespace avec GTM et Google Ads (Enhanced Conversions) ?

Pré-requis

• Un site Squarespace avec une boutique (Squarespace Commerce) et des ventes réelles.
• Accès admin Squarespace, notamment à la zone d’injection de code et à la page de confirmation de commande.
• Un conteneur Google Tag Manager opérationnel.
• Une action de conversion “Achat” dans Google Ads, avec Enhanced Conversions activées.

Étape 1 — Installer Google Tag Manager sur Squarespace

L’objectif : charger GTM sur toutes les pages (site-wide) pour piloter vos tags sans toucher au code du site à chaque évolution.

1. Ouvrez votre Squarespace Dashboard.
2. Allez dans Website > Pages > Custom Code > Code Injection (le chemin exact peut varier selon la version de l’interface).
3. Collez le script GTM dans la zone Header (balise head).
4. Enregistrez.

Astuce Convertix : vérifiez dans le navigateur que GTM se charge bien (onglet Network, présence de gtm.js) avant d’aller plus loin.

Étape 2 — Pousser un événement “purchase” dans le Data Layer sur la page de confirmation

La clé sur Squarespace : la page de confirmation de commande (Order Status / Order Confirmation) est l’endroit où vous disposez des données d’achat.
On va y pousser un objet Data Layer au format e-commerce, puis déclencher un événement nommé purchase.

Exemple de structure Data Layer (à adapter à votre Squarespace)

Attention : Squarespace expose les variables de commande différemment selon votre configuration.
L’exemple ci-dessous illustre la structure attendue côté GTM/Google Ads (transaction_id, value, currency, email).
Vous devrez mapper ces champs avec les variables réellement disponibles dans votre page de confirmation.

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  event: "purchase",
  ecommerce: {
    transaction_id: "{{ORDER_ID}}",
    value: {{ORDER_TOTAL}},
    currency: "{{CURRENCY}}"
  },
  customerEmailAddress: "{{CUSTOMER_EMAIL}}"
});
console.log("✅ purchase dataLayer pushed");
</script>

Dans le guide source, l’auteur pousse l’événement “purchase” sur l’Order Status Page afin que GTM puisse créer un déclencheur Custom Event et récupérer
ecommerce.transaction_id, ecommerce.value, ecommerce.currency et l’email pour Enhanced Conversions. :contentReference[oaicite:1]{index=1}

Où coller ce code ?

1. Retournez dans la zone d’injection de code Squarespace.
2. Repérez la section dédiée à la page de confirmation / Order Status Page.
3. Collez le script dans la zone prévue pour cette page.
4. Enregistrez et faites un test d’achat.

Étape 3 — Créer le déclencheur “purchase” dans GTM

1. Dans GTM : Triggers > New.
2. Nom : Purchase (Squarespace).
3. Type : Custom Event.
4. Event name : purchase.
5. Déclenchement : All Custom Events.

Cette configuration correspond exactement à la logique décrite dans l’article de référence. :contentReference[oaicite:2]{index=2}

Étape 4 — Créer les variables Data Layer (et la variable Enhanced Conversions)

Variables nécessaires pour la conversion Achat Google Ads

• DLV – transaction_id
  Type : Data Layer Variable
  Data Layer Variable Name : ecommerce.transaction_id
• DLV – value
  Type : Data Layer Variable
  Data Layer Variable Name : ecommerce.value
• DLV – currency
  Type : Data Layer Variable
  Data Layer Variable Name : ecommerce.currency

Variables nécessaires pour Enhanced Conversions (email)

• DLV – customerEmailAddress
  Type : Data Layer