Usercentrics Guide - Plugin de suivi pour Shopware 6

Table des matières

Installer et mettre en œuvre le plugin Usercentrics

Mettre en place des usercentrics

Connectez-vous à votre compte Cookiebot et lancez la configuration.

Usercentrics Confguration
Cliquez sur "Configurations", puis sur "Add Configuration" si vous n'avez pas encore de configuration.
Usercentrics Domainhinzufuegen
Saisissez votre domaine ou sous-domaine et cliquez sur "Add".

Régler la langue

Par défaut, Usercentrics est configuré en anglais. Il est recommandé d’implémenter toutes les langues de la boutique dans Usercentrics.

UserCentrics Sprache Deutsch einstellen
Cliquez sur "Configuration", puis sur l'onglet "Configuration".
Usercentrics Sprache hinzufuegen
Faites défiler la page jusqu'à "Language Setting" et cliquez sur "+ Add Language".
Usercentrics Deutsch hinzufuegen
Cherchez "French" dans la recherche et ajoutez la langue en cliquant sur le bouton "Add Languages".
Usercentrics Deutsch als Standard Sprache
Activez la langue à l'aide du curseur. Cliquez sur les "trois points". Vous avez maintenant la possibilité de choisir l'allemand comme langue par défaut.

Activer le mode Google Consent

Nous vous recommandons d’utiliser le mode Google Consent de Usercentrics.

Usercentrics Google Consent Miode V2
Cliquez sur "Configuration", puis sur l'onglet "CMP Setting". Assurez-vous que le "Google Consent Mode" est actif.

Activer le mode Google Consent

Usercentrics Dienste hinzufuegen
Cliquez sur "Service Settings", puis sur l'onglet "Data Processing Services". Cliquez ensuite sur "+ Add DPS via Database".

Ajouter Google Tag Manager

Usercentrics Google Tag Manager hinzufuegen
Recherchez "Google Tag Manager" et sélectionnez la première version
Usercentrics Google Tag Manager Blocker
Sélectionnez la catégorie "Functional" et pour la version "Keep Service ...".

Ajouter Google Analytics

Cette étape doit maintenant être répétée pour tous les autres codes de suivi.

Google Analytics 4 Blocker Usercentrics
Recherchez "Google Analytics" et sélectionnez la première option
Usercentrics GA4 Tracking Blocker
Sélectionnez la catégorie "Marketing" et pour la version "Keep Service ...".

Google Ads

Cette étape doit maintenant être répétée pour tous les autres codes de suivi.

Usercentrics Google Ads Tracking Blocker
Recherchez "Google Ads" et sélectionnez la première option
Usercentrics Google Ads Tracking Blocker Automatik Update
Sélectionnez la catégorie "Marketing" et pour la version "Keep Service ...".

Personnalisation visuelle de la bannière Usercentrics Consent

Dans la section « Apparence », vous pouvez effectuer des ajustements visuels

Nous vous recommandons de choisir l’option Dialogue. Cela augmente généralement une interaction avec la bannière Consent.

Usercentrics Design Anpassen
Sous "Apparence", vous pouvez personnaliser l'apparence de la bannière de consentement.

Publier Usercentrics

Tous les paramètres importants ont maintenant été définis. Il faut maintenant publier la modification.

Usercentrics Consent Banner veroeffentlichen
Cliquez sur le bouton "Publier" en bas à gauche.

Code de script Usercentrics

Nous vous recommandons d’utiliser la méthode « Manual Blocking ». Avec la méthode « Auto Blocking », des erreurs se produisent parfois dans le frontend Shopware.

Uscercentrics Skript Code fuer Shopware 6
Cliquez sur "Implementation". Dans l'onglet de navigation en haut, cliquez sur "Script Tag". Sélectionnez "Manual Blocking" et copiez le code.

Installer et configurer le plugin Usercentrics

Allez dans le backend Shopware et installez le plugin pour Cookiebot ou intégrez le code directement dans le code source du site.

Vous n’êtes pas obligé d’implémenter le code via le plugin, vous pouvez également l’intégrer via le code source ou directement via Google Tag Manager.

Si vous souhaitez implémenter Usercentrics via Google Tag Manager, assurez-vous que vous avez sélectionné « Advanced Consent Mode » dans notre plugin, car le Tag Manager n’est pas chargé tant que quelqu’un n’a pas accepté le consentement, ce qui ne se produit pas.

Usercentrics Code in Shopware implementieren
Ouvrez l'option "Mon extension" et cliquez sur "Configurer" sur le plugin "Usercentrics Consent Manager Appr".
Usercentrics Skript in Shopware Plugin Installieren
Ouvrez l'option "Mon extension" et cliquez sur "Configurer" sur le plugin "Usercentrics Consent Manager Appr".

Tester Usercentrics dans le Shopware Store

La configuration de Usercentrcis est terminée. Effacez le cache de votre boutique et ouvrez votre boutique en avant. Votre bannière Usercentrics Consent devrait maintenant apparaître.

Usercentrics Shopware Implementierung
La bannière Usercentrics doit apparaître à l'ouverture de votre boutique.

Configuration du plugin Shopware | GA4 & Google Ads avec Google Tag Manager

Veuillez désactiver tous les autres plugins Tag Manager, GA4 et Google Ads, sinon des erreurs de suivi peuvent se produire.
Vérifiez également l’onglet Analyse du canal de vente.

Installez le plugin depuis le Shopware Store et ouvrez le plugin dans Shopware Backend.

Allez dans la partie « Backing » de votre boutique Shopware et allez dans la section « Extensions ».

Backend Einstellung Shopware6 GA4
Cliquez sur le plugin "GA4 & Google Ads avec Google Tag Manager".

Réglage des canaux de vente

Notre plugin est compatible avec les canaux de vente Vous avez la possibilité d’utiliser les mêmes paramètres pour tous les canaux de vente ou d’effectuer des réglages individuels pour chaque canal de vente. Par exemple, il est possible d’utiliser un conteneur Tag Manager différent pour chaque canal de vente. Si vous avez sélectionné tous les canaux de vente, les paramètres sont valables pour tous vos canaux de vente.

Verkaufskanaele Shopware aendern
Vous avez la possibilité de définir des paramètres individuels pour chaque canal de vente.

Activer et désactiver le plugin

Vous pouvez choisir de désactiver le plugin pour certains canaux, auquel cas aucun code source du plugin ne sera exécuté sur le canal de vente individuel.

Shopware Plugin deaktivieren
Vous avez la possibilité de désactiver le plugin pour les différents canaux de vente.

En configurant Cookiebot, le plugin écoute les modifications d’événements dans Cookiebot. De même, le gestionnaire de balises n’est chargé par défaut que si vous acceptez la bannière de contenu.

Configuration de Google Tag Manager

ID de conteneur Google Tag Manager

Copiez votre ID Google Tag Manager à partir de Google Tag Manager. L’ID du gestionnaire de balises commence par GTM-XXXXXX.

Google Tag Manager ID kopieren aus der Uebersicht
Vous trouverez l'identifiant du Tag Manager dans l'aperçu
Google Tag Manager ID kopieren aus dem Container
Vous pouvez également trouver l'identifiant Google Tag Manager dans votre conteneur Googel Tag Manager.
Shopware 6 Tag Manager Container ID
Collez votre ID Google Tag Manager dans le champ

Code du gestionnaire de balises manuel

Cette fonctionnalité permet d’intégrer un code personnalisé Google Tag Manger ainsi que d’implémenter un gestionnaire de balises côté serveur. Nous recommandons d’utiliser le code par défaut, si la fonction est désactivée, le script personnalisé ne sera pas chargé.

Shopware 6 Plugin Serverseitges Tracking
Laissez cette fonctionnalité désactivée si vous utilisez le gestionnaire de balises Google standard.
Serverseitiger Google Tag Manager Shopware 6
Si vous utilisez un gestionnaire de balises côté serveur, insérez votre script avec des balises "".

Veuillez vérifier au préalable avec votre délégué à la protection des données si vous pouvez utiliser le « Advanced Consent Mode », car la situation juridique n’est pas claire.

Paramètres de consentement

Bannière de consentement

En définissant « Usecentrics -Consent Banner », le plugin écoute les modifications d’événements dans Usercentrics. De même, le Google Tag Manager n’est chargé par défaut que si vous acceptez la bannière Consent.

Usercentrics Consent Banner Shopware 6
Sélectionnez "Cookiebot - Consent Banner" dans le paramètre

Googel Consent Mode V2

Avec le paramètre Usercentrics, le plugin écoute les modifications d’événements dans la bannière Usercentrics Consent. De même, le gestionnaire de balises n’est chargé par défaut que si vous acceptez la bannière de consentement. Ce n’est qu’après confirmation que toutes les valeurs sont définies sur « granted ».

ad_user_data : ‘granted’,
ad_personalization : ‘granted’,
ad_storage : ‘granted’,
analytics_storage : ‘granted

Plus d’informations sur le Consent Mode V2

Désactivez Google Consent Mode V2, car Usercentrics propose déjà un gestionnaire de mode de consentement.

Usercentrics Google Consent Mode V2
Désactivez cette option car Usercentrics gère lui-même le mode de consentement V2.

Veillez à activer le Consent Mode V2 dans Usercentrics !

Google Advanced Consent Mode

Par défaut, le Tag Manger n’est pas chargé tant que l’utilisateur n’a pas confirmé la bannière de consentement. Avec le mode de consentement avancé, le Google Tag Manger est chargé même sans consentement avec le statut de consentement :

‘ad_storage’ : ‘denied’,
‘ad_user_data’ : ‘denied’,
‘ad_personalization’ : ‘denied’,
‘analytics_storage’ : ‘denied

Veuillez vérifier au préalable avec votre délégué à la protection des données si vous pouvez utiliser le « Advanced Consent Mode », car la situation juridique n’est pas claire.

Plus d’informations

Usercentrics Advanced Consent Mode Shopware 6
Nous recommandons de "désactiver" le mode de consentement avancé par défaut.

Veuillez vérifier au préalable avec votre délégué à la protection des données si vous pouvez utiliser le « Advanced Consent Mode », car la situation juridique n’est pas claire.

Configuration du GA4

Vous avez la possibilité de choisir les outils de suivi que vous souhaitez utiliser. Si vous désactivez un outil de suivi, le DataLayer ne sera pas chargé. Veuillez noter que si vous activez un outil de suivi, vous devez également avoir importé les balises correspondantes dans le gestionnaire de balises.

GA4 aktivieren oder deaktivieren
Activez GA4 si vous souhaitez utiliser Google Analytics

GA4 Prix nets ou bruts

GA4 a spécifié dans la documentation que le « price » et la « value » doivent être indiqués en net et que la taxe et l’expédition ne doivent pas être incluses dans la « value » et le « price » :
« Définissez value comme la somme de (price * quantity) pour tous les éléments dans items. N’indiquez pas shipping ou tax ». En savoir plus

GA4 Netto Wert Einstellung
Nous recommandons d'utiliser les valeurs nettes pour "Value" et "Price".

Sélection des canaux marketing

Vous avez la possibilité de choisir les outils de suivi que vous souhaitez utiliser. Si vous désactivez un outil de suivi, la couche de données ne sera pas chargée. Veuillez noter que si vous activez un outil de suivi, vous devez également avoir importé les balises correspondantes dans le gestionnaire de balises. Vous avez le choix entre les outils de suivi suivants : Google Ads, Meta Pixel, Microsoft Advertising (bing Ads), Pinterest Ads, TikTok Ads.

Marketing Pixel Tracking
Sélectionnez les canaux que vous souhaitez suivre.

Réglage du chiffre d'affaires (valeurs) pour les canaux marketing

Vous pouvez configurer le chiffre d’affaires des canaux marketing de manière à ce qu’il comprenne les taxes, les taxes non comprises, les frais de port ou les frais de port non compris. Ce paramètre s’applique à tous les canaux marketing, à l’exception du canal GA4.

Google Ads Valiue
Choisissez la configuration qui vous convient

Valeur du formulaire de contact (valeur de conversion)

Vous pouvez définir la valeur d’un formulaire de contact rempli pour votre entreprise. Il vous suffit de saisir la valeur.

Shopware 6 generate lead Einstellung Value
Sélectionnez les canaux que vous souhaitez suivre.

Coupons Configuration

Vous pouvez définir si les prix échelonnés ou les prix de vente conseillés (prix barrés) doivent être transmis à Google Analytics sous forme de coupons.

Shopware 6 Staffelpreise als Coupons
Activez l'option si vous souhaitez que les prix échelonnés soient transmis sous forme de coupon.
UVP als Coupon
Activez l'option si vous souhaitez que les prix de vente conseillés (prix barrés) soient transmis sous forme de coupon.

Suivi des paramètres UTM pour les commandes

Pour que vous puissiez voir la source de chaque commande dans le backend Shopware, vous pouvez activer cette fonction. Les paramètres « campaignCode » et « affiliateCode » seront alors automatiquement décrits avec l’attribution du dernier clic. Si un « campaignCode » ou un « affiliateCode » existe dans l’URL, il ne sera pas écrasé.

UTM Parameter Tracking
Activez cette option si vous souhaitez voir d'où vient l'utilisateur pour chaque commande.
UTM Parameter Tracking Anischt Einblenden
Affichez la vue dans "Commandes" "Aperçu" en haut à droite de la "Navigation Burger" "Code d'affiliation" et "Code de campagne".

Environnement Google Tag Manager

Si vous utilisez un environnement Google Tag Manger spécifique, par exemple pour votre système de test. Vous pouvez l’ajouter ici.

Google Tag Manager Umgebung
Insérez ici l'URL de votre environnement Tag Manager

Télécharger les modèles de conteneurs

Pour chaque canal publicitaire, vous pouvez télécharger le conteneur correspondant. Ici, tous les paramètres sont déjà définis.

Il ne vous reste plus qu’à saisir votre Pixel ID personnel sous Variables.

GA4 Importer un conteneur Google Analytics 4

Téléchargez le conteneur GA4.

Ouvrez votre conteneur Google Tag Manager

Google Tag Manager Container importieren
Ouvrez votre Conainer et cliquez sur "Administration".
Google Tag Manager Tracking Container importieren
Dans la colonne Conteneur, cliquez sur "Importer un conteneur".
Google Tag Manager Container ID auswaehlen
Cliquez sur "Sélectionner un fichier conteneur" et sélectionnez le fichier avec l'extension .json.
GA4 Container Import Start
Sélectionnez "Default Workspace" ou votre propre espace de travail. Cliquez sur "Fusionner" et "Renommer les tags en conflit,... Renommer".

Si vous cliquez sur « Écraser », toutes vos autres balises seront supprimées.
Si vous souhaitez conserver les balises existantes, cliquez sur « Fusionner ».

GA4 ID de mesure

Il ne vous reste plus qu’à saisir votre ID de mesure GA4. Vous le trouverez dans votre compte GA4. Connectez-vous à Google Analytics 4.

Google Analytics GA4 EInstellung
Accédez au compte que vous souhaitez configurer et cliquez sur "Paramètres" en bas à gauche.
Google Analytics 4 Datenstreams
Ouvrez "Collecte de données et ....", cliquez sur "Flux de données" et ouvrez votre flux de données.
Google Analytics 4 Steam ID kopieren
Copiez votre ID de mesure GA4

Revenez maintenant dans le gestionnaire de balises et ouvrez la section Variables

GA4 Mess ID Tauschen
Dans l'aperçu du gestionnaire de balises, cliquez sur "Variables" puis sur la variable "01-GA4 Mess ID".
GA4 Variable Mess ID
Dans l'aperçu du Tag Manager, cliquez sur "Variables" puis sur la variable "01-GA4 Mess ID".

Il ne reste plus qu’à publier le conteneur pour qu’il soit diffusé aux utilisateurs sur le site.

Google Tag Manager veroeffentlichen
Cliquez en haut à droite sur le bouton "Seden" et publiez votre conteneur
Google Tag Manager Version veroeffentlichen
Vous pouvez éventuellement saisir un nom de version. Cliquez sur le bouton "Publier" en haut à droite.

Importer un conteneur Google Ads

Téléchargez le conteneur GA4.

Ouvrez votre conteneur Google Tag Manager

Google Tag Manager Container importieren
Ouvrez votre Conainer et cliquez sur "Administration".
Google Tag Manager Tracking Container importieren
Dans la colonne Conteneur, cliquez sur "Importer un conteneur".
Google Tag Manager Container ID auswaehlen
Cliquez sur "Sélectionner un fichier conteneur" et choisissez le fichier avec l'extension .json
Google Ads Container Importieren Google Tag Manager
Sélectionnez "Default Workspace" ou votre propre espace de travail. Cliquez sur "Fusionner" et "Renommer les tags en conflit,... Renommer".

Si vous cliquez sur « Écraser », toutes vos autres balises seront supprimées.
Si vous souhaitez conserver les balises existantes, cliquez sur « Fusionner ».

Google Conversion ID et label de conversion

Il ne vous reste plus qu’à remplacer deux variables. L’une est l’ID de conversion et l’étiquette de conversion pour l’événement d’achat.

Google Ads Conversion Uebersicht
Cliquez sur "Objectifs" dans le menu de gauche, puis sur "Résumé". Cliquez sur votre conversion d'achat ou créez-en une nouvelle.
Google Ads Conversion Einstellungen
Développez la section "Configuration du tag".
Google Ads Conversion Tag Manager Code
Sélectionnez l'option "Utiliser Google Tag Manager".
Google Ads Converison Id und Conversion Label
Copiez l'"ID de conversion" et le "label de conversion".

Si vous utilisez « Conversion avancée » (Enhanced Converion), sélectionnez « via Google Tag Manger » au lieu de « Google Tag ».

Revenez maintenant dans le gestionnaire de balises et ouvrez la section Variables

Tag Manager Google ADs Conversion ID
Cliquez sur "Variables" puis sur la variable "02-01-Conversion-ID".
Google Tag Manager Conversion ID
Saisissez votre "ID de conversion" dans le champ que vous avez copié précédemment depuis Google Ads et cliquez sur "Enregistrer" en haut à droite.
Google Tag Manager Converion Label Purchase Event
Saisissez votre "ID de conversion" dans le champ que vous avez copié précédemment depuis Google Ads et cliquez sur "Enregistrer" en haut à droite.

Il ne reste plus qu’à publier le conteneur pour qu’il soit diffusé aux utilisateurs sur le site.

Google Tag Manager veroeffentlichen
Cliquez en haut à droite sur le bouton "Seden" et publiez votre conteneur
Google Tag Manager Version veroeffentlichen
Vous pouvez éventuellement saisir un nom de version. Cliquez sur le bouton "Publier" en haut à droite.