Wie richte ich den Datenschutzhinweis ein?

Cloudrexx stellt einen Datenschutz-Hinweis zur Verfügung. Im Backend unter Administration > Datenschutz > Einstellungen können Sie dazu die folgenden Einstellungen tätigen:

Datenschutzhinweis-Typ:

Typ	Beschreibung

Typ	Beschreibung
Deaktiviert	Der Datenschutzhinweis von Cloudrexx wird nicht verwendet. Verwenden Sie diese Option um eine Consent Management Platform (CMP) eines Drittanbieters einzubinden oder falls auf der Website kein Datenschutzhinweis benötigt wird.
Nur Hinweis	Zeigt im Frontend einen einfachen Datenschutzhinweis ohne weitere Funktion an.
Cookie- und Tracker-Auswahl	Zeigt im Frontend einen erweiterter Datenschutzhinweis an, der dem Besucher die individuelle Konfiguration der auf der Website eingesetzten Analyse und Tracker-Tools ermöglicht.

Datenschutzhinweis Lebensdauer: bestimmt den Zeitraum, wie lange die durch den Besucher gesetzten Präferenzen im Browser gespeichert werden.

Cloudrexx empfiehlt den erweiterten Datenschutzhinweis (Option “Cookie- und Tracker-Auswahl”) zu verwenden. Korrekt konfiguriert können so die aktuellen Richtlinien der länderspezifischen Datenschutzverordnungen (DSG, DSGVO, etc.) eingehalten werden.

Integration im Theme

Dieser Abschnitt erläutert die Integration des Datenschutzhinweises im Theme, wenn die Option “Cookie- und Tracker-Auswahl” gewählt ist.

Die meisten länderspezifischen Datenschutzverordnungen verlangen, dass alle auf der Websites eingesetzten Cookies und Skripte im Datenschutzhinweis aufgeführt werden. Die Erfassung dazu erfolgt im Bereich Administration > Datenschutz. Die hier erfassten Datenschutzhinweis-Einträge werden dann im erweiterten Datenschutzhinweis im Frontend angezeigt.

Um eine Funktion abhängig von der Zustimmung des Besuchers zu aktivieren, kann folgender JavaScript-Code verwendet werden. Beachten Sie, dass als <Identifikator> der Identifikator des jeweiligen Datenschutzhinweis-Eintrags einzutragen ist.

cx.bind("cookieChanged", function(eventArgs) {
    if (eventArgs.cookie.identifier != "<Identifikator>") {
        return;
    }
    if (cx.privacy.cookies.isCookieActive("<Identifikator>")) {
        // Code zum aktiveren des Funktion
    } else {
        // Code zum deaktiveren des Funktion
    }
}, "privacy");

Beispiel: Google Tag Manager mit Google Consent Mode

Der Google Tag Manager (GTM) ist ein kostenloses Tool von Google, mit dem Marketing- und Analysetags (z. B. Google Analytics, Google Ads oder Drittanbieter-Skripte) zentral verwaltet und ohne direkten Eingriff in den Website-Code eingebunden werden können.
In Kombination mit dem Google Consent Mode ermöglicht der GTM, dass die Ausführung dieser Tags dynamisch an die Zustimmungen der Website-Besucher angepasst wird – also nur dann aktiv wird, wenn eine entsprechende Einwilligung erteilt wurde.

Google stellt zwei Arten des Consent Mode zur Verfügung:

Merkmal	Basic Mode	Advanced Mode

Merkmal	Basic Mode	Advanced Mode
Rolle von Cloudrexx	Cloudrexx agiert als CMP und übergibt die Consent-Informationen direkt über `gtag('consent', 'update', {...})` an den Google Tag Manager.	Cloudrexx agiert ebenfalls als CMP, zusätzlich wird die Google Consent Mode API genutzt, sodass GTM die Zustände direkt über Schnittstellen abfragen kann.
Datenfluss ohne Einwilligung	Keine Datenübertragung an Google. Alle betroffenen Consent-Typen stehen strikt auf `denied`.	Google erhält eingeschränkte Signale (z. B. dass ein Besucher da war, aber keine Zustimmung gegeben hat). Diese werden für Modellierungen genutzt.
Privatsphäre der Besucher	Vollständig gewahrt: Ohne Zustimmung keine Datenübermittlung.	Bedingt gewahrt: Keine personenbezogenen Daten, aber gewisse technische Signale werden trotzdem übertragen.
Funktionalität	Einfach, schnell eingerichtet, genügt für Standard-Integrationen (Analytics, Ads, Drittanbieter-Tags).	Erhöhte Flexibilität, empfohlen für komplexe Setups und wenn Googles Modellierungsfunktionen (z. B. Conversion-Modeling) genutzt werden sollen.
Aufwand	Gering (einfache Integration).	Höher (zusätzliche API-Integration, Konfiguration im GTM).

Integration des Google Tag Managers in Cloudrexx

Erfassen Sie im Bereich Administration > Datenschutz die von Google verwendeten Consent-Typen als Datenschutzhinweis-Einträge.
Integrieren Sie den Google Tag Manager im Theme. Die Integration erfolgt unterschiedlich, je nach gewünschtem Consent Mode: Siehe Anleitung zur Verwendung des Basic Consent Modes oder des Advanced Consent Modes.
Erfassen Sie im Google Tag Manager einen Benutzerdefinierter Ereignistrigger auf den Ereignisnamen consent gemäss separater Anleitung.
Zum Schluss werden die gewünschten Tags im Google Tag Manager erfasst. Die Integration erfolgt auch hier wieder unterschiedlich je nach Consent Mode: Basic Consent Modes oder Advanced Consent Mode.
Aktivieren Sie Ihre Konfiguration gemäss separater Anleitung, damit der Google Tag Manager aktiv wird.

Tipp: Verwenden Sie den Vorschau- und Debug-Modus gemäss separater Anleitung zur Verifikation Ihrer Integration.

Individualisierung

Cloudrexx ermöglicht die komplette Individualisierung des Datenschutzhinweises. Sowohl der Interface-Text, wie auch das Layout, das Design und die Funktionsweise des Datenschutzhinweises kann auf die jeweiligen Bedürfnisse individualisiert werden.

Hinweis-Text

Die Texte desDatenschutzhinweises können unter Administration > Lokalisierung > Sprachplatzhalter wie folgt angepasst werden:

Wählen Sie beim Suchformular als Platzhalter die Option Privacy.
Ihnen werden nun die anpassbaren Text des Datenschutzhinweises angezeigt. Nehmen Sie nun die gewünschten Anpassungen vor.
Bestätigen Sie Ihre Anpassungen mit der Schaltfläche Speichern.

Layout, Design & Interaktion

Das Layout, Design & Funktionsweise des Datenschutzhinweises wird im Theme. Dazu können die folgenden Dateien überschrieben werden:

Typ	HTML	CSS	JavaScript

Typ	HTML	CSS	JavaScript
Nur Hinweis	`core_module/Privacy/CookieNote.html`	`core_module/Privacy/Frontend.css`	`core_modules/Privacy/Script/Frontend.js` ¹
Cookie- und Tracker-Auswahl	`core_module/Privacy/PrivacyNote2022.html`	`core_modules/Privacy/Style/PrivacyNote2022.css`	`core_modules/Privacy/Script/PrivacyNote2022.js` ¹

¹ Diese Dateien können überschrieben werden, indem sie im Theme manuell angelegt werden.

Mehr Informationen zur JavaScript-API zur Interaktion mit dem Datenschutz-Hinweis finden Sie unter https://dev.cloudrexx.com/Cookies/.

Google Tag Manager

Consent-Typen

Siehe Integration unter Integration des Google Tag Managers in Cloudrexx.

Kategorie	Identifikator	Titel	Zweck	Cookie Namen

Kategorie	Identifikator	Titel	Zweck	Cookie Namen
Statistiken	`analytics_storage`	Analyse & Statistik	Wir verwenden diese Cookies, um zu messen, wie Sie mit unserer Website interagieren. Die gesammelten Daten sind anonym und helfen uns, die Leistung der Website zu verbessern, beliebte Inhalte zu identifizieren und Fehler zu beheben.	`_ga, _gid, gat, gac`
Marketing	`ad_storage`	Marketing & Werbung	Diese Cookies ermöglichen es uns, Ihnen auf anderen Websites passende Anzeigen zu zeigen und zu messen, wie effektiv unsere Werbekampagnen sind. Die Informationen helfen uns, unsere Werbeausgaben zu optimieren.	`gcl*, IDE, NID`
Marketing	`ad_user_data`	Nutzung von Daten für erweiterte Werbung	Wenn Sie zustimmen, können wir Ihre E-Mail-Adresse oder andere von Ihnen bereitgestellte Daten verschlüsselt an Google senden. Dies hilft uns, die Wirksamkeit unserer Anzeigen genauer zu messen, indem wir feststellen, ob Sie eine Aktion ausgeführt haben, nachdem Sie eine unserer Anzeigen gesehen haben.
Marketing	`ad_personalization`	Personalisierte Werbung	Wir verwenden diese Cookies, um Ihnen Anzeigen zu zeigen, die speziell auf Ihre Interessen und Ihr Surfverhalten zugeschnitten sind. Diese Daten können dazu verwendet werden, Ihnen auf anderen Websites relevante Produktempfehlungen oder Werbeinhalte anzuzeigen.
Präferenzen	`functionality_storage`	Komfort & Funktionen	Diese Cookies speichern Ihre Website-Einstellungen, wie z.B. Ihre Sprache oder Ihren Anmeldestatus, um das Nutzererlebnis zu verbessern.
Präferenzen	`personalization_storage`	Personalisierung	Wir nutzen diese Cookies, um Ihnen Inhalte zu präsentieren, die für Sie relevanter sind. Zum Beispiel können wir Ihnen passende Video- oder Produktempfehlungen geben.
Präferenzen	`security_storage`	Sicherheit	Diese Cookies und Technologien sind für die grundlegende Sicherheit der eingesetzten Dienste erforderlich. Sie helfen, betrügerische Aktivitäten zu erkennen, die Integrität der Dienste zu schützen und sicherzustellen, dass Ihre Daten bei der Nutzung unserer Dienste geschützt sind.

Theme Integration

Siehe Integration unter Integration des Google Tag Managers in Cloudrexx.

Basic Mode

Fügen Sie in der index.html-Datei des Themes folgendes Skript zu oberst im <head>-Tags ein:

<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('consent', 'default', {
        'ad_storage': 'denied',
        'ad_user_data': 'denied',
        'ad_personalization': 'denied',
        'analytics_storage': 'denied',
        'functionality_storage': 'denied',
        'personalization_storage': 'denied',
        'security_storage': 'denied',
    });
    dataLayer.push({'gtm.start': new Date().getTime(), 'event': 'gtm.js'});
</script>

Fügen Sie in der index.html-Datei des Themes folgendes Skript zu unterst im <head>-Tags ein:

<script>
    cx.bind("cookieChanged", function(eventArgs) {
        if (!eventArgs.cookie.disableable) {
            return;
        }
        if (!window.gtmScript) {
            window.gtmScript = document.createElement('script');
            gtmScript.async = true;
            gtmScript.src = 'https://www.googletagmanager.com/gtm.js?id=<GTM_ID>';
            var firstScript = document.getElementsByTagName('script')[0];
            firstScript.parentNode.insertBefore(gtmScript,firstScript);
        }
        const identifier = eventArgs.cookie.identifier;
        const state = cx.privacy.cookies.isCookieActive(
            eventArgs.cookie.identifier
        );
        const consent = {
            [identifier]: state ? 'granted' : 'denied'
        };
        gtag('consent', 'update', consent);
        window.dataLayer.push({'event': 'consent'});
    }, "privacy");
</script>

Ersetzen Sie <GTM_ID> mit der Container-ID des Google Tag Managers. Falls Sie noch über keine Container-ID verfügen, erfassen Sie einen neuen Container gemäss separater Anleitung.

Advanced Mode

Fügen Sie in der index.html-Datei des Themes folgendes Skript zu oberst im <head>-Tags ein:

<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    const consentListeners = [];
    const consentUpdates = [];
    window.GTM_addConsentListener = (callback) => {
        if (consentUpdates.length) {
            for (update of consentUpdates) {
                callback(update);
            }
        }
        consentListeners.push(callback);
    };
</script>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','<GTM_ID>');</script>

Ersetzen Sie <GTM_ID> mit der Container-ID des Google Tag Managers. Falls Sie noch über keine Container-ID verfügen, erfassen Sie einen neuen Container gemäss separater Anleitung.

Fügen Sie in der index.html-Datei des Themes folgendes Skript zu unterst im <head>-Tags ein:

<script>
    cx.bind("cookieChanged", function(eventArgs) {
        if (!eventArgs.cookie.disableable) {
            return;
        }
        const identifier = eventArgs.cookie.identifier;
        const state = cx.privacy.cookies.isCookieActive(
            eventArgs.cookie.identifier
        );
        const consent = {
            [identifier]: state ? 'granted' : 'denied'
        };
        if (consentListeners.length) {
            consentListeners.forEach((callback) => {
                callback(consent);
            });
        } else {
            consentUpdates.push(consent);
        }
        window.dataLayer.push({'event': 'consent'});
    }, "privacy");
</script>

Tag-Erfassung

Siehe Integration unter Integration des Google Tag Managers in Cloudrexx.

Basic Mode

Erfassen Sie die gewünschten Tags im Google Tag Manager gemäss separater Anleitung. Verwenden Sie dabei jeweils den benutzerdefinierten Trigger consent und aktivieren Sie die Option “Zusätzliche Einwilligung zur Auslösung des Tags erforderlich” unter Erweiterte Einstellungen > Einstellungen zur Nutzereinwilligung > Zusätzliche Einwilligungsprüfungen und erfassen Sie die unter “Integrierte Einwilligungsprüfungen” aufgeführten Consent-Typen.

Die Erfassung der Consent-Typen bei der Option “Zusätzliche Einwilligung zur Auslösung des Tags erforderlich” ist zwingend notwendig, damit keine Signale an Google gesendet werden, bevor der Besucher die explizite Erlaubnis erteilt hat.

Advanced Mode

Zur Kommunikation zwischen der Cloudrexx Website und dem Google Tag Manager wird der Cloudrexx Tag benötigt. Gehen Sie dabei wie folgt vor:

Importieren Sie gemäss separater Anleitung zunächst den Cloudrexx Tag.
Erfassen Sie einen neuen Tag gemäss separater Anleitung und wählen Sie dabei den importierten Cloudrexx Tag aus und wählen als Trigger “Consent Initialization - All Pages”.

Nun können Sie gemäss separater Anleitung alle gewünschten Tags hinzufügen. Verwenden Sie dabei jeweils den benutzerdefinierten Trigger consent.

Cloudrexx Tag

Der Cloudrexx Tag wird nur für den Advanced Consent Mode benötigt. Siehe Anleitung.