Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

Implémenter Consent Mode v2 et suivi GA4 achats

charlotte_digital

Bonjour à tous,

Je suis face à un gros casse-tête pour mettre en place le Google Consent Mode v2 sur ma boutique. Avec les nouvelles exigences européennes, il faut absolument envoyer les signaux ad_storage, ad_user_data et analytics_storage à Google, sinon mes campagnes Ads ne reçoivent plus de conversions fiables. Le problème, c'est que mes conversions d'achat sur GA4 sont devenues fantomatiques depuis la mise en place de la bannière de cookies.

J'aimerais savoir comment intégrer proprement le Consent Mode v2 avec ma bannière existante, et surtout comment assurer un suivi des achats GA4 dit 'côté serveur' (ou du moins très robuste et non bloqué par le client) sur PrestaShop 1.7.x.

Les modules GA par défaut ne semblent pas du tout adaptés. Si quelqu'un a déjà mis ça en place, je suis preneuse de toute aide ! Merci d'avance.

arthur13

Salut @charlotte_digital,

Ah oui, la transition vers le Consent Mode v2 est un enfer pour beaucoup de sites sur d'anciennes versions de PrestaShop. Avant de te donner des pistes, peux-tu nous préciser la version exacte de ton PrestaShop et la version de PHP que tu utilises ? Ça peut changer pas mal de choses pour les modifications de code.

L'idée du 'côté serveur' est bonne pour la fiabilité, mais c'est souvent plus complexe à mettre en œuvre sans un module dédié ou une grosse customisation sur PS 1.7.x. La plupart des solutions se basent sur un dataLayer bien construit côté client, mais en respectant les consentements.

Milo

Bonjour @charlotte_digital,

@arthur13 a raison, la version est cruciale. Sur PrestaShop 1.7.6.1, sans Symfony Mailer pour le serveur, ni des hooks dédiés pour le consentement, il faut ruser un peu. Voici comment on procède généralement :

Implémentation du Consent Mode v2 (dataLayer) :
Il faut insérer le snippet gtag('consent', 'default', ...) dans votre fichier themes/classic/templates/_partials/head.tpl (ou votre thème enfant) avant l'inclusion de votre Google Tag Manager ou script GA4. Initialisez tous les stockages à 'denied' par défaut.

<script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('consent', 'default', {
            'ad_storage': 'denied',
            'ad_user_data': 'denied',
            'ad_personalization': 'denied',
            'analytics_storage': 'denied'
        });
    </script>

Ensuite, la logique de votre bannière de cookies doit appeler gtag('consent', 'update', { ... }) avec les statuts 'granted' ou 'denied' en fonction du choix de l'utilisateur. Cela doit se faire après l'acceptation des cookies.

Suivi des achats GA4 (données serveur) :
Pour le suivi des achats, les données proviennent du serveur (informations de commande). Il faut les pousser dans le dataLayer sur la page de confirmation de commande. Modifiez themes/classic/templates/checkout/order-confirmation.tpl.

{if isset($order) && $order.products}
    <script>
        dataLayer.push({
            'event': 'purchase',
            'ecommerce': {
                'transaction_id': '{$order.reference}',
                'value': '{$order.total_products_wt|replace:',':'.'}',
                'currency': '{$currency.iso_code}',
                'items': [
                    {foreach from=$order.products item=product}

Ce code doit être placé en bas du order-confirmation.tpl. Assurez-vous que votre GTM est configuré pour écouter l'événement purchase et envoyer les données à GA4, en respectant les consentements analytics_storage et ad_storage via vos déclencheurs. Le 'côté serveur' ici signifie que les données de transaction sont fournies par PrestaShop (serveur) avant d'être envoyées par le navigateur au GTM/GA4.

charlotte_digital

Merci beaucoup @Milo pour ces explications très claires et les extraits de code ! C'est exactement ce qu'il me fallait. J'ai un PrestaShop 1.7.6.1 et le code fourni pour le head.tpl et l'intégration des achats dans order-confirmation.tpl est parfait.

J'ai mis en place le gtag('consent', 'default', ...) et relié ma bannière au gtag('consent', 'update', ...) comme tu l'as suggéré. Le suivi des achats semble bien repartir dans GA4 et je devrais récupérer mes signaux pour Google Ads.

Un grand merci pour ton aide précieuse, ça m'enlève une grosse épine du pied !