Suivi et analyse avancés
Connectez GA4 ou Google Tag Manager dans la rubrique « Paramètres » → « Intégrations » pour suivre les consultations de produits, les ajouts au panier et les commandes finalisées sur votre boutique en ligne ; comparez ensuite le chiffre d'affaires avec les commandes dans la section « Produits » et le tableau de bord « Analytics ».
ArtInStack suit automatiquement l'ensemble du parcours d'achat de votre boutique en ligne. En connectant vos outils d'analyse, vous pouvez voir exactement quelles impressions de paysages de haute altitude attirent le plus l'attention, à quelle étape du processus de paiement les collectionneurs abandonnent leur panier, et quels styles de galerie génèrent les montants de commande les plus élevés.
Ces rapports se trouvent dans votre compte Google Analytics, et non dans les graphiques intégrés de ArtInStack. Le trafic sur la page d’accueil du tableau de bord et les rubriques Analytics → Newsletter / Partenaires / Publicité intégrée mesurent l’activité au sein de ArtInStack. Consultez la présentation des analyses du tableau de bord pour connaître cette répartition.
Quelle configuration convient le mieux à votre studio ?
Quelle configuration convient le mieux à votre studio ?
│
┌────────────────────────┴────────────────────────┐
▼ ▼
【 Simple et rapide 】 【 Contrôle avancé 】
Je souhaite simplement obtenir des statistiques de base. Je diffuse des publicités payantes ou utilise des pixels Meta.
│ │
▼ ▼
👉 Connecter uniquement GA4 👉 Connecter uniquement GTM
Choisissez uniquement Google Analytics 4 (GA4) si vous souhaitez une configuration simple pour suivre immédiatement les visiteurs et les pages vues sur votre site public. Vous collez votre ID de mesure (G-…) dans ArtInStack ; aucun compte Google Tag Manager n’est nécessaire pour le trafic de base.
Choisissez Google Tag Manager (GTM) uniquement si vous effectuez un suivi publicitaire avancé (Meta Pixel, Google Ads, plusieurs balises) ou si vous souhaitez des rapports complets sur l’entonnoir de conversion et le chiffre d’affaires de votre boutique : consultations de produits, ajouts au panier et achats finalisés. Collez votre ID de conteneur (GTM-…) dans ArtInStack, puis configurez les déclencheurs et les balises sur tagmanager.google.com.
| Chemin | À coller dans ArtInStack | Vous obtenez | Entonnoir de conversion + chiffre d’affaires dans GA4 |
|---|---|---|---|
| Simple et rapide | ID de mesure uniquement (G-…) | Consultations de pages via gtag | Non — ajoutez GTM plus tard pour view_item / add_to_cart / purchase |
| Contrôle avancé | ID du conteneur GTM uniquement (GTM-…) | Contrôle total dans GTM | Oui — après avoir configuré les balises (Étape 4) |
Les identifiants Universal Analytics hérités (UA-…) ne sont pas acceptés.
Vos avantages
- Visibilité sur les conversions en boutique — identifiez les produits et les photos avec prix qui attirent les visiteurs, les articles ajoutés au panier et le moment où le paiement est finalisé.
- Responsabilité marketing — associez les dépenses publicitaires et les campagnes par e-mail aux achats réels dans les explorations GA4 et Google Ads (lorsque vous liez vos comptes).
- Vos données, vos outils — les exportations, les audiences et BigQuery restent chez Google ; ArtInStack ne revend ni n’agrège vos rapports GA4.
Conditions préalables
- Une propriété GA4 dans votre compte Google (celle-ci est nécessaire même si vous utilisez GTM, car GTM transfère les événements vers GA4).
- Soit un ID de mesure du flux de données Web (
G-…) soit un ID de conteneur Web GTM (GTM-…) — choisissez une option dans l’arbre de décision ci-dessus. - Tableau de bord → Paramètres → Intégrations → Analytics
- Pour les visiteurs de l’UE/de Californie : activez la bannière relative aux cookies sous Paramètres → Confidentialité et sécurité → Confidentialité — consultez la présentation de la confidentialité et de la sécurité.
Étape 1 — Ajoutez votre identifiant dans ArtInStack
Ouvrez Paramètres → Intégrations → Analytics.
| Champ | Où le trouver dans Google | À utiliser lorsque |
|---|---|---|
| ID de mesure Google Analytics 4 | GA4 → Admin → Flux de données → votre flux Web → ID de mesure (G-XXXXXXXXXX) | Parcours simple et rapide — pages vues uniquement |
| ID du conteneur Google Tag Manager | GTM → Admin → Conteneur → ID du conteneur (GTM-XXXXXXX) | Chemin de contrôle avancé — entonnoirs, publicités, Meta Pixel, revenus |
Validation : les identifiants doivent respecter le format de Google. Les valeurs non valides sont bloquées avant l’enregistrement.
Si les deux champs sont renseignés : ArtInStack charge uniquement GTM et ignore le champ « ID de mesure ». Le tableau de bord affiche une notification indiquant que GTM est actif. Évitez de dupliquer GA4 au sein de GTM (par exemple, une balise Google Tag Manager et une deuxième balise de configuration GA4 pour le même flux).
Domaine personnalisé : les mêmes identifiants s’appliquent à votre sous-domaine et à votre domaine personnalisé. Ajoutez chaque nom d’hôte public dans les paramètres Flux de données de GA4 dans Google.
Cliquez sur Enregistrer dans l’en-tête Paramètres après modification.
Étape 2 — Consentement aux cookies (recommandé)
Lorsque l’option Afficher la fenêtre contextuelle de consentement aux cookies est activée, les scripts d’analyse ne se chargent qu’après l’acceptation des cookies Analytics par le visiteur. ArtInStack utilise les paramètres par défaut du mode de consentement de Google jusqu’à ce que le consentement soit donné.
Si les identifiants d’analyse sont enregistrés mais que la bannière est désactivée, le tableau de bord affiche un rappel : activez-la dans Paramètres → Confidentialité et sécurité → Confidentialité lorsque vous traitez du trafic provenant de l’UE ou de Californie. Détails : Présentation de la confidentialité et de la sécurité.
Aperçu de l’éditeur : les données d’analyse ne se chargent pas sur les URL comportant ?preview=true.
Étape 3 — Ce que ArtInStack envoie automatiquement
Sur votre vitrine publique (et non sur le tableau de bord), ArtInStack transmet des objets e-commerce de type GA4 à la couche de données du navigateur :
| Événement | Quand il se déclenche |
|---|---|
page_view | Automatiquement dès le chargement de GA/GTM |
view_item | Le visiteur ouvre la page de détail d’un produit ou un élément de galerie/portfolio avec un prix |
add_to_cart | L’article est ajouté avec succès au panier (voir Panier et paiement) |
purchase | Le paiement via Stripe aboutit dans le panier (inclut transaction_id et le montant total de la commande ; les lignes de commande peuvent être minimales) |
Exemple de structure (votre GTM lit le nom de l’événement et l’objet ecommerce) :
event: view_item
ecommerce: { currency, value, items: [{ item_id, item_name, price, quantity }] }
event: add_to_cart
ecommerce: { currency, value, items: [...] }
event: purchase
ecommerce: { transaction_id, currency, value, items?: [...] }
ID de mesure GA4 uniquement : les pages vues sont transmises à GA4 via gtag. Les trois événements e-commerce ci-dessus se trouvent dans la couche de données — ils n’apparaîtront pas dans GA4 tant que vous n’aurez pas ajouté GTM (Étape 4) ou une configuration de balises équivalente.
Étape 4 — Configurer GTM dans votre compte Google (parcours de configuration avancé)
Ignorez cette section si vous avez choisi GA4 uniquement et si vous n’avez besoin pour l’instant que du trafic lié aux pages vues.
La configuration des balises et des déclencheurs s’effectue entièrement dans votre espace de travail GTM sur tagmanager.google.com — et non dans le tableau de bord de ArtInStack.
Considérez cela comme deux couches : ArtInStack diffuse des événements nommés ; GTM les écoute et les transmet à GA4.
4a — Créer des déclencheurs d’événements personnalisés (un par action)
Répétez l’opération pour chaque nom d’événement. Les noms doivent être exacts : minuscules, traits de soulignement, pas d’espaces.
- Barre latérale gauche de GTM → Déclencheurs → Nouveau.
- Configuration du déclencheur → Événement personnalisé.
- Remplissez les champs :
| Champ | Vue du produit | Ajouter au panier | Achat |
|---|---|---|---|
| Nom de l’événement | view_item | add_to_cart | purchase |
| Utiliser la correspondance par expression régulière | Non coché | Non coché | Non coché |
| Ce déclencheur se déclenche sur | Tous les événements personnalisés | Tous les événements personnalisés | Tous les événements personnalisés |
- Nommez le déclencheur (par exemple
CE - view_item) → Enregistrer.
Créez trois déclencheurs au total — un par ligne.
4b — Créer des balises d’événement GA4 (une par action)
GTM nécessite une balise d’événement GA4 par événement. Une seule balise pour view_item ne suffira pas à signaler l’activité liée au panier ou à l’achat.
Répétez l’opération Nouvelle balise trois fois :
| Balise | Type de balise | Nom de l’événement | Déclencheur | Nom de balise suggéré |
|---|---|---|---|---|
| 1 | Google Analytics : événement GA4 | view_item | CE - view_item | Événement GA4 - Afficher l’article |
| 2 | Google Analytics : événement GA4 | add_to_cart | CE - add_to_cart | Événement GA4 - Ajouter au panier |
| 3 | Google Analytics : événement GA4 | purchase | CE - purchase | Événement GA4 - Achat |
Pour chaque balise :
- Balises → Nouveau → Configuration de balise → Google Analytics : Événement GA4.
- ID de mesure — saisissez votre ID de flux
G-…, ou sélectionnez votre balise Google / balise de configuration existante dans le menu déroulant (recommandé pour les balises 2 et 3). - Nom de l’événement — même chaîne de caractères que le déclencheur (
view_item,add_to_cartoupurchase). - Envoyer les données e-commerce — activez On et définissez la source sur Couche de données (voir l’encadré ci-dessous).
- Déclenchement — sélectionnez le déclencheur d’événement personnalisé correspondant à celui de l’étape 4a.
- Enregistrer.
Publiez le conteneur GTM une fois l’opération terminée (Soumettre → Publier).
Important : activez les données e-commerce à partir de la couche de données
Par défaut, GTM peut n’envoyer que le nom de l’événement (
view_item,purchase, etc.) — et non les prix, la devise, les lignes de commande ou les identifiants de transaction. Vos rapports de monétisation GA4 afficheront l’activité mais un chiffre d’affaires de 0,00 $ tant que vous n’aurez pas autorisé la charge utile.Pour chaque balise d’événement e-commerce GA4 (
view_item,add_to_cart,purchase) :
- Ouvrez la balise dans GTM.
- Développez Paramètres supplémentaires → E-commerce.
- Cochez Envoyer les données e-commerce.
- Définissez Source de données sur Couche de données.
Cela permet aux rapports financiers de refléter fidèlement votre trafic brut : les valeurs des commandes, le chiffre d’affaires généré par les produits et les totaux de conversion s’affichent correctement dans GA4.
Comment vérifier que cela fonctionne
Le test : Dans GTM, cliquez sur Aperçu (en haut à droite), saisissez l’URL de votre boutique en ligne (sous-domaine, domaine personnalisé), puis suivez une brève procédure : consultez une photo ou un produit dont le prix est affiché, ajoutez-le au panier et effectuez un paiement test si Stripe est en mode test.
La confirmation : Dans la chronologie de Tag Assistant (l’onglet de débogage ouvert par GTM), vous devriez voir :
view_itemlors de la consultation d’un produit ou d’un bloc d’image avec prixadd_to_cartaprès un ajout réussi au panierpurchaseavec une coche verte sur votre balise d’événement GA4 une fois le paiement validé
Sélectionnez chaque événement dans la chronologie de gauche et vérifiez que Tags Fired s’affiche pour la balise d’événement GA4 correspondante.
Facultatif : GA4 En temps réel → vérifiez l’activité sur votre propriété (utilisez une propriété de développement ou un flux distinct lorsque vous effectuez des tests sur localhost afin de préserver la propreté des données de production).
Référence rapide
| Question | Réponse |
|---|---|
| Statistiques simples ou entonnoir complet ? | GA4 uniquement = pages vues ; GTM uniquement = entonnoir + chiffre d’affaires (après l’étape 4) |
Où dois-je coller G-… ou GTM-… ? | Paramètres → Intégrations → Analytics |
| Où puis-je créer des déclencheurs et des balises ? | Votre conteneur GTM sur tagmanager.google.com |
| Trafic de la plateforme vs mon GA4 ? | Aperçu des analyses du tableau de bord |
| Bannière relative aux cookies | Aperçu de la confidentialité et de la sécurité |
| Contexte du parcours de paiement | Panier et paiement |
Dépannage des problèmes courants de configuration
Mes événements de vente s'affichent, mais le chiffre d'affaires indique 0,00 $ ?
Vous avez probablement omis le mappage de la couche de données. Rouvrez chaque balise e-commerce dans GTM, développez Paramètres supplémentaires → E-commerce, cochez Envoyer les données e-commerce, puis définissez Source de données sur Couche de données. Publiez à nouveau le conteneur.
J’ai rempli les champs GA4 et GTM. Les visites seront-elles comptées deux fois ?
Non. Dès que vous enregistrez un identifiant de conteneur GTM, ArtInStack utilise GTM comme source principale et contourne en toute sécurité le chargeur GA4 direct, ce qui optimise la vitesse de chargement des pages et évite les injections en double. Conservez votre identifiant de mesure uniquement dans les balises GTM ; n’ajoutez pas de deuxième balise de configuration GA4 autonome pour le même flux.
Les événements n’apparaissent jamais dans GA4, mais l’aperçu GTM semble correct
Vérifiez que vous avez publié le conteneur GTM après avoir modifié les balises. Patientez quelques minutes, puis consultez les rapports en temps réel ou standard de GA4 — pas uniquement Tag Assistant.
Rien ne se charge après avoir enregistré mon identifiant
Si l’option Afficher la fenêtre contextuelle de consentement aux cookies est activée, les scripts d’analyse ne se chargent qu’après que le visiteur a cliqué sur Accepter dans la bannière relative aux cookies. Testez dans une fenêtre privée après avoir accepté les cookies.
Vous avez terminé lorsque
- Vous avez choisi GA4 uniquement ou GTM uniquement et enregistré un identifiant valide sous Intégrations → Analytics.
- Avec la bannière de cookies activée : après avoir cliqué sur Accepter, le navigateur charge
googletagmanager.com(onglet Réseau). - Chemin GTM : Tag Assistant affiche
view_item,add_to_cartetpurchaseavec les balises GA4 déclenchées ; les balises e-commerce comportent Envoyer les données e-commerce → Couche de données. - Les rapports GA4 reflètent le trafic (et le chiffre d'affaires sur le chemin GTM) après la publication.