Google Analytics 4, Google Ads et Tag Manager

Boutique box

Cette page concerne les boutiques box, hébergées par Ciklik. Vous utilisez le module PrestaShop ? Voir la documentation PrestaShop.

Votre boutique sait envoyer ses données à trois outils Google : Google Analytics 4 (GA4), Google Ads et Google Tag Manager (GTM). Il suffit de renseigner leurs identifiants : Ciklik ajoute lui-même les scripts sur toutes les pages de votre site.

Renseigner les identifiants

1. Allez dans Paramètres > Sites, puis cliquez sur l’icône Éditer (crayon) de votre site.

2. Ouvrez l’onglet Paramètres marketing.

3. Remplissez les champs utiles :

   • Google Analytics ID : l’ID de mesure de votre flux de données Web GA4, au format G-XXXXXXXXXX. L’exemple UA-123455 affiché dans le champ date d’Universal Analytics, arrêté par Google : ne saisissez plus d’ID UA-.
   • Adwords tag ID : l’ID de votre balise Google Ads, au format AW-XXXXXXXXX.
   • Google Tag Manager : l’ID de votre conteneur Web, au format GTM-XXXXXXX.

4. Cliquez sur Mettre à jour.

Attention

Le champ Adwords tag ID n’est utilisé que si Google Analytics ID est rempli : la balise Google Ads est chargée par le même script que GA4. Sans ID GA4, Google Ads ne reçoit rien.

Ce que Ciklik installe

Avec Google Analytics ID

Ciklik charge la balise Google (gtag.js) avec votre ID GA4, puis votre ID Google Ads s’il est renseigné.

• Le mode consentement est déclaré “refusé” par défaut, puis passe à “accordé” entre une demi-seconde et une seconde après le chargement de la page.
• La page vue automatique est désactivée (send_page_view: false). GA4 reçoit uniquement les pages vues listées plus bas, envoyées par le site à des étapes précises. Pour mesurer toutes vos pages vues, ajoutez une balise Google GA4 dans Google Tag Manager (voir plus bas).
• Le script est chargé sur toutes les pages, sans attendre le choix du visiteur dans le bandeau cookies.

Avec Google Tag Manager

Google Tag Manager vous permet d’ajouter vos propres balises (pop-up, bandeau, outils d’analyse) sans toucher au code du site. Pour l’affiliation Affilae, inutile : Ciklik installe lui-même ses scripts.

Ciklik ajoute votre conteneur en haut du <head> de chaque page, et sa version <noscript> en haut du <body>. Avant le conteneur, la couche de données (dataLayer) reçoit :

• default_consent : consentement ad_storage, analytics_storage, ad_user_data et ad_personalization à denied ;
• update_consent : les mêmes à granted, entre une demi-seconde et une seconde plus tard ;
• user, seulement si le client est connecté : user_id, user_agent, email_hash (empreinte SHA-256 de l’email), user_ip, et phone (téléphone de sa dernière adresse, en clair) s’il existe.

Après le chargement des scripts de suivi, un événement gdpr_accept_<service> est poussé pour chaque service actif, par exemple gdpr_accept_analytics.

Éviter les doublons

Choisissez une seule façon d’installer GA4. Si vous configurez GA4 dans Google Tag Manager, laissez le champ Google Analytics ID vide. Sinon, chaque événement est compté deux fois. Même règle pour le pixel Facebook et le pixel TikTok, que Ciklik installe déjà depuis l’onglet Trackers avancés.

Événements envoyés à Google Analytics 4

Ces événements partent directement vers GA4 quand le champ Google Analytics ID est rempli.

Événement GA4	Quand	Paramètres
page_view	Étapes du questionnaire de profil et de la personnalisation d’une formule	page_path : adresse de la page suivie de # et du numéro de l’étape
page_view	Compte créé dans le tunnel	page_path : utilisateur-enregistre.html
page_view	Étape adresse affichée	page_path : page-livraison.html
page_view	Adresse choisie	page_path : add_shipping_info
page_view	Transporteur choisi	page_path : page-transport.html
page_view	Formulaire de paiement affiché	page_path : paiement-form.html
page_view	Page de confirmation de commande	url : order-confirmation.html
sign_up	Compte créé dans le tunnel	email et eventId : empreinte SHA-256 de l’email
add_to_cart	Formule, option ou produit ajouté au panier, ou quantité augmentée	items : id, name, quantity, price
begin_checkout	Page panier affichée	ecommerce : currency, value, coupon, items
add_shipping_info	Transporteur choisi	currency, value (frais de port), coupon, shipping_tier (nom du transporteur), items : item_id, item_name, coupon, discount, price, quantity
purchase	Page de confirmation de commande	transaction_id (numéro de commande), affiliation (nom du site), value, shipping, tax, currency (EUR), items : item_id, item_name, item_category, quantity, price
action	Fiche produit du shop affichée	value : view_item, item : le produit
action	Étapes du tunnel de désabonnement	event_category : unsub, value : l’étape (voir layer_action plus bas)
action	Offre de réactivation acceptée	event_category : restart-offer, value : restart-offer-validated

Pour une commande dont la formule a un prix total défini, value et le prix de l’article reprennent ce prix total.

Événements de la couche de données (Google Tag Manager)

Ces événements sont poussés dans le dataLayer quand le champ Google Tag Manager est rempli. Dans Google Tag Manager, déclenchez vos balises avec un déclencheur Événement personnalisé qui porte exactement le nom de l’événement.

Événement dataLayer	Quand	Contenu
GA_page_view	Mêmes étapes que les page_view ci-dessus (sauf confirmation)	url : la même valeur que page_path
product_page	Fiche produit du shop affichée	ecommerce.detail.products : name, id, price, brand (product), category
addToCart	Formule, option ou produit ajouté au panier, ou quantité augmentée	ecommerce : currency, value, tax, total_discount (panier), add.products et items (l’article : name, id, price, brand, category), user_data
removeFromCart	Article retiré ou quantité diminuée	ecommerce.remove.products : l’article (au moins son id)
view_cart	Prévu dans le code, aucune page ne l’envoie aujourd’hui
begin_checkout	Page panier affichée	ecommerce : currency, value, coupon, items, tax, total_discount, user_data
sign_up	Compte créé dans le tunnel	email, eventId : empreinte SHA-256 de l’email
lead.user.registration	Compte créé dans le tunnel	lead.user.registration.email : empreinte SHA-256 de l’email
checkout	Étapes du tunnel	ecommerce.checkout.actionField : step et option (1 / new_account, 4 / delivery, 4 / transport, 5 / payment)
add_shipping_info	Adresse choisie	ecommerce : currency, value, tax, total_discount, items, user_data complété de l’adresse (prénom et nom en SHA-256, rue, ville, région, code postal, pays en clair)
add_shipping_method	Transporteur choisi	ecommerce : currency, value, tax, total_discount, items, user_data, shipping_tierce (nom du transporteur)
order.confirmation	Page de confirmation de commande	ecommerce.purchase.actionField : id, affiliation, revenue, tax, shipping, coupon ; ecommerce.purchase.products : id, item_id, item_name, item_brand, item_category, name, category, quantity, price
order.info	Page de confirmation de commande	orderDetails : orderId, total
purchase	Page de confirmation de commande	ecommerce : transaction_id, currency, value, tax, total_discount, coupon, shipping_tierce, items (name, id, price TTC, brand, category, quantity), user_data
layer_action	Personnalisation d’une formule, tunnel de désabonnement, offre de réactivation acceptée	value : composition-personnalisation, page-desabo-raisons-validees-choix-pause-ou-annulation, page-desabo-choix-pause, page-desabo-pause-x-mois-validee, page-desabo-refus-pause, page-desabo-refuse-reduction, page-desabo-accepte-reduction, page-desabo-annulation-confirmee ou restart-offer-validated

Valeurs utiles :

• brand vaut plan pour une formule, addon pour une option et product pour un produit.
• user_data n’existe que si le client est connecté : ordersCount (commandes terminées), sha256_email_address, sha256_phone_number et son adresse.
• Le coupon est le code de la réduction appliquée.
• Les événements sont poussés une seconde après l’action du visiteur.

Configurer GA4 dans Google Tag Manager

Si vous préférez gérer GA4 dans Google Tag Manager plutôt qu’avec le champ Google Analytics ID :

1. Dans votre conteneur, créez une balise Balise Google avec votre ID G-XXXXXXXXXX, déclenchée sur Initialisation - Toutes les pages. Elle envoie une page vue sur chaque page.

2. Pour chaque événement à mesurer, créez une balise Google Analytics : événement GA4 avec le nom d’événement GA4 voulu (par exemple purchase), et un déclencheur Événement personnalisé portant le nom de l’événement dataLayer (par exemple purchase).

3. Pour les événements e-commerce, cochez l’envoi des données d’e-commerce depuis la couche de données. Pour une variable précise, créez une Variable de couche de données avec le chemin indiqué dans le tableau, par exemple ecommerce.transaction_id ou ecommerce.value.

4. Vérifiez avec le mode Prévisualiser de Google Tag Manager et le DebugView de GA4, puis publiez le conteneur.

Mesurer vos ventes dans Google Ads

Ciklik n’envoie pas d’événement de conversion Google Ads (conversion avec send_to). Deux façons de compter vos ventes :

• importer dans Google Ads l’événement clé purchase de votre propriété GA4 ;
• ou créer dans Google Tag Manager une balise Suivi des conversions Google Ads, déclenchée par l’événement purchase, avec ecommerce.value comme valeur, ecommerce.transaction_id comme ID de transaction et EUR comme devise.

Tunnel de conversion et tableaux de bord

Pour suivre où vos visiteurs abandonnent, créez dans GA4 une exploration en entonnoir avec ces étapes, dans l’ordre du tunnel : begin_checkout (panier), sign_up (compte), page_view sur page-livraison.html (adresse), add_shipping_info (transporteur), page_view sur paiement-form.html (paiement), puis purchase.

Pour un tableau de bord, connectez Looker Studio (anciennement Google Data Studio) directement à votre propriété GA4.

Voir aussi

Onglets Paramètres marketing et Trackers avancés

Ajouter Facebook Ads

Ajouter votre pixel TikTok et son API de conversion

Mettre en place un programme d'affiliation via Affilae