Tutoriel vidéo - CookieFirst
Configuration de la bannière CookieFirst Consent
Configurer CookieFirst
Connectez-vous à votre compte CookieFirst et lancez la configuration.
Ajouter un domaine
Une fois connecté, allez dans la section « Paramètres de base » et ajoutez votre domaine.
Style de la bannière Consent
Nous vous recommandons de sélectionner l’option « Bannerbox » comme type de bannière et de définir la position de la bannière sur « Centré », afin que la bannière Consent soit centrée sur l’écran. Cela permet d’éviter qu’un utilisateur ne manque la bannière Consent et augmente la probabilité d’interaction avec la bannière Consent.
Ajouter des services de suivi
Ajouter un gestionnaire de balises
Ajouter Google Analytics
Ajouter Google Ads
Script CookieFirst
Il ne vous manque plus que la clé Api. Vous la trouverez dans la navigation sous le point « Votre script d’intégration ».
Installer et configurer le plugin Cookie First
Allez dans le backend Shopware et installez le plugin pour CookieFirst 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 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.
Installez et activez l’application.
Tester le CookieScript dans la boutique
La configuration est terminée. Effacez le cache de votre boutique et ouvrez votre boutique dans le frontend. Votre bannière CookieScript Consent devrait maintenant apparaître.
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 ».
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.
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.
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.
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é.
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.
Googel Consent Mode V2
Avec le paramètre CookieFirst, le plugin écoute les modifications d’événements dans CookieFirst. 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 mode de consentement V2 de Google, car CookieFirst a déjà implémenté un gestionnaire de mode de consentement par défaut.
Assurez-vous d’avoir activé le mode de consentement V2 dans CookieFirst !
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.
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 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
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.
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.
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.
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.
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é.
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.
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
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.
Revenez maintenant dans le gestionnaire de balises et ouvrez la section Variables
Il ne reste plus qu’à publier le conteneur pour qu’il soit diffusé aux utilisateurs sur le site.
Importer un conteneur Google Ads
Téléchargez le conteneur GA4.
Ouvrez votre conteneur Google Tag Manager
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.
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
Il ne reste plus qu’à publier le conteneur pour qu’il soit diffusé aux utilisateurs sur le site.
Importer un conteneur Facebook Pixel
Téléchargez le conteneur de pixels Facebook pour le gestionnaire de balises Google.
Ouvrez votre conteneur Google Tag Manager
Si vous cliquez sur « Écraser », toutes vos autres balises seront supprimées.
Si vous souhaitez conserver les balises existantes, cliquez sur « Fusionner ».
ID de pixel Facebook
Il ne vous reste plus qu’à saisir votre identifiant Facebook Pixel ID. Vous le trouverez dans votre compte Meta. Connectez-vous à la Meta Business Suite.
Revenez maintenant dans le gestionnaire de balises et ouvrez la section Variables.
Il ne reste plus qu’à publier le conteneur pour qu’il soit diffusé aux utilisateurs sur le site.
Importer la balise UET de Microsoft Ads
Téléchargez le conteneur Microsoft Ads pour le Google Tag Manager.
Ouvrez votre conteneur Google Tag Manager
Si vous cliquez sur « Écraser », toutes vos autres balises seront supprimées.
Si vous souhaitez conserver les balises existantes, cliquez sur « Fusionner ».
Microsoft UET Tag ID
Vous devez maintenant saisir votre ID de balise Microsoft UET. Vous le trouverez dans votre compte Microsoft Ads.
Créer un achat/une conversion Microsoft UET Tag
Saisir l'ID de balise Microsoft UET dans le gestionnaire de balises
Revenez maintenant dans le gestionnaire de balises et ouvrez la section Variables.
Il ne reste plus qu’à publier le conteneur pour qu’il soit diffusé aux utilisateurs sur le site.
Importer un conteneur de pixels Tiktok
Téléchargez le conteneur TikTok Pixel pour le Google Tag Manager.
Ouvrez votre conteneur Google Tag Manager
Si vous cliquez sur « Écraser », toutes vos autres balises seront supprimées.
Si vous souhaitez conserver les balises existantes, cliquez sur « Fusionner ».
TikTok Pixel ID
Il ne vous reste plus qu’à entrer votre Tiktok Pixel ID. Vous le trouverez dans votre compte TikTok. Connectez-vous à TikTok Ads Manager.
Revenez maintenant dans le gestionnaire de balises et ouvrez la section Variables.
Il ne reste plus qu’à publier le conteneur pour qu’il soit diffusé aux utilisateurs sur le site.
Importer un conteneur de pixels Pinterest
Téléchargez le conteneur de pixels Pinterest pour le gestionnaire de balises Google.
Ouvrez votre conteneur Google Tag Manager
Si vous cliquez sur « Écraser », toutes vos autres balises seront supprimées.
Si vous souhaitez conserver les balises existantes, cliquez sur « Fusionner ».
ID de pixel Pinterest
Il ne vous reste plus qu’à saisir votre ID de pixel Pinterest. Vous le trouverez dans votre compte Pinterest. Connectez-vous au Pinterst Business Hub.
Revenez maintenant dans le gestionnaire de balises et ouvrez la section Variables.
Il ne reste plus qu’à publier le conteneur pour qu’il soit diffusé aux utilisateurs sur le site.
