CCM19 Guide Tracking Plugin for Shopware 6

Table of contents

CCM19 Set up Consent Banner

CCM19 Set up consent

Log in to your CCM19 account and start the configuration.

Domain selection

CCM19 Consent Banner Einrichten Shopware 6 1
Select the domain you want to use in the upper area
CCM19 Consent Banner Dienste hinzufuegen
Click on "Integration & Cookies" in the left-hand navigation and then on "Select entry from database"

Add Google Tag Manager

CCM19 Consent Banner Tag Manager hinzufuegen
Search for "Google Tag Manager" in the search bar and activate the slider. Then click on the arrow.
CCM19 Consent Banner Tag Manager speichern
Scroll all the way down and click on "Save and close"

Add Google Analytics GA4

CCM19 Consent Banner Google Analytics GA4 anlegen
Now click on the "Select entry from database" button
CCM19 Consent Banner Google Analytics GA4 hinzufuegen
Search for "Google Analytics". Select the "Google Analytics 4" script
CCM19 Consent Banner Google Analytics GA4 speichern
Scroll all the way down and click on "Save and close"

Add Google Ads

CCM19 Consent Banner Google Ads anlegen
Click on "Select entry from database" again
CCM19 Consent Banner Google Ads hinzufuegen
Search for "Google Ads" and select "Google Ads Covnersion Tracking" and "Google Ads Remarketing". Then click on the "Add selected integration" button

Customize Consent Banner optics

CCM19 Consent Banner Themes
Click on "Themes" in the navigation bar
CCM19 Consent Banner Themes bearbeiten
Click on the "pencil" icon of your active consent banner
CCM19 Consent Banner Themes Position Mittig
Adapt your Consent Banner visually to your CI. Important: We recommend the "Center" position

We recommend that you select the “Center” option so that the Consent Banner is positioned in the middle of the screen. This increases the likelihood that a non-user will overlook it and interact with the consent banner.

CCM19 Activate Consent Banner

CCM19 Consent Banner aktivieren
If you have not yet activated your Consent Banner, you should do this on the start page.

Cookiebot has an integrated scanner that scans the website and automatically finds and lists all cookies. You do not need to make any further settings here. Please check the listed cookies before going live.

CCM19 Script

CCM19 Consent Banner Skript
Click on "Dashboard & Integration" and copy the script of your banners

Installing and setting up the CCM19 plugin

Switch to the Shopware backend and install the plugin for CCM19 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 execute it via the source code or directly via the Google Tag Manager.

If you implement CCM19 via the Google Tag Manager, make sure that you have selected “Advanced Consent Mode” in our plugin, otherwise the Tag Manager will only be loaded when someone agrees to the consent, which will not happen.

CCM19 Plugin Shopware 6 Konfigurieren
Open the "My extension" item and click on "Configure" for the "CCM19 integration" plug-in

Paste the code into the “CCM19 integration” plugin.

CCM19 Consent Banner Skript einfuegen
Paste the source code into the Script field in the Shopware 6 plugin of "CCM19-Integration"

Test CCM19 in the store

The setup is now complete. Delete your store cache and open your store in the frontend. Your CCM19 consent banner should now appear.

CCM19 Consent Banner Vorschau
The CCM19 Consent 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.

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

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.

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 “CCM19 – Consent Banner”, the Tag Manager plugin waits for event changes in the Acris Consent Banner. The Tag Manager is also only loaded by default if you agree to the consent banner.

CCM19 Shopware 6 Tracking Plugin
Select "CCM19 - Consent Banner" for the setting

Googel Consent Mode V2

With the setting “CCM19 – Consent Banner”, the plugin waits for event changes in Acris Consent Banner. Also, the Tag Manager is only loaded by default if you agree to the Consent Banner.

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 CCM19 has Google Consent Mode V2 by default.

CCM19 Shopware 6 Consent Mode V2
Deactivate the "Google Consent Mode V2" option

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

CCM19 Shopware 6 Advanced Consent Mode
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 Import Google Analytics 4 Container

Download the GA4 container.

Open your Google Tag Manager container

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.

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

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.

Open your Google Tag Manager container

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.

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

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