Cookiebot Guide - Plugin de suivi pour Shopware 6

Table des matières

Instructions vidéo - Cookiebot

Installer et mettre en œuvre le plugin Cookiebot

Configurer un robot de cookie

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

Ajouter un domaine

Une fois connecté, allez dans la section « Domaines & Alias » et ajoutez votre domaine.

Cookiebot Consent Banner einrichten
Cliquez sur "Domaine & alias" dans la barre de navigation à gauche et ajoutez votre domaine.

Dans le champ « Domaine », insérez votre domaine ou sous-domaine. Si vous utilisez un sous-domaine (shop.plugin-mom.dev), vous devez également le saisir, sinon la bannière Consent ne sera pas chargée.

Cookiebot Domain anlegen
Saisissez votre domaine ou sous-domaine

Votre domaine est maintenant créé et s’affiche dans le tableau de bord.

Cookiebot Domain Uebersicht
Cliquez sur votre domaine ou sous-domaine créé.

Ajuster l'apparence de la bannière Consent

Cookiebot Banner Konfigurieren
Cliquez sur "Configuration" dans la vue d'ensemble

Nous vous recommandons de sélectionner l’option « Dialogue » afin de centrer la bannière Consent sur l’écran et d’augmenter la probabilité qu’un utilisateur non consentant ne la voie pas et interagisse avec la bannière Consent.

Cookiebot mittig positionieren
Cliquez sur la mise en page souhaitée. Nous vous recommandons de choisir "Dialogue".

Personnaliser la langue

Ajoutez le français comme langue. Si vous utilisez d’autres langues dans votre boutique, ajoutez également les langues correspondantes.

Cookiebot auf deutsch einstellen
Cliquez sur la mise en page souhaitée. Nous vous recommandons de choisir "Dialogue".
Cookiebot Sprachen
Ajoutez le français comme langue et toutes les autres langues que vous proposez dans votre boutique.

Cookiebot dispose d’un scanner intégré qui scanne le site web et trouve automatiquement tous les cookies et les répertorie. Vous n’avez pas besoin d’effectuer d’autres réglages. Veuillez vérifier la liste des cookies avant de vous connecter.

Script Cookiebot

Nous recommandons de sélectionner le « Manual blocking ». Avec « Autoblocking », il arrive que Cookiebot bloque des scripts importants de Shopware, ce qui entraîne une erreur sur le site.

Cookiebot Script kopieren
Cliquez sur "Implementation", puis sur "Manual blocking". Copiez le script en cliquant sur "Copy to clipboard".

Installer et configurer le plugin Cookiebot

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’exécuter via le code source ou directement via Google Tag Manager.

Si vous implémentez Cookiebot via Google Tag Manager, assurez-vous que vous avez sélectionné « Advanced Consent Mode » dans notre plugin, sinon le Tag Manager ne sera pas chargé tant que quelqu’un n’aura pas accepté le consentement, ce qui ne se produira pas.

Cookiebot Shopware 6 Plugin Konifgurieren
Ouvrez l'option "Mon extension" et cliquez sur "Configurer" pour le plugin "Usercentrics Cookiebot Consent Banner".

Collez le code dans le plugin « Usercentrics Cookiebot Consent ».

Cookiebot Shopware 6 Plugin Code
Collez le code source dans le champ Script du plugin Shopware 6 de "Usercentrics Cookiebot Consent".

Tester Cookiebot dans la boutique

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

Cookiebot fuer Shopware 6
La bannière Cookiebot doit apparaître lorsque vous accédez à 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 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.

Consentbanner Einstellung Cookiebot
Sélectionnez "Cookiebot - Consent Banner" dans le paramètre

Googel Consent Mode V2

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.

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

Plus d’informations sur le Consent Mode V2

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

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

Assurez-vous d’avoir activé le mode de consentement V2 dans Cookiebot !

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

Advanced Consent Mode Cookiebot 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.