Usercentrics Guide Tracking Plugin for Shopware 6

Table of contents

Install and implement Usercentrics plugin

Set up Usercentrics

Log in to your Cookiebot account and start the configuration.

To Usercentrics
To Usercentrics
Usercentrics Confguration
Click on "Configurations" and then on "Add Configuration" if you do not yet have a configuration
Usercentrics Domainhinzufuegen
Enter your domain or subdomain and click on "Add"

Set language

Usercentrics is set to English by default. It is recommended to implement all store languages in Usercentrics.

UserCentrics Sprache Deutsch einstellen
Click on "Configuration" and then on the "Setup" tab
Usercentrics Sprache hinzufuegen
Scroll all the way down to "Language Setting" and click on "+ Add Language"
Usercentrics Deutsch hinzufuegen
Search for "German" in the search and add the language using the "Add Languages" button
Usercentrics Deutsch als Standard Sprache
Activate the language using the slider. Click on the "three dots". You now have the option of setting German as the default language.

Activate Google Consent Mode

We recommend that you use Google Consent Mode from Usercentrics.

Usercentrics Google Consent Miode V2
Click on "Configuration" and then on the "CMP Setting" tab. Make sure that the "Google Consent Mode" is active.

Activate Google Consent Mode

Usercentrics Dienste hinzufuegen
Click on "Service Settings" and then on the "Data Processing Services" tab. Then click on "+ Add DPS via Database"

Add Google Tag Manager

Usercentrics Google Tag Manager hinzufuegen
Search for "Google Tag Manager" and select the first version
Usercentrics Google Tag Manager Blocker
Select the category "Functional" and for the version "Keep Service ..."

Add Google Analytics

This step must now be repeated for all further tracking codes.

Google Analytics 4 Blocker Usercentrics
Search for "Google Analytics" and select the first option
Usercentrics GA4 Tracking Blocker
Select the category "Marketing" and for the version "Keep Service ..."

Google Ads

This step must now be repeated for all further tracking codes.

Usercentrics Google Ads Tracking Blocker
Search for "Google Ads" and select the first option
Usercentrics Google Ads Tracking Blocker Automatik Update
Select the category "Marketing" and for the version "Keep Service ..."

Visual customization of the Usercentrics Consent Banner

You can make visual adjustments in the “Appearance” area

We recommend selecting the dialog option. This usually increases interaction with the consent banner.

Usercentrics Design Anpassen
You can customize the appearance of the Consent Banner under "Appearance".

Publish Usercentrics

All important settings have now been made. You must now publish the change.

Usercentrics Consent Banner veroeffentlichen
Click on the "Publish" button at the bottom left

Usercentrics Script Code

We recommend that you use the “Manual Blocking” method. With the “Auto Blocking” method, errors sometimes occur in the Shopware frontend.

Uscercentrics Skript Code fuer Shopware 6
Click on "Implementation". In the tab navigation at the top, click on "Script Tag". Select "Manual Blocking" and copy the code.

Installing and setting up the Usercentrics plugin

To the Usercentrics plugin
To the Usercentrics plugin

Switch to the Shopware backend and install the plugin for Cookiebot or integrate the code directly into the source code of the website.

You do not necessarily have to implement the code via the plugin but can also integrate it via the source code or directly via the Google Tag Manager.

If you want to implement Usercentrics via the Google Tag Manager, make sure that you have selected “Advanced Consent Mode” in our plugin, as the Tag Manager is only loaded when someone agrees to the consent, which does not happen.

Usercentrics Code in Shopware implementieren
Open the item "My extension" and click on the plugin "Usercentrics Consent Manager Appr" on "Configure"
Usercentrics Skript in Shopware Plugin Installieren
Open the item "My extension" and click on the plugin "Usercentrics Consent Manager Appr" on "Configure"

Test Usercentrics in the Shopware Store

The setup of Usercentrcis is now complete. Clear your store cache and open your store in the front end. Your Usercentrics content banner should now appear.

Usercentrics Shopware Implementierung
The Usercentrics banner should appear when you open your store

Setup Shopware Plugin | GA4 & Google Ads with Google Tag Manager

Please deactivate all other Tag Manager, GA4 and Google Ads plugins, otherwise tracking errors may occur.
Also check the analysis tab in the sales channel – nothing should be filled in here.

Andere Tracking Tools deaktivieren

Install the plugin from the Shopware Store and open the plugin in Shopware Backend.

Plugin for Shopware 6
To the Shopware Store

Go to the backend of your Shopware store and go to the Extensions section

Backend Einstellung Shopware6 GA4
Click on the plugin "GA4 & Google Ads with Google Tag Manager"

Setting the sales channels

Our plugin is compatible with the sales channels. You have the option of using the same settings for all sales channels or making individual settings for each sales channel. For example, it is possible to use a different Tag Manager container for each sales channel. If you have selected all sales channels, the settings are valid for all your sales channels.

Verkaufskanaele Shopware aendern
You have the option of making individual settings for each sales channel

Activate and deactivate plugin

You can choose to deactivate the plugin for certain channels, in which case no source code of the plugin will be executed on the individual sales channel.

Shopware Plugin deaktivieren
You have the option to deactivate the plugin for, this is also possible for the different sales channels

With the Cookiebot setting, the plugin listens to event changes in Cookiebot. Also, the Tag Manager is only loaded by default if you agree to the consent banner.

Google Tag Manager configuration

Google Tag Manager Container ID

Copy your Google Tag Manager ID from the Google Tag Manager. The Tag Manager ID starts with GTM-XXXXXX.

To the Google Tag Manager
To the Google Tag Manager
Google Tag Manager ID kopieren aus der Uebersicht
You can find the Tag Manager ID in the overview
Google Tag Manager ID kopieren aus dem Container
You can also find the Google Tag Manager ID in your Googel Tag Manager container
Shopware 6 Tag Manager Container ID
Paste your Google Tag Manager ID into the field

Manual Tag Manager Code

This function makes it possible to integrate an individual Google Tag Manager code and to implement a server-side Tag Manager. We recommend using the standard code, if the function is deactivated the user-defined script will not be loaded.

Shopware 6 Plugin Serverseitges Tracking
Leave the function deactivated if you use the standard Google Tag Manager.
Serverseitiger Google Tag Manager Shopware 6
If you are using a server-side tag manager, insert your script with "" tags

Please clarify in advance with your data protection officer whether you may use the “Advanced Consent Mode”, as the legal situation is not clear.

Consent settings

Consent Banner

With the setting “Usecentrics -Consent Banner”, the plugin listens to event changes in Usercentrics. Also, the Google Tag Manager is only loaded by default if you agree to the Consent Banner.

Usercentrics Consent Banner Shopware 6
Select "Cookiebot - Consent Banner" for the setting

Googel Consent Mode V2

With the Usercentrics setting, the plugin listens to event changes in the Usercentrics Consent Banner. Also, the Tag Manager is only loaded by default if you agree to the Consent Banner. All values are only set to “granted” after confirmation.

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

More information on Consent Mode V2

Deactivate Google Consent Mode V2, as Usercentrics already offers a Consent Mode Manager by default.

Usercentrics Google Consent Mode V2
Deactivate the option, as Usercentrics itself manages the Consent Mode V2

Please make sure that you have activated Consent Mode V2 in Usercentrics!

Google Advanced Consent Mode

By default, the Tag Manger is only loaded when the user confirms the Consent Banner. With the Advanced Consent Mode, the Google Tag Manger is loaded with the Consent Status even without consent:

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

Please clarify in advance with your data protection officer whether you may use the “Advanced Consent Mode”, as the legal situation is not clear.

More information

Usercentrics Advanced Consent Mode Shopware 6
We recommend "deactivating" the Advanced Consent Mode by default

Please clarify in advance with your data protection officer whether you may use the “Advanced Consent Mode”, as the legal situation is not clear.

GA4 configuration

You have the option to choose which tracking tools you want to use. If you deactivate a tracking tool, the DataLayer is not loaded. If you activate a tracking tool, please make sure that you have also imported the corresponding tags in the Tag Manager.

Google Analytics 4 Shopware 6
Activate GA4 if you want to use Google Analytics

Selection of marketing channels

You have the option to choose which tracking tools you want to use. If you deactivate a tracking tool, the DataLayer is not loaded. If you activate a tracking tool, please make sure that you have also imported the corresponding tag in the Tag Manager. You have the choice of the following tracking tools: Google Ads, Meta Pixel, Microsoft Advertising (bing Ads), Pinterest Ads, TikTok Ads

Marketing Pixel Tracking
Select the channels you want to track.

Setting the sales (values) for the marketing channels

You can set the turnover for the marketing channels to be with tax, without tax, with shipping or without shipping. The setting applies to all marketing channels except GA4.

Google Ads Valiue
Select your desired configuration

Contact form value (conversion value)

You can define how valuable a completed contact form is for your company. Simply enter the value.

Shopware 6 generate lead Einstellung Value
Select the channels you want to track.

Coupons configuration

You can set whether graduated prices or RRP (strike prices) should be transferred to Google Analytics as coupons.

Shopware 6 Staffelpreise als Coupons
Activate the option if you want the scale prices to be transferred as a coupon
UVP als Coupon
Activate the option if you want the RRP (strike prices) to be transferred as a coupon

Google Tag Manager environment

If you use a special Google Tag Manger environment, for example for your testing system. You can enter it here.

Google Tag Manager Umgebung
Insert the URL of your Tag Manager environment here

Download the container templates

You can download the respective container for each ad channel. All settings have already been made here.

All you have to do is enter your personal Pixel ID under Variables.

GA4 Container Download
Google Ads Container Download
Microsoft Ads Container Download
Facebook Pixel Container Download
TikTok Pixel Container Download
Pinterest Pixel Container Download

GA4 Import Google Analytics 4 Container

Download the GA4 container.

GA4 Container Download

Open your Google Tag Manager container

To the Google Tag Manager
To the Google Tag Manager
Google Tag Manager Container importieren
Open your container and click on "Administration"
Google Tag Manager Tracking Container importieren
Click on "Import container" in the Container column
Google Tag Manager Container ID auswaehlen
Click on "Select container file" and select the file with the extension .json
GA4 Container Import Start
Select "Default Workspace" or your own workspace. Click on "Merge" and "Conflicting tags,... Rename"

If you click “Overwrite”, all your other tags will be removed.
If you want to keep the existing tags, click “Merge”.

GA4 Measurement ID

Now you just need to enter your GA4 measurement ID. You can find this in your GA4 account. Log in to Google Analytics 4.

About Google Analytics
About Google Analytics
Google Analytics GA4 EInstellung
Switch to the account you want to set up and click on "Settings" at the bottom left
Google Analytics 4 Datenstreams
Open "Data collection and ...." and click on "Data streams" and open your data stream
Google Analytics 4 Steam ID kopieren
Copy your GA4 measurement ID

Now switch back to the Tag Manager and open the Variables area

To the Google Tag Manager
To the Google Tag Manager
GA4 Mess ID Tauschen
In the Tag Manager overview, click on "Variables" and then on the variable "01-GA4 Mess ID"
GA4 Variable Mess ID
In the Tag Manager overview, click on "Variables" and then on the variable "01-GA4 Mess ID"

Now all that remains is to publish the container so that it can be displayed to users on the website.

Google Tag Manager veroeffentlichen
Click on the "Seden" button at the top right and publish your container
Google Tag Manager Version veroeffentlichen
You can optionally enter a version name. Click on the "Publish" button at the top right

Import Google Ads Container

Download the GA4 container.

Google Ads Container Download

Open your Google Tag Manager container

To the Google Tag Manager
To the Google Tag Manager
Google Tag Manager Container importieren
Open your container and click on "Administration"
Google Tag Manager Tracking Container importieren
Click on "Import container" in the Container column
Google Tag Manager Container ID auswaehlen
Click on "Select container file" and select the file with the extension .json
Google Ads Container Importieren Google Tag Manager
Select "Default Workspace" or your own workspace. Click on "Merge" and "Conflicting tags,... Rename"

If you click “Overwrite”, all your other tags will be removed.
If you want to keep the existing tags, click “Merge”.

Google Conversion ID and Conversion Label

Now you only need to replace two variables. Once the conversion ID and the conversion label for the purchase event.

About Google Ads
About Google Ads
Google Ads Conversion Uebersicht
Click on "Target project" in the left navigation and then on "Summary", click on your purchase conversion or create a new one.
Google Ads Conversion Einstellungen
Expand the "Tag setup" area
Google Ads Conversion Tag Manager Code
Select the option "Use Google Tag Manager"
Google Ads Converison Id und Conversion Label
Copy the "Conversion ID" and the "Conversion label"

If you use “Enhanced Conversion”, select “via Google Tag Manger” instead of “Google Tag”.

Now switch back to the Tag Manager and open the Variables area

To the Google Tag Manager
To the Google Tag Manager
Tag Manager Google ADs Conversion ID
Click on "Variables" and then on the variable "02-01-Conversion-ID"
Google Tag Manager Conversion ID
Enter your "Conversion ID" in the field which you have previously copied from Google Ads and click on "Save" at the top right
Google Tag Manager Converion Label Purchase Event
Enter your "Conversion ID" in the field which you have previously copied from Google Ads and click on "Save" at the top right

Now all that remains is to publish the container so that it can be displayed to users on the website.

Google Tag Manager veroeffentlichen
Click on the "Seden" button at the top right and publish your container
Google Tag Manager Version veroeffentlichen
You can optionally enter a version name. Click on the "Publish" button at the top right
MISSION OM GmbH
Mittelstrasse 11/1
70180 Stuttgart
+49 711 / 97 95 99 94
info@mission-om.de