CCM19 Guide - Plugin de suivi pour Shopware 6

Table des matières

CCM19 Configurer la bannière Consent

CCM19 Configurer le consentement

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

Choix du domaine

CCM19 Consent Banner Einrichten Shopware 6 1
Dans la partie supérieure, choisissez le domaine que vous souhaitez utiliser
CCM19 Consent Banner Dienste hinzufuegen
Cliquez dans la navigation de gauche sur "Intégration & Cookies" puis sur "Sélectionner une entrée dans la base de données".

Ajouter Google Tag Manager

CCM19 Consent Banner Tag Manager hinzufuegen
Dans la barre de recherche, recherchez "Google Tag Manager" et activez le curseur. Cliquez ensuite sur la flèche.
CCM19 Consent Banner Tag Manager speichern
Faites défiler jusqu'en bas et cliquez sur "Enregistrer et fermer".

Ajouter Google Analytics GA4

CCM19 Consent Banner Google Analytics GA4 anlegen
Cliquez maintenant sur le bouton "Sélectionner une entrée dans la base de données".
CCM19 Consent Banner Google Analytics GA4 hinzufuegen
Recherchez "Google Analytics". Sélectionnez le script "Google Analytics 4".
CCM19 Consent Banner Google Analytics GA4 speichern
Faites défiler jusqu'en bas et cliquez sur "Enregistrer et fermer".

Ajouter Google Ads

CCM19 Consent Banner Google Ads anlegen
Cliquez à nouveau sur "Sélectionner une entrée dans la base de données".
CCM19 Consent Banner Google Ads hinzufuegen
Recherchez "Google Ads" et sélectionnez "Google Ads Covnersion Tracking" et "Google Ads Remarketing". Cliquez ensuite sur le bouton "Ajouter l'intégration sélectionnée".

Personnaliser l'apparence de la bannière Consent

CCM19 Consent Banner Themes
Cliquez dans la navigation sur "Thèmes".
CCM19 Consent Banner Themes bearbeiten
Cliquez sur l'icône "crayon" de votre bannière de consent active.
CCM19 Consent Banner Themes Position Mittig
Adaptez votre bannière Consent à votre identité visuelle. Important : Nous recommandons de placer la bannière au "centre".

Nous vous recommandons de sélectionner l’option « centré » afin que la bannière Consent soit centrée sur l’écran. Cela augmente la probabilité qu’un non-utilisateur ne la voie pas et interagisse avec la bannière Consent.

CCM19 Activer la bannière Consent

CCM19 Consent Banner aktivieren
Si vous n'avez pas encore activé votre bannière Consent, vous devriez le faire sur la page d'accueil.

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 CCM19

CCM19 Consent Banner Skript
Cliquez sur "Tableau de bord et intégration" Copiez le script de vos bannières

Installer et configurer le plugin CCM19

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

Vous n’êtes pas obligé d’implémenter le code via le plug-in, vous pouvez également l’exécuter via le code source ou directement via Google Tag Manager.

Si vous implémentez le CCM19 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.

CCM19 Plugin Shopware 6 Konfigurieren
Ouvrez l'option "Mon extension" et cliquez sur "Configurer" pour le plugin "Intégration CCM19".

Collez le code dans le plugin « Intégration CCM19 ».

CCM19 Consent Banner Skript einfuegen
Collez le code source dans le champ Script du plugin Shopware 6 de "CCM19-Integration".

Essayer le CCM19 dans la boutique

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

CCM19 Consent Banner Vorschau
La bannière CCM19 Consent 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

Avec le paramètre « CCM19 – Bannière de consentement », le plugin Tag Manager attend les modifications d’événements dans la bannière de consentement Acris. De même, le Tag Manager n’est chargé par défaut que si vous acceptez la bannière de consentement.

CCM19 Shopware 6 Tracking Plugin
Sélectionnez "CCM19 - Bannière de consentement" dans le paramètre

Googel Consent Mode V2

Avec le paramètre « CCM19 – Consent Banner », le plugin attend les modifications d’événements dans Acris Consent Banner. De même, le Tag Manager n’est chargé par défaut que si vous acceptez la bannière Consent.

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 CCM19 possède nativement le Google Consent Mode V2.

CCM19 Shopware 6 Consent Mode V2
Décochez l'option "Google Consent Mode V2".

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

CCM19 Shopware 6 Advanced Consent Mode
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.