Set up CookieFirst Consent banner
Set up CookieFirst
Log in to your CookieFirst account and start the configuration.
Add domain
When you are logged in, go to the “Basic settings” area and add your domain.
Consent banner styling
We recommend that you select the “Banner box” option as the banner type and set the banner position to “Centered” so that the Consent Banner is positioned in the middle of the screen. This prevents a user from overlooking the consent banner and increases the likelihood of interacting with the consent banner.
Add tracking services
Add Tag Manager
Add Google Analytics
Add Google Ads
CookieFirst Script
Now all you need is the Api key. You can find this in the navigation under “Your embed script”
Install and set up the Cookie First plugin
Switch to the Shopware backend and install the plugin for CookieFirst 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 Cookiebot 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.
Install and activate the app.
Test CookieScript in the store
The setup is now complete. Delete your store cache and open your store in the frontend. Your CookieScript consent banner should now appear.
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
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.
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.
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.
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.
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 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.
Googel Consent Mode V2
With the CookieFirst setting, the plugin listens to event changes in CookieFirst. 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 CookieFirst has already implemented a Consent Mode Manager by default.
Please make sure that you have activated Consent Mode V2 in CookieFirst!
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.
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.
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
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.
Contact form value (conversion value)
You can define how valuable a completed contact form is for your company. Simply enter the value.
Coupons configuration
You can set whether graduated prices or RRP (strike prices) should be transferred to Google Analytics as coupons.
Google Tag Manager environment
If you use a special Google Tag Manger environment, for example for your testing system. You can enter it 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
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.
Now switch back to the Tag Manager and open the Variables area
Now all that remains is to publish the container so that it can be displayed to users on the website.
Import Google Ads Container
Download the GA4 container.
Open your Google Tag Manager container
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.
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
Now all that remains is to publish the container so that it can be displayed to users on the website.
Import Facebook Pixel Container
Download the Facebook Pixel Container for the Google Tag Manager.
Open your Google Tag Manager container
If you click “Overwrite”, all your other tags will be removed.
If you want to keep the existing tags, click “Merge”.
Facebook Pixel ID
Now you just need to enter your Facebook Pixel ID. You can find this in your Meta account. Log in to the Meta Business Suite.
Now switch back to the Tag Manager and open the Variables area.
Now all that remains is to publish the container so that it can be displayed to users on the website.
Import Microsoft Ads UET tag
Download the Microsoft Ads Container for the Google Tag Manager.
Open your Google Tag Manager container
If you click “Overwrite”, all your other tags will be removed.
If you want to keep the existing tags, click “Merge”.
Microsoft UET Tag ID
You can now enter your Microsoft UET Tag ID. You can find this in your Microsoft Ads account.
Create purchase/purchase conversion Microsoft UET tag
Enter Microsoft UET Tag ID in Tag Manager
Now switch back to the Tag Manager and open the Variables area.
Now all that remains is to publish the container so that it can be displayed to users on the website.
Import Tiktok Pixel Container
Download the TikTok Pixel Container for the Google Tag Manager.
Open your Google Tag Manager container
If you click “Overwrite”, all your other tags will be removed.
If you want to keep the existing tags, click “Merge”.
TikTok Pixel ID
Now all you have to do is enter your Tiktok Pixel ID. You can find these in your TikTok account. Log in to TikTok Ads Manager.
Now switch back to the Tag Manager and open the Variables area.
Now all that remains is to publish the container so that it can be displayed to users on the website.
Import Pinterest Pixel Container
Download the Pinterest Pixel Container for the Google Tag Manager.
Open your Google Tag Manager container
If you click “Overwrite”, all your other tags will be removed.
If you want to keep the existing tags, click “Merge”.
Pinterest Pixel ID
Now all you have to do is enter your Pinterest Pixel ID. You can find these in your Pinterest account. Log in to the Pinterst Business Hub.
Now switch back to the Tag Manager and open the Variables area.
Now all that remains is to publish the container so that it can be displayed to users on the website.
