ENTWICKLER

Consent als Baustein, nicht als Plugin.

Ein typisiertes Cookie-Consent-SDK, eine REST-API dahinter, eine CLI für Ihre Pipeline und ein MCP-Server, damit ein Assistent die mühsamen Teile übernimmt. Bauen Sie die Oberfläche selbst, oder binden Sie das Widget ein und sparen Sie sich das.

@katla.app/sdkREST + MCPDurchgehend TypeScript
import { useConsentManager } from '@katla.app/sdk/react'

function Banner() {
  const {
    hasDecision, availableCategories, selected,
    toggleCategory, acceptAll, rejectAll, saveSelection,
  } = useConsentManager()

  if (hasDecision) return null

  return (
    <aside>
      {availableCategories.map((category) => (
        <Toggle
          key={category}
          label={category}
          checked={selected.includes(category)}
          onChange={() => toggleCategory(category)}
        />
      ))}
      <button onClick={acceptAll}>Accept all</button>
      <button onClick={rejectAll}>Necessary only</button>
      <button onClick={saveSelection}>Save choices</button>
    </aside>
  )
}
useConsentManager rendert bei jeder Entscheidung neuIn der Doku öffnen →
VIER WEGE HINEIN

Wählen Sie die Schnittstelle, die zur Aufgabe passt.

SDK

TypeScript

Einwilligungsstatus, Kategorien und Entscheidungen als kleiner typisierter Client. Darauf aufbauend React-Hooks und Next.js-Komponenten.

  • Lädt asynchron, blockiert nie das Rendering
  • Signale für Google Consent Mode v2 werden automatisch gesendet
  • Server Components und Cookie-Daten zur Build-Zeit mit Next.js
pnpm add @katla.app/sdkErste Schritte mit dem SDK →

Widget

Ohne Code

Ein Script-Tag, inline eingefügt, wenn Sie die Oberfläche lieber nicht selbst bauen. Gestaltet im Dashboard oder mit CSS-Variablen; darunter läuft dieselbe Engine.

  • Im Dashboard konfiguriert, in Sekunden live
  • Jedes Token ist eine --katla-*-CSS-Variable
  • Später auf headless umsteigen, ohne Einwilligungsnachweise zu verlieren
<script>(function(){"use strict";var i=document.currentScript,…})();</script>Widget einrichten →

CLI

CI / CD

Fügen Sie Domains hinzu und lösen Sie Scans aus einem Terminal oder einem Pipeline-Schritt aus. Exportieren Sie das klassifizierte Inventar für den Audit-Trail.

  • Scans werden abgefragt, bis sie fertig sind, sodass ein CI-Schritt darauf warten kann
  • Cookie- und Einwilligungsnachweise als CSV exportieren
  • Kategorien und Beschreibungen pro Sprache per Skript verwalten
katla domains scan example.comErste Schritte mit der CLI →

MCP-Server

KI-Assistenten

Lassen Sie Claude, ChatGPT oder Ihren Editor Scans ausführen, Einwilligungsstatistiken lesen und die Konfiguration in natürlicher Sprache ändern.

  • Remote-Server, lokal nichts zu installieren
  • OAuth 2.1 mit Ihrem eigenen Konto und dessen Berechtigungen
  • 24 Tools für Websites, Cookies, Einwilligungen und Compliance-Prüfungen
https://api.katla.app/mcpMCP-Server verbinden →
MCP-SERVER

Fragen statt klicken.

Verbinden Sie Claude, ChatGPT oder Ihren Editor mit dem Konto, das Sie schon haben. Tools laufen als Sie, mit Ihren Berechtigungen: Ein Assistent erreicht keine Website, die Sie nicht erreichen.

katla_scan_site
Führt einen Scan aus und liefert das klassifizierte Cookie-Inventar.
katla_list_sites
Websites im Konto, mit Verifizierung und Zeitpunkt des letzten Scans.
katla_list_cookies
Klassifiziertes Inventar mit Kategorien und Konfidenzwerten.
katla_get_consent_stats
Raten für Zustimmung, Ablehnung und Teilzustimmung einer Website.
katla_update_cookie_category
Ordnet ein Cookie neu ein; Ihre Überschreibung bleibt bestehen.
katla_generate_privacy_policy
Erstellt die Richtlinie aus dem, was der Scan gefunden hat.
Alle Tools und das Berechtigungsmodell →

Welche unserer Websites sind diese Woche unter 70 % Einwilligung gefallen?

katla_get_consent_statsZwei: shop.example.com mit 64 % und blog.example.com mit 68 %. Beide lagen letzte Woche noch bei gut 80 %.

Shop neu scannen: Was hat sich geändert?

katla_scan_site47 Cookies, drei davon neu seit dem letzten Scan, alle von einem Landingpage-Tool, das am Dienstag hinzugekommen ist. Zwei als Marketing eingestuft, eines noch unbekannt.
REST-API

Alles, was das Dashboard kann, über HTTP.

Dashboard, CLI und MCP-Server sprechen alle mit dieser API. Nichts bleibt der Oberfläche vorbehalten.

OpenAPI-Spezifikation →
GET/teamsTeams, denen das Konto angehört
GET/teams/:teamId/sitesWebsites mit ihrem letzten Scan
POST/sites/:id/scanScan starten; Ergebnis abfragen
GET/sites/:siteId/cookiesKlassifiziertes Inventar mit Konfidenz
GET/sites/:siteId/cookies/exportDasselbe Inventar als CSV
GET/sites/:id/consentsEinwilligungsnachweise mit Statistiken
PATCH/sites/:id/settingsKategorien, Texte und Theme aktualisieren
4,6 kBGröße im Headless-ModusGzipped und vom Next.js-SDK inline ins Dokument eingebettet. Überhaupt kein Request zur Laufzeit.
±0 msAuswirkung auf LCPGemessen an derselben Seite ohne Consent-Plattform. Die Methode steht auf der Vergleichsseite.
18MCP-ToolsWebsites, Cookies, Einwilligungen, Richtlinien und Tarif, alles über die Berechtigungen Ihres eigenen Kontos.
13Sprachen für RichtlinienCookie-Richtlinie und Datenschutzerklärung aus Ihrem echten Inventar, in jeder Sprache, die Sie anbieten.

Consent in Ihrer App, noch vor der Mittagspause.

Registrieren, Domain hinzufügen, Scan starten, dann ein Import. Der kostenlose Tarif deckt all das ab. Neu bei Headless-Consent? Lesen Sie den Einstiegsleitfaden oder klonen Sie eines der Beispielprojekte.