INTASTELLAR SOLUTIONSHelp Center
Versionv1

Wie füge ich Intastellar Consents zu meinem Shopify-Shop hinzu?

Dieser Artikel gilt für Shopify-Shops. Es gibt noch keine App im App Store — Sie binden dasselbe kleine Skript wie auf einer normalen Website in das Liquid-Layout des Themes ein.

Anderer Weg, wenn:

Jemand mit Theme-Code-Zugriff (Sie, ein Shopify-Partner oder technisches Team) sollte einfügen.

Was das im Storefront leistet

Dasselbe Intastellar-Consents-Skript wie auf einer normalen Website läuft im <head> Ihres Themes: Besucher sehen ein Banner, ihre Wahl wird für Ihre Domain gespeichert. Nicht notwendiges Tracking sollte bis zur Einwilligung und bis zur korrekten Anbindung Ihrer Analytics-/Ad-Tags still bleiben (gleiche Idee wie in der JavaScript-Installationsanleitung).

Keine Rechtsberatung — Ihre Anwälte entscheiden, was Ihr Shop braucht. Produktüberblick: Intastellar Consents.

Was Sie vorbereiten sollten

  1. Datenschutz-URL, die im Shop funktioniert (oft Einstellungen → Richtlinien oder die Policy-Seite Ihres Themes).
  2. Ihre Shop-Domain (oder primäre eigene Domain) für die Skript-Einstellungen.
  3. Logo mit https gehostet (z. B. Inhalte → Dateien oder Theme-Assets — Shopify nutzt oft cdn.shopify.com-Links).
  4. Zugriff auf Onlineshop → Themes → Code bearbeiten.

Vorgehen (kurze Checkliste)

  1. In Shopify unter Onlineshop → Themes.
  2. Beim Live-Theme ⋯ → Code bearbeiten.
  3. Unter Layout theme.liquid öffnen (oder das Layout, das Ihr Theme für den Storefront nutzt).
  4. Das vollständige Snippet aus der JavaScript-Installationsanleitung — Abschnitt Vollständiges Snippet zum Einfügen — direkt nach der öffnenden <head>-Zeile einfügen.
  5. Platzhalter durch echte Shop-Domain, Firmennamen, policy_link auf die live Policy, Logo, Farben und optionale Google-Measurement-ID ersetzen.
  6. Speichern, dann Storefront im Inkognito prüfen.

Die Struktur entspricht dem Website-Artikel und der window.INTA-Referenz für Mitarbeitende, die Feldnamen brauchen.

Beispiel-Form (nur Platzhalter — den kompletten Block aus dem Artikel kopieren):

<head>
  <script>
    window.INTA = {
      policy_link: "https://ihr-shop.com/policies/privacy-policy",
      settings: {
        rootDomain: "ihr-shop.com",
        company: "ihrefirma",
        arrange: "ltr",
        color: "#000000",
        logo: "https://cdn.shopify.com/.../ihr-logo.png",
        design: "overlay",
        gtagId: "G-XXXXXXXXXX",
        requiredCookies: [],
        keepInLocalStorage: [],
      },
    };
  </script>
  <script src="https://consents.cdn.intastellarsolutions.com/uc.js"></script>
  {{ content_for_header }}

Vor {{ content_for_header }} einzufügen ist in Ordnung, solange beide Skripte im <head> laufen.

Nach dem Speichern: was Sie erwarten können

Im Inkognito im Storefront:

  1. Banner beim ersten Besuch, wenn policy_link und Platzierung stimmen.
  2. Wahl bleibt auf derselben Domain über Seiten hinweg erhalten.
  3. Drittanbieter- / Analytics-Anfragen hängen von Ihrem Tag-Setup ab: viele Händler müssen noch anpassen, wie GA oder Meta eingebunden sind (Theme-Apps, zusätzliche Skripte), damit die Tools die Einwilligung einhalten.

Checkout und manche Konto-Flows nutzen andere Domains — die übliche theme.liquid-Installation deckt den Onlineshop ab, nicht jede Shopify-Oberfläche. Checkout separat mit Shopify oder Ihrer Agentur prüfen.

Im Browser prüfen

Entwicklertools → Netzwerk im privaten Fenster: vor dem Akzeptieren neu laden, Analytics- oder Ad-Calls notieren, dann akzeptieren und vergleichen. Wenn schwere Requests vor Einwilligung feuern, Tag-Laden reparieren — nicht nur das Banner-Snippet.

Häufige Fragen

Warum erscheint das Banner im Shop nicht?

  1. policy_link muss eine live URL sein (im Browser testen).
  2. Snippet muss in theme.liquid (oder Äquivalent) für das Onlineshop-Theme, nicht nur auf einer Einzelseite.
  3. Cache — Inkognito oder warten, bis CDN/Theme-Cache leert.

Erscheint es im Checkout?

Checkout und neue Kundenkonten nutzen andere Domains oder Oberflächen. Die Standard-theme.liquid-Einrichtung gilt für den Onlineshop nur. Zusätzliche Schritte können Shopify Plus oder unterstützte Checkout-Erweiterungen brauchen — Checkout als eigenes Projekt behandeln.

Kommt eine App?

Eine Shopify-App ist für eine einfachere Installation aus dem Admin geplant. Bis dahin ist Theme-Bearbeitung der unterstützte Weg.

Datenschutz

Mit der Umsetzung stimmen Sie der Datenschutzerklärung für das Cookie-Banner zu.

Weiterführend

Last updated