{"id":238563,"date":"2024-02-05T08:12:30","date_gmt":"2024-02-05T06:12:30","guid":{"rendered":"https:\/\/devowl.io\/?post_type=knowledge-base&p=238563"},"modified":"2024-02-05T08:12:30","modified_gmt":"2024-02-05T06:12:30","slug":"real-cookie-banner-with-google-tag-manager-google-consent-mode","status":"publish","type":"knowledge-base","link":"https:\/\/devowl.io\/de\/wissensdatenbank\/real-cookie-banner-mit-google-tag-manager-google-consent-mode\/","title":{"rendered":"Einrichtung von Google Tag Manager mit Google Consent Mode"},"content":{"rendered":"

Real Cookie Banner is compatible with Google Consent Mode. Google Consent Mode can be used to transfer legal bases (consents or legitimate interests) for services to Google Tag Manager as so-called “additional consents”. This means that you can fire tags in Google Tag Manager only when there is a legal basis for doing so.<\/p>\n

Im folgenden Artikel erkl\u00e4ren wir dir, wie du dein Cookie Banner auf deiner WordPress-Website mit dem Google Tag Manager in Verbindung mit dem Google Consent Mode einrichten kannst.<\/p>\n<\/div><\/div>

<\/i><\/div>

Wir m\u00fcssen darauf hinweisen, dass die folgenden Aussagen keine Rechtsberatung darstellen. Wir k\u00f6nnen dir daher nur Einsch\u00e4tzungen aus unserer intensiven Erfahrung mit den EU-Rechtsvorschriften in der Praxis und eine technische Einsch\u00e4tzung der Situation geben.<\/p>\n<\/div><\/div><\/div>

Aktivierung des Google Consent Mode mit Google Tag Manage Integration<\/h2>\n

Zuerst m\u00fcssen wir die Google Tag Manager Integration in Real Cookie Banner<\/a> aktivieren, um alle zus\u00e4tzlichen Funktionen f\u00fcr die Verwendung von Google Tag Manager zu sehen. F\u00fchre dazu die folgenden Schritte aus:<\/p>\n

    \n
  1. In deinem WordPress Backend gehst du auf den Reiter Cookies<\/em> in der linken Seitenleiste.<\/li>\n
  2. Im Tab Einstellungen > Google Consent Mode<\/em> musst du den Google Consent Mode aktivieren, da die Einwilligungen sp\u00e4ter \u00fcber dieses Framework\/Schnittstelle an den Google Tag Manager \u00fcbertragen werden.<\/li>\n
  3. In the same tab, you must also activate the option “Google Tag Manager integration”, so that the legal bases for all services get automatically transferred to Google Tag Manager.<\/li>\n<\/ol>\n<\/div><\/div>
    \"Google<\/a><\/div>

    Mit diesen Schritten werden zus\u00e4tzliche Optionen in Real Cookie Banner aktiviert, um Einwilligungen \u00fcbertragen zu k\u00f6nnen. Der Google Tag Manager selbst ist jedoch noch nicht<\/span> in deine Website integriert.<\/p>\n<\/div><\/div>

    <\/i><\/div>

    Du hast zuvor auf deiner Website mithilfe von Google Tag Manger Events Einwilligungen an Google Tag Manger \u00fcbertragen<\/a> und die Trigger deiner Tags zu diesem Zweck angepasst?<\/strong> Sobald du die Google Tag Manager Integration f\u00fcr den Google Consent Mode aktivierst, wird die Google Tag Manger Events Integration deaktiviert.<\/p>\n

    In deinem Google Tag Manager musst du daher alle Trigger wieder so konfigurieren, als ob du kein Cookie Banner verwenden w\u00fcrdest. Die Einwilligungspr\u00fcfung mit dem Google Consent Mode funktioniert anders, wie wir im Folgenden erkl\u00e4ren.<\/p>\n<\/div><\/div><\/div>

    Google Tag Manager einbinden<\/h2>\n

    Du musst den Google Tag Manager in deine WordPress-Website integrieren und eine Einwilligung deiner Website-Besucher einholen. Wenn du den Google Tag Manager bereits in deine Website integriert hast (mit dem offiziellen Skript oder einem Plugin wie GTM4WP<\/a>), muss er bis zur Einholung der Einwilligung gesperrt werden.<\/p>\n

    Mit den folgenden Schritten kannst du den Google Tag Manager zu deiner Website hinzuf\u00fcgen:<\/p>\n

      \n
    1. Gehe zu Services<\/em> (Cookies) > Service hinzuf\u00fcgen<\/em> und w\u00e4hle Google Tag Manager<\/em> aus den Vorlagen.<\/li>\n
    2. F\u00fcge in der Service-Vorlage alle Informationen hinzu, die du ben\u00f6tigst oder \u00e4ndern m\u00f6chtest.<\/li>\n
    3. If you have already integrated Google Tag Manager on your website, make sure to activate the option “Create content blocker for this service” at the end of the service create form. After creating the service, you will be prompted to create a suitable content blocker, which you should create.<\/li>\n<\/ol>\n
      \n

      Aktivierung der Einwilligungs\u00fcbersicht im Google Tag Manager<\/h2>\n

      In the Google Tag Manager Container, we recommend that you activate the so-called “Consent Overview”. This allows you to efficiently assign the necessary consents to your tags in the Google Tag Manager interface. This is how you activate the feature:<\/p>\n

        \n
      1. \u00d6ffne die Acccount\u00fcbersicht im Google Tag Manager<\/a> und \u00f6ffne deinen Google Tag Manager Container.<\/li>\n
      2. Navigiere zu Verwaltung > Containereinstellungen<\/em>.<\/li>\n
      3. In the opened dialog, activate the option “Enable consent overview”.<\/li>\n<\/ol>\n<\/div>\n<\/div><\/div>
        \"O\u0308ffne<\/a><\/div><\/div><\/div><\/div>
        \"Einwilligungsu\u0308bersicht<\/a><\/div><\/div><\/div><\/div><\/div>

        Tags im Google Tag Manager nur nach Einwilligung ausl\u00f6sen<\/h2>\n

        Der Google Consent Mode ist aktiviert, der Google Tag Manager ist in deine Website integriert und Rechtsgrundlagen wie die Einwilligung werden \u00fcbertragen. Das bedeutet, dass wir alle Voraussetzungen f\u00fcr das Ausl\u00f6sen von Tags erst dann auszuf\u00fchren, wenn die Einwilligung erteilt wurde.<\/p>\n

        Im Folgenden erkl\u00e4ren wir, was du im Google Tag Manager f\u00fcr die Nutzung von Google Analytics konfigurieren musst, das wir in ein Tag im Google Tag Manager laden m\u00f6chten. Diese Vorgehensweise funktioniert mit jedem anderen Tag (auch mit jeder anderen Art von Tag, wie z. B. Event-Tracking oder Conversion-Linking) und Trigger, den du im Google Tag Manager erstellen kannst.<\/p>\n

          \n
        1. Gehe in deinem WordPress-Backend zu Services (Cookies) > Service hinzuf\u00fcgen<\/em> und erstelle einen Service, f\u00fcr den du eine Einwilligung einholen m\u00f6chtest. Im Fall von Google Analytics<\/em> kannst du die vordefinierte Service-Vorlage verwenden.<\/li>\n
        2. Bei der Erstellung des Services findest du im Abschnitt \"Technische Handhabung\" eine neue Option \"Angefragte Einwilligungarten f\u00fcr Google Consent Mode\". Darin findest du den eindeutigen Bezeichner dieses Services als zus\u00e4tzliche Einwilligungsart. In diesem Beispiel hei\u00dft er google-analytics-analytics-4<\/code>. Kopiere diesen Namen der Einwilligungsart!<\/li>\n<\/ol>\n<\/div><\/div>
          \"Eindeutiger<\/a><\/div>
            \n
          1. Rufe jetzt deinen Google Tag Manager Container<\/a> auf und erstelle ein Tag und einen Trigger, als ob du kein<\/strong> Cookie Banner verwenden w\u00fcrdest. F\u00fcr Google Analytics erstelle ich ein Google Tag, das auf allen Seiten ausgel\u00f6st werden sollte.<\/li>\n
          2. In the tag overview, you will now find a shield icon to open the “Consent Overview”. You can manage the consent settings of all created tags here.<\/li>\n<\/ol>\n<\/div><\/div>
            \"Einwilligungsu\u0308bersicht<\/a><\/div>
              \n
            1. In the “Consent Overview” dialog, all created tags are grouped into “Consent Not Configured” and “Consent Configured”, depending on whether consent requirements have already been defined. Your Google Analytics tag should be in “Consent Not Configured”. Check the box next to it and then click on the shield with the gear icon at the top right of the table to configure the consent settings. You can also select several tags at the same time to change the consent settings for all selected tags in one step.<\/li>\n<\/ol>\n<\/div><\/div>
              \"Auswahl<\/a><\/div>
                \n
              1. Now that we have arrived in the “Consent Settings”, we need to configure when the tag is fired. In this case, “when” means for which service there is a legal basis (consent or legitimate interest). Google calls the permission to load a service “additional consent”. Consent for a purpose after Google Consent Mode, which is primarily required for Google services, is considered as “normal” consent. Therefore, you must select the option “Require additional consent for tag to fire” at this point and create a field by clicking on “+ Add required consent” and inserting the name of the additional consent type copied in step 2. Afterwards, save the setting!<\/li>\n<\/ol>\n<\/div><\/div>
                \"Zusa\u0308tzliche<\/a><\/div>

                Wir haben konfiguriert, dass das Google Analytics Tag nur dann ausgel\u00f6st wird, wenn es eine rechtliche Grundlage (Einwilligung oder berechtigtes Interesse) f\u00fcr das Laden des Services mit dem eindeutigen Bezeichner google-analytics-analytics-4<\/code> gibt.<\/p>\n

                Insbesondere bei den Google-Services solltest du beachten, dass du die Einwilligung f\u00fcr \"normale\" Einwilligungsarten (Zwecke) in deinem Cookie Banner einholen solltest. Wir haben dir in einem separaten Artikel erkl\u00e4rt, wie du den Google Consent Mode konfigurierst<\/a>.<\/p>\n<\/div><\/div>

                Konfiguration der Einwilligungen f\u00fcr Tags pr\u00fcfen<\/h2>\n

                In the previous section, you learned how to fire a tag in Google Tag Manager only if you have consent to do so. To check whether the configuration is working correctly, let’s take a look at how you can check the configuration on your website.<\/p>\n

                Wir f\u00fchren unser Beispiel fort, dass Google Analytics auf jeder Unterseite der Website geladen werden sollte, wenn es eine rechtliche Grundlage daf\u00fcr gibt.<\/p>\n

                  \n
                1. Navigate back to the overview of all tags in your Google Tag Manager container. At the top right, click on “Preview” to open Google Tag Assist and preview your website.<\/li>\n
                2. Stimme nun allen Services im Cookie Banner auf deiner Website zu, damit auch der Google Tag Manager geladen wird und Google Tag Assist sich mit dem Vorschaufenster verbinden kann.<\/li>\n
                3. In the Google Tag Assistant, you can see the events on the left-hand side. Here you should see two “Consent” events. The first transmits default settings before the cookie banner is displayed or before the consents already given have been read out (“On-page Default”). The second “Consent” event transmits the selection of the website visitor in the cookie banner (“On-page Update”). Click on the second “Consent” event and then switch to the “Consent” tab.<\/li>\n<\/ol>\n<\/div><\/div>
                  \"Tab<\/a><\/div>
                    \n
                  1. Auf der Registerkarte \"Consent\" siehst du in gr\u00fcn mit \"Granted\", f\u00fcr welche Einwilligungsarten es eine Erlaubnis gibt (Einwilligung oder berechtigtes Interesse, dem nicht widersprochen wurde). In rot mit \"Denied\" siehst du dagegen, wenn es f\u00fcr eine Einwilligungsart keine Erlaubnis gibt. In unserem Beispiel haben wir in alle Services eingewilligt. Das bedeutet, dass wir auch in die Nutzung von Google Analytics eingewilligt haben. Folglich wird f\u00fcr die Einwilligungsart google-analytics-analytics-4<\/code> \"Granted\" angezeigt.<\/li>\n
                  2. If you now switch to the view of all events of the page view (name of the browser tab in the left sidebar) and switch to the “Tags” tab, you should see that the Google Analytics tag has been fired.<\/li>\n<\/ol>\n<\/div><\/div>
                    \"Augel\u00f6ster<\/a><\/div>
                      \n
                    1. Abschlie\u00dfend kannst du zur Kontrolle diese Schritte noch einmal durchlaufen, aber die Einwilligung f\u00fcr alle Services au\u00dfer<\/strong> von Google Analytics im Cookie Banner erteilen. In diesem Fall sollte die Einwilligungsart google-analytics-analytics-4<\/code> \"Denied\" sein und der Google Analytics Tag sollte nicht<\/strong> ausgel\u00f6st worden sein.<\/li>\n<\/ol>\n

                      Mit dem erkl\u00e4rten Verfahren kannst du den Tag in deinem Google Tag Manager nur dann ausl\u00f6sen, wenn du \u00fcber dein Cookie Banner auf deiner WordPress-Website die Einwilligung oder ein berechtigtes Interesse eingeholt hast. Nach der Konfiguration kannst du auch \u00fcberpr\u00fcfen, ob die Konfiguration wie erwartet funktioniert.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>","protected":false},"template":"","topic":[30],"class_list":["post-238563","knowledge-base","type-knowledge-base","status-publish","hentry","topic-common-issues-rcb"],"acf":[],"_links":{"self":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/knowledge-base\/238563","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/knowledge-base"}],"about":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/types\/knowledge-base"}],"version-history":[{"count":46,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/knowledge-base\/238563\/revisions"}],"predecessor-version":[{"id":238690,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/knowledge-base\/238563\/revisions\/238690"}],"wp:attachment":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/media?parent=238563"}],"wp:term":[{"taxonomy":"topic","embeddable":true,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/topic?post=238563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}