Consentl

Consentl auf Ihrer Plattform einrichten

Wählen Sie Ihre Plattform und folgen Sie der Anleitung. Jede zeigt, wie Sie Consentl installieren und verbinden, was Sie konfigurieren, wie Sie prüfen, ob es funktioniert, und was die Plattform nicht zulässt.

Wie die Teile zusammenspielen

Dashboard
Unter app.consentl.com. Hier gestalten Sie das Banner, wählen Ihre Regionen, prüfen Cookies und Texte und finden Ihre Einwilligungsnachweise und Datenschutzanfragen.
Website-Schlüssel
Eine öffentliche ID, die mit sk_ beginnt und Consentl mitteilt, welche Website-Einstellungen verwendet werden sollen. Sie ist kein Passwort.
Loader
Ein Skript, als erstes im <head>. Es wendet die Auswahl des Besuchers an, hält die Tags zurück, die auf eine Einwilligung warten, und zeigt bei Bedarf das Banner.
Plugin oder Snippet
Die Plugins fügen den Loader für Sie ein und geben jede Auswahl an die eigenen Einwilligungseinstellungen Ihrer Plattform weiter. Bei jeder anderen Website fügen Sie das Snippet selbst ein.

Bevor Sie beginnen (alle Plattformen außer Shopify)

  1. Erstellen Sie ein kostenloses Konto unter app.consentl.com und fügen Sie Ihre Website mit jedem Hostnamen hinzu, unter dem sie läuft (www und die Domain ohne www zählen als einer; Staging-Domains fügen Sie separat hinzu). Kostenlos starten
  2. Kopieren Sie den Website-Schlüssel von der Seite „Einrichtung“ der Website. Er beginnt mit sk_ und ist öffentlich: Er identifiziert Ihre Website und ist kein Passwort.
  3. Plugins können den Schlüssel mit ihrem Button „Verbinden“ für Sie abrufen. Andernfalls fügen Sie ihn ein oder binden das Loader-Skript selbst ein.
  4. Shopify-Shops verwenden stattdessen die Consentl-App für Shopify, die keinen Website-Schlüssel braucht. Sie kommt demnächst. Shopify-App (demnächst)

Shopify

  • Shopify

    Die Consentl-App für Shopify kommt demnächst: eine App-Einbettung ohne Code und ohne Website-Schlüssel, die jede Auswahl an die Customer Privacy API weitergibt.

Plattform-Plugins

  • WordPress

    Plugin installieren, „Verbinden“ klicken, und das Banner lädt als erstes im <head>. Mit WP Consent API, Seiten-Caches, WPML und Polylang, Block- und klassischen Themes.

  • WooCommerce

    WooCommerce-Shops nutzen das WordPress-Plugin von Consentl. Es hält die Bestellattribution aus, bis Marketing erlaubt ist, und funktioniert mit Full-Page-Caching.

  • Shopware 6

    Das Consentl-Plugin für Shopware 6.6 und 6.7: Banner als erstes im <head>, ersetzt die Cookie-Leiste von Shopware, hält Cookie-Gruppen mit jeder Auswahl synchron.

  • PrestaShop

    Das Consentl-Modul für PrestaShop 8 und 9: das Banner als erstes im <head>, fertige Datenschutzseiten, Shortcodes und Widgets, Multistore und das offizielle DSGVO-Modul.

  • Magento 2

    Das Consentl-Modul für Magento und Adobe Commerce 2.4.6 bis 2.4.8: Loader direkt nach <meta charset>, Brücke zum Cookie Restriction Mode, CMS-Widgets. Luma und Hyvä.

Jede Website

  • Jede Website (Snippet)

    Ein Script-Tag als erstes im <head> Ihrer Website. Banner, Texte, Regionen, Consent Mode und Blockierungsregeln konfigurieren Sie im Consentl-Dashboard.

  • Google Tag Manager

    Eine manuell importierte GTM-Vorlage, die Standardwerte für Consent Mode v2 pro Region setzt und ab Tarif Pro jede Auswahl an Ihre Google-Tags weitergibt.

Website-Baukästen

  • Webflow

    Den Consentl-Loader in den Head-Code von Webflow einfügen, die Auswahl an Webflow Analyze weitergeben und verstehen, was „nicht als erstes im Head“ bedeutet.

  • Wix

    Consentl als Custom Code in Wix, Tracking über Marketing Integrations, Weitergabe jeder Auswahl an den Consent Policy Manager von Wix – und die Grenzen auf Wix.

  • Squarespace

    Consentl per Code Injection in Squarespace einbinden, Google Analytics aus der Integration lösen, das Cookie-Banner von Squarespace abschalten, Reihenfolge prüfen.

  • BigCommerce

    Consentl auf BigCommerce per Script Manager oder im Stencil-Theme für strikte vorherige Blockierung installieren, Checkout PCI-konform halten, Catalyst nutzen.

  • Ghost

    Consentl per Code Injection in Ghost einbinden oder im Theme wirklich als erstes im <head> – und welche Ghost-Funktionen Consentl nicht zurückhält.

  • Framer

    Fügen Sie Consentl mit dem Custom Code „Start of <head> tag“ vor den Skripten von Framer ein und ersetzen Sie die Cookie-Banner-Komponente von Framer.

Frameworks

  • Next.js

    Consentl als erstes im <head> des Root-Layouts im App Router, andere Tags über eine kleine ConsentlScript-Komponente, oder das _document des Pages Router.

  • Nuxt

    Fügen Sie den Consentl-Loader in Nuxt 3 und 4 mit app.head und tagPriority 0 ein, damit er vor allen anderen Skripten ausgegeben wird.

  • Astro

    Fügen Sie den Consentl-Loader mit is:inline in Ihr Astro-Basislayout ein, damit Astro ihn nicht verzögert bündelt. Funktioniert mit View Transitions (ClientRouter).

  • React, Vue, Angular (SPA)

    Setzen Sie den Consentl-Loader in die index.html, nicht in eine Komponente – für Single-Page-Apps mit Vite, Create React App oder der Angular CLI.