Intastellar Consents auf Ihrer Website installieren (JavaScript)
Diese Anleitung gilt für eine normale Website (eigenes HTML oder ein CMS, das nicht in unseren WordPress- oder Shopify-Artikeln abgedeckt ist). Sie müssen kein Entwickler sein, um die folgende Einordnung zu verstehen — wer das Snippet einfügt, sollte Vollständiges Snippet zum Einfügen und die Tabelle der Pflichtfelder lesen.
Nutzen Sie einen anderen Artikel, wenn die Website nur über Folgendes läuft:
- WordPress → WordPress — Erste Schritte
- Shopify → Shopify
- nur Google Tag Manager → Google Tag Manager
Was das leistet (und warum es wichtig ist)
Intastellar Consents ergänzt Ihre Seite um ein Cookie- / Einwilligungsbanner. In kurz:
- Besucher sehen eine klare Wahl, bevor Sie sich auf Einwilligung für nicht notwendige Cookies und ähnliche Speicherung verlassen.
- Notwendige Funktionen der Website können weiterlaufen; Analytics, Werbung und Social-Pixel sollten erst laufen, nachdem Sie sie so angebunden haben, dass sie die Entscheidung des Besuchers respektieren (z. B. mit Google Consent Mode und sorgfältiger Tag-Reihenfolge in GTM).
- Die Konfiguration steht in
window.INTA; das Produkt lädtuc.jsüber das CDN von Intastellar — dasselbe Modell „zwei Blöcke im<head>“ wie auf der Produktseite zu Intastellar Consents.
Dieses Hilfe-Center erklärt das Produkt, nicht das Recht. Rechtssicherheit klären Sie mit qualifizierter Beratung. Was wir technisch mitprüfen können: Banner sichtbar, Wahl gespeichert und (wenn Ihre Tags korrekt verdrahtet sind) weniger Tracking-Anfragen vor der Einwilligung.
Vor dem Start
- Eine Datenschutz-Seite auf Ihrer Website, die Besucher öffnen können (funktionierender
https://…-Link). Ohne diese bleibt das Banner oft absichtlich aus. - Firmen- oder Seitenname und für ein seriöses Erscheinungsbild eine Logo-URL (
https://…). - Zugriff auf den gemeinsamen head / das Layout, sodass jede Seite dasselbe Snippet lädt — nicht nur eine einzelne statische Seite.
Schnellinstallation (zwei Teile im <head>)
Jemand mit HTML-Zugriff sollte:
- Das Template öffnen, das für die ganze Website den
<head>ausgibt. - Direkt nach
<head>zuerst das kleine Skript einfügen, daswindow.INTAsetzt, danach die Zeile, dieuc.jslädt (Reihenfolge wichtig). - Mindestens die Pflichtfelder ausfüllen (nächster Abschnitt).
- Veröffentlichen und die Website in einem privaten / Inkognito-Fenster öffnen.
Minimales Beispiel (die drei Pflichtwerte ersetzen; Branding-Felder aus der Empfehlungsliste sobald möglich ergänzen):
<script>
window.INTA = {
policy_link: "https://ihredomain.de/datenschutz",
settings: {
rootDomain: "ihredomain.de",
company: "Ihr Firmenname",
arrange: "ltr",
color: "#111827",
logo: "https://ihredomain.de/logo.png",
design: "overlay",
},
};
</script>
<script src="https://consents.cdn.intastellarsolutions.com/uc.js"></script>Die Policy-URL können Sie in policy_link und/oder settings.privacy_policy setzen — beide müssen auf eine live Seite zeigen, wenn Sie sie nutzen.
Konfiguration: Pflicht, empfohlen und erweitert
Nicht jedes Feld in window.INTA ist gleich dringend. Nutzen Sie diese Reihenfolge:
Pflicht (ohne diese Felder erscheint das Banner meist nicht)
| Feld | Bedeutung |
|---|---|
policy_link oder settings.privacy_policy | Funktionierende **Datenschutz-**URL. Fehlt oder ist kaputt → Banner rendert oft nicht. |
settings.rootDomain | Domain der Website ohne https:// (z. B. beispiel.de). Falsche Domain → merkwürdiges Speicherverhalten der Einwilligung. |
settings.company | Name, den Besucher auf dem Banner sehen. |
Empfohlen (für den ersten echten Go-live)
| Feld | Bedeutung |
|---|---|
settings.logo | https://… zu Ihrem Logo — schafft Vertrauen. |
settings.color | Primärfarbe der Oberfläche (Hex). |
settings.design | z. B. overlay — siehe Anpassen. |
settings.arrange | ltr oder rtl für die Layoutrichtung. |
Optional / Integrationen
| Feld | Bedeutung |
|---|---|
settings.gtagId | Google-Measurement-ID, wenn Sie Google-Tags nutzen; oft zusammen mit Consent Mode und korrekter Tag-Reihenfolge. |
settings.requiredCookies, settings.keepInLocalStorage | Strikt notwendige Cookies und Speicher-Schlüssel — siehe INTA-Referenz. |
Vollständige Feldliste und Typen: window.INTA JSON Schema (für Entwickler und Agenturen).
Nach der Installation: woran Sie ein funktionierendes Setup erkennen
Beim ersten Besuch in einem privaten Fenster sollten Sie Folgendes sehen:
- Banner sichtbar (wenn Policy-URL und Platzierung stimmen).
- Wahl wird gemerkt auf derselben Domain, wenn Sie eine weitere Seite öffnen — kein kaputtes Pop-up bei jedem Klick.
- Nicht notwendige Skripte (Analytics, Werbung, Pixel) erst nach Zustimmung des Besuchers — sofern Sie diese Tags so eingebunden haben, dass sie auf die Einwilligung hören (direktes
gtag+ Consent Mode, GTM-Trigger usw.).
Wenn das Banner da ist, aber Google Analytics oder Meta sofort feuern, liegt das Problem meist an der Tag-Verdrahtung, nicht allein am Banner-Snippet. Ladereihenfolge und Consent-Signale anpassen — oft in Google Tag Manager.
Im Browser prüfen (technischer Check)
Das ist kein rechtlicher Nachweis der Konformität, sondern ein Plausibilitätscheck, den Eigentümer und Agenturen wiederholen können.
- Website in einem privaten / Inkognito-Fenster öffnen (oder Website-Daten für Ihre Domain löschen).
- Entwicklertools → Netzwerk öffnen.
- Seite neu laden, bevor Sie im Banner auf Akzeptieren / Ablehnen klicken.
- Nach bekannten Namen filtern (
google-analytics,collect,facebook,doubleclickusw.). - Cookies im Banner akzeptieren und neu laden oder navigieren — in vielen Setups erscheinen mehr Drittanbieter- oder Analytics-Anfragen nach der Einwilligung.
Was Sie sehen wollen, hängt von GA4, Meta und Ihrer Tag-Integration ab. Wenn Anfragen feuern, bevor Ihrer Meinung nach eine Einwilligung vorliegt, behandeln Sie das als Konfigurationsfehler in Ihrem Tag-Setup — nicht als ignorierbares Detail.
Optional: Erscheinungsbild und tieferes Verhalten
Wenn die Basis steht, nutzen Sie Anpassen für Farben, Layout und Darstellung. Für nur Logo siehe Logo hinzufügen. Für iFrames siehe iFrames.
Häufige Probleme
Banner erscheint nicht
- Datenschutz-URL — Link aus
policy_link/privacy_policyin einem normalen Browser-Tab öffnen. - Platzierung — Beide Skripte müssen früh im
<head>in einem gemeinsamen Layout stehen. - Caching — Hartes Neuladen, anderer Browser oder warten auf CDN / Optimierungs-Plugins.
- Nur eine Seite — Snippet muss auf allen Seiten laufen, die das Banner zeigen sollen.
Banner da, aber Tracking startet zu früh
- Consents deaktiviert nicht automatisch Tags, die Sie woanders injizieren. Consent Mode, GTM-Trigger-Reihenfolge oder bedingtes Laden nutzen, damit Tags auf Einwilligung warten. Siehe Google Tag Manager und Fehlersuche.
Domain oder Einwilligung wirken auf Subdomains „falsch“
- Prüfen Sie, ob
rootDomainzur Art passt, wie Besucher die Seite erreichen; Abweichungen verwirren das Speicherverhalten. Integratoren: Fehlersuche und Integratorenüberblick.
Vollständiges Snippet zum Einfügen (inkl. optionaler Felder)
In den Website-head kopieren, direkt nach <head>. Platzhalter anhand der Tabellen oben ersetzen — die Pflichtzeilen nicht auslassen.
<script>
window.INTA = {
policy_link: "https://ihredomain.de/datenschutz",
settings: {
rootDomain: "ihredomain.de",
company: "ihrefirma",
arrange: "ltr",
color: "#000000",
logo: "https://ihredomain.de/logo.png",
design: "overlay",
gtagId: "G-XXXXXXXXXX",
requiredCookies: [],
keepInLocalStorage: [],
},
};
</script>
<script src="https://consents.cdn.intastellarsolutions.com/uc.js"></script>Weiterführend
Last updated