{"id":10223,"date":"2026-04-22T09:43:51","date_gmt":"2026-04-22T07:43:51","guid":{"rendered":"https:\/\/www.biloba-it.de\/?post_type=doku&#038;p=10223"},"modified":"2026-05-05T09:34:59","modified_gmt":"2026-05-05T07:34:59","slug":"microsoft-clarity-integration-pro","status":"publish","type":"doku","link":"https:\/\/www.biloba-it.de\/en\/doku\/microsoft-clarity-integration-pro\/","title":{"rendered":"Microsoft Clarity Integration Pro - Heatmaps, Recordings &amp; Consent"},"content":{"rendered":"<style>.kb-row-layout-id10223_f1a001-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id10223_f1a001-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id10223_f1a001-01 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id10223_f1a001-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id10223_f1a001-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id10223_f1a001-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id10223_f1a001-01 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column10223_f1a001-c1 > .kt-inside-inner-col,.kadence-column10223_f1a001-c1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column10223_f1a001-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column10223_f1a001-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column10223_f1a001-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column10223_f1a001-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column10223_f1a001-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column10223_f1a001-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column10223_f1a001-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column10223_f1a001-c1\"><div class=\"kt-inside-inner-col\">\n<p>Microsoft Clarity liefert Heatmaps, Session Recordings und Insights f\u00fcr deinen Shop \u2013 kostenlos, ohne Session-Limit und ohne Sampling. Microsoft Clarity Integration Pro bindet den Dienst sauber in Shopware 6 ein und k\u00fcmmert sich um Cookie-Consent, Custom Tags und den Schutz sensibler Checkout-Daten. Alle Einstellungen erfolgen \u00fcber die Plugin-Konfiguration in der Shopware-Administration \u2013 Code-Anpassungen sind nicht n\u00f6tig.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Einbindung von Microsoft Clarity (Tracking-Code, asynchron geladen)<\/li>\n\n\n\n<li>Integration in den Shopware Cookie Manager (Gruppen Statistik, Marketing oder Komfort w\u00e4hlbar)<\/li>\n\n\n\n<li>SHA256-gehashte User-Identifikation f\u00fcr eingeloggte Kunden (kein Klartext-PII an Microsoft)<\/li>\n\n\n\n<li>Custom Tags f\u00fcr Sales Channel, Sprache und Kundengruppe<\/li>\n\n\n\n<li>Automatische Maskierung aller Checkout-Eingaben (Adresse, Zahlung, E-Mail)<\/li>\n\n\n\n<li>Purchase-Event auf der Finish-Seite f\u00fcr Conversion-Auswertungen<\/li>\n<\/ol>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<style>.kb-row-layout-id10223_f1a002-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id10223_f1a002-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id10223_f1a002-01 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id10223_f1a002-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id10223_f1a002-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id10223_f1a002-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id10223_f1a002-01 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column10223_f1a002-c1 > .kt-inside-inner-col,.kadence-column10223_f1a002-c1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column10223_f1a002-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column10223_f1a002-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column10223_f1a002-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column10223_f1a002-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column10223_f1a002-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column10223_f1a002-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column10223_f1a002-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column10223_f1a002-c1\"><div class=\"kt-inside-inner-col\">\n<h2 class=\"wp-block-heading\">Voraussetzungen<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Shopware <strong>6.6<\/strong> oder <strong>6.7<\/strong><\/li>\n\n\n\n<li>Ein aktives Microsoft-Clarity-Projekt mit g\u00fcltiger Project-ID (Anlage kostenlos unter <a href=\"https:\/\/clarity.microsoft.com\" target=\"_blank\" rel=\"noopener\">clarity.microsoft.com<\/a>)<\/li>\n\n\n\n<li>Aktiver Shopware Cookie Manager \u2013 ohne Consent l\u00e4dt Clarity nicht<\/li>\n<\/ul>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id10223_f1a003-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id10223_f1a003-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id10223_f1a003-01 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id10223_f1a003-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id10223_f1a003-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id10223_f1a003-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id10223_f1a003-01 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column10223_f1a003-c1 > .kt-inside-inner-col,.kadence-column10223_f1a003-c1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column10223_f1a003-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column10223_f1a003-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column10223_f1a003-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column10223_f1a003-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column10223_f1a003-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column10223_f1a003-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column10223_f1a003-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column10223_f1a003-c1\"><div class=\"kt-inside-inner-col\">\n<h2 class=\"wp-block-heading\">Kompatibilit\u00e4t<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Shopware <strong>6.7<\/strong> \u2013 vollst\u00e4ndig getestet, Anbindung \u00fcber die neue <code>CookieGroupCollectEvent<\/code>-API<\/li>\n\n\n\n<li>Shopware <strong>6.6<\/strong> \u2013 kompatibel \u00fcber die klassische <code>CookieProviderInterface<\/code>-API<\/li>\n\n\n\n<li>Verwendet ausschlie\u00dflich die offizielle Microsoft-Clarity-Client-API (<code>consent<\/code>, <code>set<\/code>, <code>identify<\/code>, <code>event<\/code>, <code>upgrade<\/code>)<\/li>\n\n\n\n<li>Keine Drittplugins erforderlich<\/li>\n<\/ul>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<style>.kb-row-layout-id10223_f1a004-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id10223_f1a004-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id10223_f1a004-01 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id10223_f1a004-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id10223_f1a004-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id10223_f1a004-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id10223_f1a004-01 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column10223_f1a004-c1 > .kt-inside-inner-col,.kadence-column10223_f1a004-c1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column10223_f1a004-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column10223_f1a004-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column10223_f1a004-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column10223_f1a004-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column10223_f1a004-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column10223_f1a004-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column10223_f1a004-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column10223_f1a004-c1\"><div class=\"kt-inside-inner-col\">\n<h2 class=\"wp-block-heading\">Installation<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Plugin im Shopware Store erwerben und im Shop installieren.<\/li>\n\n\n\n<li>Unter <strong>Erweiterungen \u2192 Meine Erweiterungen<\/strong> aktivieren.<\/li>\n\n\n\n<li>Cache leeren und Storefront per F5 neu laden.<\/li>\n\n\n\n<li>Die Plugin-Konfiguration \u00f6ffnen und die Microsoft-Clarity-Project-ID eintragen (siehe n\u00e4chster Abschnitt).<\/li>\n<\/ol>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<style>.kb-row-layout-id10223_f1a005-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id10223_f1a005-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id10223_f1a005-01 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id10223_f1a005-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id10223_f1a005-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id10223_f1a005-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id10223_f1a005-01 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column10223_f1a005-c1 > .kt-inside-inner-col,.kadence-column10223_f1a005-c1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column10223_f1a005-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column10223_f1a005-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column10223_f1a005-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column10223_f1a005-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column10223_f1a005-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column10223_f1a005-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column10223_f1a005-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column10223_f1a005-c1\"><div class=\"kt-inside-inner-col\">\n<h2 class=\"wp-block-heading\">Einrichtung<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Microsoft-Clarity-Projekt anlegen<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/clarity.microsoft.com\" target=\"_blank\" rel=\"noopener\">clarity.microsoft.com<\/a> \u00f6ffnen und anmelden (Microsoft-, Google- oder Facebook-Konto).<\/li>\n\n\n\n<li>Oben links auf <strong>Meine Projekte<\/strong> klicken.<\/li>\n\n\n\n<li>\u00dcber <strong>Neues Projekt<\/strong> das Formular ausf\u00fcllen: Name (z.&nbsp;B. der Shop-Name), Website-URL, passende Kategorie.<\/li>\n\n\n\n<li>Projekt anlegen.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Project-ID herauskopieren<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Nach dem Anlegen das neue Projekt oben rechts \u00fcber die Projekt-Auswahl aktivieren.<\/li>\n\n\n\n<li>Im linken Men\u00fc auf <strong>Einstellungen<\/strong> klicken.<\/li>\n\n\n\n<li>Ganz oben steht die <strong>Project-ID<\/strong> (alphanumerisch, z.&nbsp;B. <code>abc1234xyz<\/code>). Diese ID kopieren.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Plugin konfigurieren<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In der Shopware-Administration <strong>Erweiterungen \u2192 Meine Erweiterungen \u2192 Microsoft Clarity Integration Pro \u2192 Konfiguration<\/strong> \u00f6ffnen.<\/li>\n\n\n\n<li>Project-ID eintragen.<\/li>\n\n\n\n<li>Bei Bedarf pro Sales Channel konfigurieren, wenn nur bestimmte Kan\u00e4le getrackt werden sollen.<\/li>\n\n\n\n<li>Speichern.<\/li>\n<\/ol>\n\n\n\n<p>Die Project-ID wird beim Speichern validiert \u2013 nur alphanumerische Zeichen werden akzeptiert. Ung\u00fcltige Eingaben werden ignoriert und Clarity l\u00e4dt nicht.<\/p>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<style>.kb-row-layout-id10223_f1a006-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id10223_f1a006-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id10223_f1a006-01 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id10223_f1a006-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id10223_f1a006-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id10223_f1a006-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id10223_f1a006-01 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column10223_f1a006-c1 > .kt-inside-inner-col,.kadence-column10223_f1a006-c1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column10223_f1a006-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column10223_f1a006-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column10223_f1a006-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column10223_f1a006-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column10223_f1a006-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column10223_f1a006-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column10223_f1a006-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column10223_f1a006-c1\"><div class=\"kt-inside-inner-col\">\n<h2 class=\"wp-block-heading\">1 \u00b7 Grundkonfiguration<\/h2>\n\n\n\n<p>Die Grundkonfiguration schaltet Clarity ein und bestimmt, wie der Cookie in den Cookie Manager eingeordnet wird.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Feld<\/th><th>Bedeutung<\/th><\/tr><\/thead><tbody><tr><td><strong>Plugin aktiv<\/strong><\/td><td>Schaltet die gesamte Clarity-Einbindung ein oder aus.<\/td><\/tr><tr><td><strong>Clarity Project-ID<\/strong><\/td><td>Die alphanumerische ID aus dem Clarity-Dashboard.<\/td><\/tr><tr><td><strong>Cookie-Gruppe<\/strong><\/td><td>In welche Shopware-Cookie-Gruppe der Clarity-Cookie eingeordnet wird: <strong>Statistik<\/strong> (Default, DSGVO-Empfehlung), <strong>Marketing<\/strong> oder <strong>Komfort<\/strong>.<\/td><\/tr><tr><td><strong>Cookie-Consent umgehen<\/strong><\/td><td>Nur f\u00fcr interne Test-Shops: Clarity l\u00e4dt sofort ohne Cookie-Banner. <strong>Nicht in Produktivshops aktivieren!<\/strong><\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<style>.kb-row-layout-id10223_f1a007-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id10223_f1a007-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id10223_f1a007-01 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id10223_f1a007-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id10223_f1a007-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id10223_f1a007-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id10223_f1a007-01 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column10223_f1a007-c1 > .kt-inside-inner-col,.kadence-column10223_f1a007-c1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column10223_f1a007-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column10223_f1a007-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column10223_f1a007-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column10223_f1a007-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column10223_f1a007-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column10223_f1a007-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column10223_f1a007-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column10223_f1a007-c1\"><div class=\"kt-inside-inner-col\">\n<h2 class=\"wp-block-heading\">2 \u00b7 Optionen<\/h2>\n\n\n\n<p>Die Optionen steuern zus\u00e4tzliche Clarity-Features rund um Kundenerkennung, Conversion-Tracking und Datenschutz im Checkout.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Feld<\/th><th>Bedeutung<\/th><\/tr><\/thead><tbody><tr><td><strong>User-Identifikation aktivieren<\/strong><\/td><td>Ruft f\u00fcr eingeloggte Kunden <code>clarity(\"identify\", &lt;sha256-hash&gt;)<\/code> auf. Die Kunden-ID wird <strong>vor<\/strong> dem Senden per SHA256 gehasht \u2013 kein Klartext-PII erreicht Microsoft.<\/td><\/tr><tr><td><strong>Purchase-Event auf Finish-Seite<\/strong><\/td><td>Feuert nach abgeschlossener Bestellung <code>clarity(\"event\", \"purchase\")<\/code> auf <code>\/checkout\/finish<\/code>.<\/td><\/tr><tr><td><strong>Checkout-Felder maskieren<\/strong><\/td><td>Wrappt den gesamten Checkout-Content in <code>&lt;div data-clarity-mask&gt;<\/code>. Clarity blendet alle Formulareingaben (Adresse, Zahlung, E-Mail) in Session Recordings und Heatmaps automatisch aus.<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<style>.kb-row-layout-id10223_f1a008-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id10223_f1a008-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id10223_f1a008-01 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id10223_f1a008-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id10223_f1a008-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id10223_f1a008-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id10223_f1a008-01 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column10223_f1a008-c1 > .kt-inside-inner-col,.kadence-column10223_f1a008-c1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column10223_f1a008-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column10223_f1a008-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column10223_f1a008-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column10223_f1a008-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column10223_f1a008-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column10223_f1a008-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column10223_f1a008-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column10223_f1a008-c1\"><div class=\"kt-inside-inner-col\">\n<h2 class=\"wp-block-heading\">3 \u00b7 Custom Tags<\/h2>\n\n\n\n<p>Custom Tags sind Key-Value-Paare, die bei jeder Session an Clarity \u00fcbergeben werden (<code>clarity(\"set\", key, value)<\/code>). Sie tauchen im Clarity-Dashboard als Filter auf \u2013 so lassen sich Heatmaps und Recordings nach Sprache, Sales Channel oder Kundengruppe segmentieren.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Feld<\/th><th>Bedeutung<\/th><\/tr><\/thead><tbody><tr><td><strong>Sales-Channel taggen<\/strong><\/td><td>Sendet den Namen des aktuellen Sales Channels als Tag <code>salesChannel<\/code>.<\/td><\/tr><tr><td><strong>Sprache taggen<\/strong><\/td><td>Sendet den aktuellen Locale-Code (z.&nbsp;B. <code>de-DE<\/code>, <code>en-GB<\/code>) als Tag <code>language<\/code>.<\/td><\/tr><tr><td><strong>Kundengruppe taggen<\/strong><\/td><td>Sendet den Namen der Kundengruppe als Tag <code>customerGroup<\/code> (nur wenn der Kunde eingeloggt ist).<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<style>.kb-row-layout-id10223_f1a009-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id10223_f1a009-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id10223_f1a009-01 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id10223_f1a009-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id10223_f1a009-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id10223_f1a009-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id10223_f1a009-01 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column10223_f1a009-c1 > .kt-inside-inner-col,.kadence-column10223_f1a009-c1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column10223_f1a009-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column10223_f1a009-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column10223_f1a009-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column10223_f1a009-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column10223_f1a009-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column10223_f1a009-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column10223_f1a009-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column10223_f1a009-c1\"><div class=\"kt-inside-inner-col\">\n<h2 class=\"wp-block-heading\">4 \u00b7 Cookie-Banner &amp; Consent<\/h2>\n\n\n\n<p>Nach der Installation erscheint der Cookie <strong>biloba-clarity-enabled<\/strong> automatisch im Shopware Cookie Manager, in der konfigurierten Gruppe (Statistik, Marketing oder Komfort).<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Stimmt der Kunde zu, wird das Clarity-Script asynchron nachgeladen und beginnt zu tracken.<\/li>\n\n\n\n<li>Stimmt der Kunde nicht zu, l\u00e4dt Clarity nicht \u2013 es gehen keinerlei Daten an Microsoft.<\/li>\n\n\n\n<li>Widerruft der Kunde sp\u00e4ter die Zustimmung, wird Clarity beim n\u00e4chsten Seitenaufruf nicht mehr geladen.<\/li>\n<\/ul>\n\n\n\n<p>Das Plugin unterst\u00fctzt <strong>beide<\/strong> Shopware-Cookie-APIs: die klassische <code>CookieProviderInterface<\/code> (vor 6.7.3) und die neue <code>CookieGroupCollectEvent<\/code>-basierte API (6.7.3+).<\/p>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<style>.kb-row-layout-id10223_f1a010-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id10223_f1a010-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id10223_f1a010-01 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id10223_f1a010-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id10223_f1a010-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id10223_f1a010-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id10223_f1a010-01 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column10223_f1a010-c1 > .kt-inside-inner-col,.kadence-column10223_f1a010-c1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column10223_f1a010-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column10223_f1a010-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column10223_f1a010-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column10223_f1a010-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column10223_f1a010-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column10223_f1a010-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column10223_f1a010-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column10223_f1a010-c1\"><div class=\"kt-inside-inner-col\">\n<h2 class=\"wp-block-heading\">5 \u00b7 Checkout-Maskierung<\/h2>\n\n\n\n<p>Wenn <strong>Checkout-Felder maskieren<\/strong> aktiv ist, werden im gesamten Checkout (<code>\/checkout\/*<\/code>) alle Eingabefelder f\u00fcr Clarity unsichtbar gemacht:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adress-Eingaben<\/li>\n\n\n\n<li>Zahlungsdaten<\/li>\n\n\n\n<li>E-Mail-Adresse<\/li>\n\n\n\n<li>Rechnungsanschrift<\/li>\n<\/ul>\n\n\n\n<p>In Clarity-Aufzeichnungen erscheinen diese Felder als graue Rechtecke, Heatmaps zeigen nur die Position der Felder, nicht den Inhalt. Das ist die <strong>native Clarity-Funktion<\/strong> \u00fcber das HTML-Attribut <code>data-clarity-mask<\/code> \u2013 keine eigene Magie, sondern Microsoft-Standard.<\/p>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<style>.kb-row-layout-id10223_f1a012-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id10223_f1a012-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id10223_f1a012-01 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id10223_f1a012-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id10223_f1a012-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id10223_f1a012-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id10223_f1a012-01 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column10223_f1a012-c1 > .kt-inside-inner-col,.kadence-column10223_f1a012-c1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column10223_f1a012-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column10223_f1a012-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column10223_f1a012-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column10223_f1a012-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column10223_f1a012-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column10223_f1a012-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column10223_f1a012-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column10223_f1a012-c1\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading10223_faq-hd, .wp-block-kadence-advancedheading.kt-adv-heading10223_faq-hd[data-kb-block=\"kb-adv-heading10223_faq-hd\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading10223_faq-hd mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading10223_faq-hd[data-kb-block=\"kb-adv-heading10223_faq-hd\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading10223_faq-hd img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading10223_faq-hd[data-kb-block=\"kb-adv-heading10223_faq-hd\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading10223_faq-hd wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading10223_faq-hd\">FAQs<\/h2>\n\n\n<style>.kt-accordion-id10223_faq-ac .kt-accordion-inner-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:18px;}.kt-accordion-id10223_faq-ac .kt-accordion-panel-inner{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kt-accordion-id10223_faq-ac > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header{background:var(--global-palette5, #4A5568);font-weight:bold;color:var(--global-palette9, #ffffff);padding-top:var(--global-kb-spacing-xxs, 0.5rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xxs, 0.5rem);padding-left:var(--global-kb-spacing-xs, 1rem);}.kt-accordion-id10223_faq-ac:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id10223_faq-ac:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap .kt-blocks-accordion-icon-trigger:before{background:var(--global-palette9, #ffffff);}.kt-accordion-id10223_faq-ac:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger{background:var(--global-palette9, #ffffff);}.kt-accordion-id10223_faq-ac:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id10223_faq-ac:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger:before{background:var(--global-palette5, #4A5568);}.kt-accordion-id10223_faq-ac > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header:hover, \n\t\t\t\tbody:not(.hide-focus-outline) .kt-accordion-id10223_faq-ac .kt-blocks-accordion-header:focus-visible{background:var(--global-palette6, #718096);}.kt-accordion-id10223_faq-ac:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id10223_faq-ac:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:before, body:not(.hide-focus-outline) .kt-accordion-id10223_faq-ac:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger:after, body:not(.hide-focus-outline) .kt-accordion-id10223_faq-ac:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger:before{background:var(--global-palette6, #718096);}@media all and (max-width: 767px){.kt-accordion-id10223_faq-ac .kt-accordion-inner-wrap{display:block;}.kt-accordion-id10223_faq-ac .kt-accordion-inner-wrap .kt-accordion-pane:not(:first-child){margin-top:18px;}}<\/style>\n<div class=\"wp-block-kadence-accordion alignnone\"><div class=\"kt-accordion-wrap kt-accordion-id10223_faq-ac kt-accordion-has-6-panes kt-active-pane-0 kt-accordion-block kt-pane-header-alignment-left kt-accodion-icon-style-basic kt-accodion-icon-side-right\" style=\"max-width:none\"><div class=\"kt-accordion-inner-wrap\" data-allow-multiple-open=\"false\" data-start-open=\"none\">\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-1 kt-pane10223_p001\"><h3 class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\"><strong>Kostet Microsoft Clarity etwas?<\/strong><\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/h3><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p>Nein. Clarity ist ein kostenloses Tool von Microsoft, ohne Session-Limit und ohne Sampling. Nur dieses Plugin kostet \u2013 weil wir die saubere Shopware-Integration gebaut haben.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-2 kt-pane10223_p002\"><h3 class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\"><strong>Werden meine Kundendaten an Microsoft geschickt?<\/strong><\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/h3><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p>Nur wenn der Kunde dem Cookie zustimmt. Selbst dann verlassen <strong>keine Klartext-Kundendaten<\/strong> den Shop: die User-Identifikation ist SHA256-gehasht, Checkout-Felder werden maskiert. Clarity empf\u00e4ngt anonyme Bewegungsdaten und die Custom Tags, die im Plugin konfiguriert wurden.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-3 kt-pane10223_p003\"><h3 class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\"><strong>Ich sehe im Clarity-Dashboard keine Sessions. Was tun?<\/strong><\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/h3><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p>Project-ID auf Tippfehler pr\u00fcfen (muss alphanumerisch sein), in den Browser-Devtools kontrollieren, ob das Clarity-Script mit der ID <code>biloba-clarity-script<\/code> geladen wird, dem Cookie-Banner zustimmen oder den Bypass-Modus f\u00fcr den Test aktivieren. Clarity braucht typischerweise 20\u201330 Minuten, bis die erste Session im Dashboard erscheint.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-4 kt-pane10223_p004\"><h3 class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\"><strong>Funktioniert das Plugin mit Custom-Cookie-Bars oder Drittanbieter-Cookie-Bannern?<\/strong><\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/h3><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p>Der Cookie-Eintrag <code>biloba-clarity-enabled<\/code> wird unabh\u00e4ngig von der verwendeten UI im Cookie Manager registriert. Ein Drittanbieter-Banner muss denselben Cookie-Namen setzen, damit die Einwilligung korrekt erkannt wird.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-5 kt-pane10223_p005\"><h3 class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\"><strong>Kann ich die Custom Tags selbst erweitern?<\/strong><\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/h3><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p>Im UI sind aktuell Sales Channel, Sprache und Kundengruppe verf\u00fcgbar. Eigene Tags per Twig-Erweiterung sind \u00fcber das offizielle Clarity-API (<code>clarity(\"set\", key, value)<\/code>) jederzeit m\u00f6glich \u2013 sprich uns dazu gern \u00fcber den Support an.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-6 kt-pane10223_p006\"><h3 class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\"><strong>Wird Clarity auf der Finish-Seite nach dem Kauf immer geladen?<\/strong><\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/h3><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p>Nur wenn der Kunde zuvor zugestimmt hat oder der Bypass-Modus aktiv ist. Der <code>purchase<\/code>-Event wird nur dann gefeuert, wenn Clarity bereits l\u00e4uft \u2013 nichts wird nachtr\u00e4glich getrackt.<\/p>\n<\/div><\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n<style>.kb-row-layout-id10223_f1a013-01 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id10223_f1a013-01 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id10223_f1a013-01 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id10223_f1a013-01 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id10223_f1a013-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id10223_f1a013-01 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id10223_f1a013-01 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column10223_f1a013-c1 > .kt-inside-inner-col,.kadence-column10223_f1a013-c1 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column10223_f1a013-c1 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column10223_f1a013-c1 > .kt-inside-inner-col{flex-direction:column;}.kadence-column10223_f1a013-c1 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column10223_f1a013-c1 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column10223_f1a013-c1{position:relative;}@media all and (max-width: 1024px){.kadence-column10223_f1a013-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column10223_f1a013-c1 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column10223_f1a013-c1\"><div class=\"kt-inside-inner-col\">\n<h2 class=\"wp-block-heading\">Support<\/h2>\n\n\n\n<p>Bei Fragen oder Problemen stehen wir zur Verf\u00fcgung:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Support-Anfrage: <a href=\"https:\/\/www.biloba-it.de\/shopware-plugin-support\/\">biloba-it.de\/shopware-plugin-support<\/a><\/li>\n\n\n\n<li>E-Mail: <a href=\"mailto:support@biloba-it.de\">support@biloba-it.de<\/a><\/li>\n\n\n\n<li>Telefon: +49 (0) 711 \u2013 13633800<\/li>\n\n\n\n<li>Offizielle Clarity-Doku: <a href=\"https:\/\/learn.microsoft.com\/en-us\/clarity\/setup-and-installation\/clarity-api\" target=\"_blank\" rel=\"noopener\">learn.microsoft.com\/en-us\/clarity<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Integrate Microsoft Clarity (heatmaps, session recordings, insights) into Shopware 6 - including cookie consent, custom tags for sales channel, language and customer group as well as automatic checkout masking.<\/p>","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-10223","doku","type-doku","status-publish","hentry"],"acf":[],"taxonomy_info":[],"featured_image_src_large":false,"author_info":[],"comment_info":"","_links":{"self":[{"href":"https:\/\/www.biloba-it.de\/en\/wp-json\/wp\/v2\/doku\/10223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.biloba-it.de\/en\/wp-json\/wp\/v2\/doku"}],"about":[{"href":"https:\/\/www.biloba-it.de\/en\/wp-json\/wp\/v2\/types\/doku"}],"version-history":[{"count":4,"href":"https:\/\/www.biloba-it.de\/en\/wp-json\/wp\/v2\/doku\/10223\/revisions"}],"predecessor-version":[{"id":10302,"href":"https:\/\/www.biloba-it.de\/en\/wp-json\/wp\/v2\/doku\/10223\/revisions\/10302"}],"wp:attachment":[{"href":"https:\/\/www.biloba-it.de\/en\/wp-json\/wp\/v2\/media?parent=10223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}