1. Grundlegende Einstellungen für Ihren Cookie Banner legen Sie im Canvayo Backend fest – unter „Canvayo -> Cookie-Opt-in“. 

  2. Texte: Zuerst geben Sie den Titel Ihres Pop-ups, den Text sowie die Beschriftung Ihrer Buttons. 

3. Designs: Sie haben die Wahl zwischen zwei Design-Optionen: der klassische Banner und die kompaktere Slim-Version. Die Slim-Version ist dezenter am unteren Rand.


 

Klassischer Banner


Kompakte Slim-Version 


  1. Zusatz-Option: Menü hinterlegen, um auf Impressum und Datenschutz zu verlinken.

  2. Detail-Beschreibungen*: Im Reiter „Typen“ können Sie nähere Beschreibungen zu den Cookie-Arten hinterlegen.
    • Essenzielle*: Für die Nutzung der Seite zwingend notwendige Cookies.
    • Webanalyse & Werbung*: Cookies, die zum Tracking und Datenauswertung dienen.
    • Andere Dienste*: Kurze Beschreibung aller weiteren auf der Seite verwendeten Dienste.
      *Diese kurzen Beschreibungen dienen als Orientierungshilfen in dieser Anleitung, bitte nicht direkt übernehmen.


  • Speichern: Abschließend rechts unter „Aktualisieren“ speichern.

 

Cookies hinterlegen

  1. Reiter „Dienste“ auswählen.

  2. Einstellungen & Skripte: Hier können Sie aus mehreren vorbereiteten Einstellungen auswählen oder eigene Skripte mit der Option „Eigenes Skript“ einfügen. 


  3. Je nachdem welche Einstellungen Sie wählen, werden nun die entsprechenden Einstellungen geöffnet. Hier können Sie die erforderlichen Informationen eintragen.

Beispiel Google Analytics v4

Zunächst müssen Sie Ihre Google Analytics Tracking-ID angeben. Wenn Sie Ihre Tracking-ID nicht kennen, finden Sie auf der Google-Support Seite eine detaillierte Beschreibung. 

Hinweis: Google Universal Analytics wurde durch Google Analytics v4 ersetzt. Ihre Tracking-ID ist für jede Ihrer Seiten unterschiedlich. Achten Sie darauf, dass Sie die Tracking-ID der Seite angeben, bei der Sie tracken möchten.

Beispiel Facebook-Pixel (jetzt Meta-Pixel)

Für das Facebook-Pixel (jetzt Meta-Pixel) gilt das Gleiche wie für Google Analytics v4.

  1. Um Ihre Meta-Pixel-ID herauszufinden, melden Sie sich in Ihrem Meta-Business Konto an und gehen Sie zu Ihrem Events-Manager
  2. Wählen Sie links „Datenquellen“ aus.
  3. Suchen Sie nach dem gewünschten Pixel und gehen Sie in die Einstellungen. Dort finden Sie die Pixel-ID.

Hinweis: Die Pixel-ID ist für jede Ihrer Seiten unterschiedlich. Achten Sie darauf, dass Sie die Pixel-ID der Seite angeben, bei der Sie tracken möchten.


  1. Reiter „Service Inhalt“: Hier können Sie anschließend weitere Informationen zu den einzelnen Cookies angeben. Hierfür müssen die entsprechenden Cookies vorher in den voreingestellten „Diensten“ ausgewählt werden.
Beispiel Youtube
  1. Speichern: Abschließend rechts unter „Aktualisieren“ speichern.

 

Eigene Skripte hinterlegen

In manchen Fällen müssen Sie als Kunde eigene Cookie-Skripte hinterlegen. Auch dies ist in Canvayo möglich.

  1. Schritt 1: Klicken Sie zuerst unter voreingestellte „Dienste“ auf „Eigene Skripte“. Die entsprechenden Felder öffnen sich.

  2. Schritt 2: Wählen Sie den Typ aus. Hier legen Sie fest, ob der Cookie a) essenziell, b) für Marketing oder c) externe Dienste eingesetzt wird.


  3. Schritt 3: Als nächstes vergeben Sie eine ID, bspw. „custom-blocker-für-iframe“.
  4. Schritt 4: Dann tragen Sie eine Cookie-Liste mit Cookies ein, die durch das Skript gesetzt werden. Die Liste für die Cookies und die entsprechenden Abkürzungen erhalten Sie bei Ihrem Anbieter.
  5. Schritt 5: Darunter können Sie den entsprechendem Namen des Cookies eintragen, bspw.“Custom Blocker für iFrame“.
    Zudem ergänzen Sie noch eine Beschreibung und nennen den Anbieter.
  6. Schritt 6: Sie können zudem individuell die „Lebensdauer“ festlegen, die der Cookie aktiv sein soll. Wichtig: Die Angabe erfolgt in Sekunden.
  7. Schritt 7: Im vorletzten Feld hinterlegen Sie einen Link zu den Datenschutzhinweisen für Ihr Skript.
  8. Schritt 8: Skript einfügen. Achten Sie darauf, dass das Skript mit <script> beginnt und mit </script> endet.
  9. Schritt 9: Wenn gewünscht können Sie anschließend weitere Skripte einfügen.
  10. Speichern: Abschließend rechts unter Aktualisieren speichern

 

 

Einfügen der Blocker bei Iframes, Video Blöcken und Video-Modalboxen

Fast geschafft! Jetzt noch die Cookie-Blocker bei den entsprechenden Iframes, Videos oder Modalboxen hinterlegen. 🙂 

Was ist ein Cookie Blocker?

Mit einem Cookie Blocker können Sie bestimmte Inhalte, wie Videos und Inhalte in Iframes nur anzeigen lassen, wenn der Nutzer den entsprechenden Cookies zustimmt.

 

Iframes

  1. Schritt 1: Um den Cookie Blocker bei iFrames zu hinterlegen, klicken Sie zunächst auf „Insert Iframe Shortcode“. Diesen Button finden Sie oberhalb von Textfeldern.


  2. Schritt 2: Hier können Sie nun Ihren Iframe konfigurieren und den Cookie, der die Inhalte zunächst blockiert, unten links auswählen. Weiteres zu unseren Shortcodes finden Sie hier.


  3. Speichern: Die Einstellungen können Sie im Anschluss schließen und die Änderungen auf der Seite speichern.

 

Video Block

Auch bei Videos können Sie eine Cookie Blocker einfügen:

  1. Wählen Sie hierfür im Canvayo Video-Block die Option Video Link aus. Tragen Sie den Link ein.
  2. Anschließend können Sie rechts den entsprechenden Cookie als Blocker wählen.
  3. Speichern: Die Einstellungen können Sie im Anschluss schließen und die Änderungen auf der Seite speichern.


 

Video-Modalboxen

In einer Video-Modalbox können Sie ebenfalls einen Blocker hinterlegen. Dies funktioniert ähnlich wie im Video-Block.

  1. Schritt 1: Öffnen Sie die gewählte Modalbox oder erstellen Sie eine neue im Backend unter „Modalboxen“.
  2. Schritt 2: Wählen Sie im Bearbeitungsfenster der Modalbox im Dropdown unter Typ „Video“ aus.


  3. Schritt 3: Wählen Sie im Anschluss unter Video-Typ „Video-Link“ aus. 


  4. Schritt 5: Tragen Sie nun analog zu den Optionen im Video-Block den „Video-Link“ ein und wählen Sie den Blocker im Dropdown. Im Beispiel wurde ein Youtube-Link eingetragen und dementsprechend der Youtube-Cookie als Blocker verwendet.


  5. Schritt 6: Sie können zusätzlich noch Autoplay aktivieren und die Modal-Auslöse-Bedingungen festlegen, wenn gewünscht.
  6. Speichern: Abschließend die Änderungen unter Aktualisieren speichern.

Video Tutorial