Cookiebot handleiding - Volg plugin voor Shopware 6

Inhoudsopgave

Video tutorial - Cookiebot

Cookiebot-plugin installeren en implementeren

Cookiebot instellen

Log in op je Cookiebot-account en start de configuratie.

Domein toevoegen

Zodra u bent aangemeld, gaat u naar het gedeelte “Domeinen & Alias” en voegt u uw domein toe.

Cookiebot Consent Banner einrichten
Klik op "Domein & Aliassen" in de navigatie aan de linkerkant en voeg je domein toe

Voer je domein of subdomein in het veld “Domein” in. Als je een subdomein gebruikt (shop.plugin-mom.dev), moet je dit ook invoeren, anders wordt de toestemmingsbanner niet geladen.

Cookiebot Domain anlegen
Voer uw domein of subdomein in

Uw domein is nu aangemaakt en wordt weergegeven in het overzicht

Cookiebot Domain Uebersicht
Klik op je aangemaakte domein of subdomein

Pas het uiterlijk van de inhoudsbanner aan

Cookiebot Banner Konfigurieren
Klik op "Configuratie" in het overzicht

We raden je aan om de optie “Dialoog” te selecteren, zodat de toestemmingsbanner centraal op het scherm wordt geplaatst en de kans toeneemt dat een niet-gebruiker deze over het hoofd ziet en interactie heeft met de toestemmingsbanner.

Cookiebot mittig positionieren
Klik op de gewenste lay-out. We raden aan "Dialoog" te selecteren

Taal aanpassen

Voeg Duits toe als taal. Als je andere talen gebruikt in de winkel, voeg dan ook de betreffende talen toe.

Cookiebot auf deutsch einstellen
Klik op de gewenste lay-out. We raden aan "Dialoog" te selecteren
Cookiebot Sprachen
Duits als taal toevoegen, net als alle andere talen die je in de winkel aanbiedt

Cookiebot heeft een geïntegreerde scanner die de website scant en automatisch alle cookies vindt en opsomt. Je hoeft hier geen verdere instellingen te maken. Controleer de geïnventariseerde cookies voordat je live gaat.

Cookiebot Script

Wij raden aan om “Handmatig blokkeren” te selecteren. Met “Autoblocking” kan het gebeuren dat Cookiebot belangrijke scripts van Shopware blokkeert en er een foutmelding optreedt op de pagina

Cookiebot Script kopieren
Klik op "Implementatie" en vervolgens op "Handmatig blokkeren". Kopieer het script met "Kopiëren naar klembord".

Cookiebot-plugin installeren en instellen

Ga naar de Shopware backend en installeer de plugin voor Cookiebot of integreer de code direct in de broncode van de website.

Je hoeft de code niet per se via de plugin te implementeren, maar kunt deze ook uitvoeren via de broncode of rechtstreeks via de Google Tag Manager.

Als je Cookiebot implementeert via de Google Tag Manager, zorg er dan voor dat je “Geavanceerde toestemmingsmodus” hebt geselecteerd in onze plugin, anders wordt de Tag Manager alleen geladen als iemand toestemming geeft, wat niet gebeurt.

Cookiebot Shopware 6 Plugin Konifgurieren
Open het item "Mijn extensie" en klik op "Configureren" voor de "Usercentrics Cookiebot Consent Banner" plugin

Plaats de code in de “Usercentrics Cookiebot Consent” plugin.

Cookiebot Shopware 6 Plugin Code
Plak de broncode in het Script veld in de Shopware 6 plugin van "Usercentrics Cookiebot Consent".

Test Cookiebot in de winkel

De installatie is nu voltooid. Verwijder je winkelcache en open je winkel in de frontend. Je Cookiebot toestemmingsbanner zou nu moeten verschijnen.

Cookiebot fuer Shopware 6
De Cookiebot-banner zou moeten verschijnen wanneer je je winkel opent

Shopware-plugin instellen | GA4 & Google Ads met Google Tag Manager

Schakel alle andere Tag Manager-, GA4- en Google Ads-plugins uit, anders kunnen er trackingfouten optreden.
Controleer ook het tabblad Analyse in het verkoopkanaal – hier mag niets zijn ingevuld.

Installeer de plugin in de Shopware Store en open de plugin in Shopware Backend.

Ga naar de backend van uw Shopware shop en ga naar de Extensies sectie

Backend Einstellung Shopware6 GA4
Klik op de plugin "GA4 & Google Ads met Google Tag Manager".

De verkoopkanalen instellen

Onze plugin is compatibel met de verkoopkanalen. Je hebt de optie om dezelfde instellingen te gebruiken voor alle verkoopkanalen of om individuele instellingen te maken voor elk verkoopkanaal. Het is bijvoorbeeld mogelijk om een andere Tag Manager container te gebruiken voor elk verkoopkanaal. Als je alle verkoopkanalen hebt geselecteerd, zijn de instellingen geldig voor al je verkoopkanalen.

Verkaufskanaele Shopware aendern
Je hebt de optie om individuele instellingen te maken voor elk verkoopkanaal

Plugin activeren en deactiveren

Je kunt ervoor kiezen om de plugin te deactiveren voor bepaalde kanalen, in dat geval wordt er geen broncode van de plugin uitgevoerd op het individuele verkoopkanaal.

Shopware Plugin deaktivieren
Je hebt de optie om de plugin te deactiveren voor, dit is ook mogelijk voor de verschillende verkoopkanalen

Met de Cookiebot-instelling luistert de plugin naar gebeurteniswijzigingen in Cookiebot. De Tag Manager wordt ook standaard alleen geladen als je akkoord gaat met de toestemmingsbanner.

Google Tag Manager configuratie

Google Tag Manager Container-ID

Kopieer je Google Tag Manager-ID van de Google Tag Manager. De Tag Manager-ID begint met GTM-XXXXXX.

Google Tag Manager ID kopieren aus der Uebersicht
U vindt de Tag Manager-ID in het overzicht
Google Tag Manager ID kopieren aus dem Container
U kunt de Google Tag Manager-ID ook vinden in uw Googel Tag Manager-container
Shopware 6 Tag Manager Container ID
Plak uw Google Tag Manager-ID in het veld

Handmatige Tag Manager-code

Met deze functie kan zowel een individuele Google Tag Manager-code als een server-side Tag Manager worden geïmplementeerd. We raden aan de standaardcode te gebruiken. Als de functie is uitgeschakeld, wordt het aangepaste script niet geladen.

Shopware 6 Plugin Serverseitges Tracking
Laat de functie uitgeschakeld als je de standaard Google Tag Manager gebruikt.
Serverseitiger Google Tag Manager Shopware 6
Als u een server-side tag manager gebruikt, voegt u uw script in met "" tags

Overleg vooraf met uw functionaris voor gegevensbescherming of u de “Geavanceerde toestemmingsmodus” mag gebruiken, aangezien de juridische situatie niet duidelijk is.

Instellingen voor toestemming

Toestemming banner

Met de Cookiebot-instelling luistert de plugin naar gebeurteniswijzigingen in Cookiebot. De Tag Manager wordt ook standaard alleen geladen als je akkoord gaat met de toestemmingsbanner.

Consentbanner Einstellung Cookiebot
Selecteer "Cookiebot - Toestemmingsbanner" voor de instelling

Googel toestemmingsmodus V2

Met de Cookiebot-instelling luistert de plugin naar gebeurteniswijzigingen in Cookiebot. De Tag Manager wordt ook standaard alleen geladen als je akkoord gaat met de toestemmingsbanner.

ad_user_data: ‘granted’,
ad_personalisation: ‘granted’,
ad_storage: ‘granted’,
analytics_storage: ‘granted’.

Meer informatie over toestemmingsmodus V2

Deactiveer Google Consent Mode V2, omdat de cookiebot standaard al een Consent Mode Manager biedt.

Consent Mode V2 deaktivieren
Deactiveer de optie, aangezien Cookiebot zelf de toestemmingsmodus V2 beheert.

Zorg ervoor dat je Consent Mode V2 hebt geactiveerd in Cookiebot!

Geavanceerde toestemmingsmodus van Google

Standaard wordt de Tag Manger alleen geladen wanneer de gebruiker de toestemmingsbanner bevestigt. Met de Geavanceerde toestemmingsmodus wordt de Google Tag Manger geladen met de toestemmingsstatus, zelfs zonder toestemming:

ad_storage”: “denied”,
ad_user_data”: “denied”,
ad_personalisation”: “denied”,
analytics_storage”: “denied”.

Overleg vooraf met uw functionaris voor gegevensbescherming of u de “Geavanceerde toestemmingsmodus” mag gebruiken, aangezien de juridische situatie niet duidelijk is.

Meer informatie

Advanced Consent Mode Cookiebot Shopware 6
We raden aan de Geavanceerde toestemmingsmodus standaard "uit te schakelen

Overleg vooraf met uw functionaris voor gegevensbescherming of u de “Geavanceerde toestemmingsmodus” mag gebruiken, aangezien de juridische situatie niet duidelijk is.

GA4 configuratie

Je kunt kiezen welke trackingtools je wilt gebruiken. Als je een trackinghulpmiddel deactiveert, wordt de gegevenslaag niet geladen. Als u een trackingtool activeert, zorg er dan voor dat u ook de bijbehorende tags hebt geïmporteerd in de Tag Manager.

GA4 aktivieren oder deaktivieren
Activeer GA4 als u Google Analytics wilt gebruiken

GA4 Netto- of brutoprijzen

GA4 heeft in de documentatie gespecificeerd dat de “prijs” en “waarde” netto moeten zijn Belasting en verzendkosten mogen niet worden opgenomen in de “waarde” en “prijs”:
“Stel waarde in op de som van (prijs * hoeveelheid) voor alle elementen in items. Verzend- en belasting niet meerekenen.” Meer informatie

GA4 Netto Wert Einstellung
We raden aan de nettowaarde te gebruiken voor "Waarde" en "Prijs".

Selectie van marketingkanalen

Je kunt kiezen welke trackingtools je wilt gebruiken. Als u een trackingtool deactiveert, wordt de DataLayer niet geladen. Let op: als u een trackingtool activeert, moet u ook de bijbehorende tag hebben geïmporteerd in de Tag Manager. Je hebt de keuze uit de volgende trackingtools: Google Ads, Meta Pixel, Microsoft Advertising (bing Ads), Pinterest Ads, TikTok Ads.

Marketing Pixel Tracking
Selecteer de kanalen die je wilt volgen.

De verkoop(waarden) voor de marketingkanalen instellen

Je kunt de omzet voor de marketingkanalen instellen op met belasting, zonder belasting, met verzending of zonder verzending. De instelling geldt voor alle marketingkanalen behalve GA4.

Google Ads Valiue
Selecteer de gewenste configuratie

Waarde contactformulier (conversiewaarde)

U kunt bepalen hoe waardevol een ingevuld contactformulier is voor uw bedrijf. Voer gewoon de waarde in.

Shopware 6 generate lead Einstellung Value
Selecteer de kanalen die je wilt volgen.

Configuratie coupons

Je kunt instellen of staffelprijzen of RRP (uitoefenprijzen) als coupons moeten worden doorgegeven aan Google Analytics.

Shopware 6 Staffelpreise als Coupons
Activeer de optie als je wilt dat de staffelprijzen worden overgedragen als coupon
UVP als Coupon
Activeer de optie als je wilt dat de RRP (annuleringsprijzen) als coupon worden overgebracht.

UTM-parametertracking voor bestellingen

U kunt deze functie activeren zodat u de bron van elke bestelling in de Shopware backend kunt zien. De “campaignCode” en “affiliateCode” parameters worden nu automatisch beschreven met de last-click attributie. Als er een “campaignCode” of “affiliateCode” in de URL staat, worden deze niet overschreven.

UTM Parameter Tracking
Activeer de optie als je voor elke bestelling wilt zien waar de gebruiker vandaan komt
UTM Parameter Tracking Anischt Einblenden
Toon de weergave in "Bestellingen" "Overzicht" rechtsboven in de "Burger navigatie" "Affiliate code" en "Campagne code".

Google Tag Manager-omgeving

Als je een speciale Google Tag Manger omgeving gebruikt, bijvoorbeeld voor je testsysteem. Je kunt het hier invoeren.

Google Tag Manager Umgebung
Voer hier de URL van uw Tag Manager-omgeving in

De containersjablonen downloaden

Je kunt de respectievelijke container voor elk advertentiekanaal downloaden. Alle instellingen zijn hier al gemaakt.

Je hoeft alleen maar je persoonlijke Pixel ID in te voeren onder Variabelen.

GA4 Google Analytics 4 Container importeren

Download de GA4-container.

Open uw Google Tag Manager-container

Google Tag Manager Container importieren
Open je container en klik op "Beheer".
Google Tag Manager Tracking Container importieren
Klik op "Container importeren" in de kolom Container
Google Tag Manager Container ID auswaehlen
Klik op "Selecteer containerbestand" en selecteer het bestand met de extensie .json
GA4 Container Import Start
Selecteer "Standaardwerkruimte" of uw eigen werkruimte. Klik op "Samenvoegen" en "Conflicterende tags,... Hernoemen"

Als u op “Overschrijven” klikt, worden al uw andere tags verwijderd.
Als u de bestaande tags wilt behouden, klikt u op “Samenvoegen”.

GA4 Meting ID

Nu hoeft u alleen nog maar uw GA4 meet-ID in te voeren. Deze kun je vinden in je GA4-account. Log in bij Google Analytics 4.

Google Analytics GA4 EInstellung
Ga naar de account die je wilt instellen en klik linksonder op "Instellingen
Google Analytics 4 Datenstreams
Open "Gegevensverzameling en ...." en klik op "Gegevensstromen" en open je gegevensstroom.
Google Analytics 4 Steam ID kopieren
Kopieer uw GA4 meet-ID

Schakel nu terug naar Tag Manager en open het variabelengebied

GA4 Mess ID Tauschen
Klik in het Tag Manager-overzicht op "Variabelen" en vervolgens op de variabele "01-GA4 Mess ID".
GA4 Variable Mess ID
Klik in het Tag Manager-overzicht op "Variabelen" en vervolgens op de variabele "01-GA4 Mess ID".

Nu moet de container alleen nog worden gepubliceerd, zodat hij op de website aan gebruikers kan worden getoond.

Google Tag Manager veroeffentlichen
Klik op de knop "Seden" rechtsboven en publiceer je container
Google Tag Manager Version veroeffentlichen
U kunt optioneel een versienaam invoeren. Klik rechtsboven op de knop "Publiceren

Google Ads Container importeren

Download de GA4-container.

Open uw Google Tag Manager-container

Google Tag Manager Container importieren
Open je container en klik op "Beheer".
Google Tag Manager Tracking Container importieren
Klik op "Container importeren" in de kolom Container
Google Tag Manager Container ID auswaehlen
Klik op "Selecteer containerbestand" en selecteer het bestand met de extensie .json
Google Ads Container Importieren Google Tag Manager
Selecteer "Standaardwerkruimte" of uw eigen werkruimte. Klik op "Samenvoegen" en "Conflicterende tags,... Hernoemen"

Als u op “Overschrijven” klikt, worden al uw andere tags verwijderd.
Als u de bestaande tags wilt behouden, klikt u op “Samenvoegen”.

Google Conversie-ID en Conversielabel

Nu hoef je nog maar twee variabelen te vervangen. Een daarvan is de conversie-ID en het conversielabel voor de aankoopgebeurtenis.

Google Ads Conversion Uebersicht
Klik op "Doelproject" in de linkernavigatie en vervolgens op "Samenvatting", klik op je aankoopconversie of maak een nieuwe aan.
Google Ads Conversion Einstellungen
Vouw het gedeelte "Tag instellen" uit
Google Ads Conversion Tag Manager Code
Selecteer de optie "Google Tag Manager gebruiken".
Google Ads Converison Id und Conversion Label
Kopieer de "Conversie-ID" en het "Conversielabel".

Als je “Enhanced Conversion” gebruikt, selecteer dan “via Google Tag Manger” in plaats van “Google Tag”.

Schakel nu terug naar Tag Manager en open het variabelengebied

Tag Manager Google ADs Conversion ID
Klik op "Variables" en vervolgens op de variabele "02-01-Conversion-ID".
Google Tag Manager Conversion ID
Voer uw "Conversie-ID" in het veld in dat u eerder hebt gekopieerd van Google Ads en klik op "Opslaan" in de rechterbovenhoek
Google Tag Manager Converion Label Purchase Event
Voer uw "Conversie-ID" in het veld in dat u eerder hebt gekopieerd van Google Ads en klik op "Opslaan" in de rechterbovenhoek

Nu moet de container alleen nog worden gepubliceerd, zodat hij op de website aan gebruikers kan worden getoond.

Google Tag Manager veroeffentlichen
Klik op de knop "Seden" rechtsboven en publiceer je container
Google Tag Manager Version veroeffentlichen
U kunt optioneel een versienaam invoeren. Klik rechtsboven op de knop "Publiceren