[{"data":1,"prerenderedAt":20},["ShallowReactive",2],{"clay-page:\u002F4.x\u002Fde\u002Ffeatures\u002Fanalytics":3},{"html":4,"toc":5,"description":16,"hero":17,"list":18,"socialImage":19},"\u003Ch1 id=\"analytics\">Analytics \u003Cspan class=\"badge badge-sm badge-soft badge-success clay-badge\">Neu in Clay 4\u003C\u002Fspan>\u003C\u002Fh1>\n\u003Cp>Welche Seiten gelesen werden, und wonach Leser suchen, ohne es zu finden: Analytics zeigt, wo die Dokumentation hilft und wo sie zu kurz kommt. Clay arbeitet mit drei Diensten, die keine Cookies setzen und keine personenbezogenen Daten speichern: \u003Ca href=\"https:\u002F\u002Fplausible.io\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>Plausible\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fumami.is\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>Umami\u003C\u002Fa> und \u003Ca href=\"https:\u002F\u002Fwww.goatcounter.com\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>GoatCounter\u003C\u002Fa>. Jeden davon gibt es als gehosteten Dienst oder für den eigenen Server.\u003C\u002Fp>\n\u003Cdiv class=\"clay-tabs\" data-tabs=\"\">\u003Cdiv role=\"tablist\" class=\"tabs tabs-border not-prose\">\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-1-0\" class=\"tab tab-active\" aria-controls=\"clay-tabs-1-0-panel\" aria-selected=\"true\" tabindex=\"0\">Plausible\u003C\u002Fbutton>\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-1-1\" class=\"tab\" aria-controls=\"clay-tabs-1-1-panel\" aria-selected=\"false\" tabindex=\"-1\">Umami\u003C\u002Fbutton>\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-1-2\" class=\"tab\" aria-controls=\"clay-tabs-1-2-panel\" aria-selected=\"false\" tabindex=\"-1\">GoatCounter\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-0-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-0\" data-label=\"Plausible\">\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">analytics\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">  plausible\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: {}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cp>Die Domain der Seite kommt aus \u003Ccode>siteURL\u003C\u002Fcode>; setze \u003Ccode>domain\u003C\u002Fcode>, wenn Plausible die Seite unter einem anderen Namen kennt. Für einen eigenen Server setze \u003Ccode>src\u003C\u002Fcode>:\u003C\u002Fp>\n\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">analytics\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">  plausible\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">    domain\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">\"docs.example.com\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">    src\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">\"https:\u002F\u002Fstats.example.com\u002Fjs\u002Fscript.js\"\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-1-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-1\" data-label=\"Umami\" hidden=\"\">\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">analytics\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">  umami\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">    websiteId\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">\"94db1cb1-74f4-4a40-ad6c-962362670409\"\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cp>Für einen eigenen Server setze \u003Ccode>src\u003C\u002Fcode>, etwa \u003Ccode>https:\u002F\u002Fstats.example.com\u002Fscript.js\u003C\u002Fcode>.\u003C\u002Fp>\n\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-2-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-2\" data-label=\"GoatCounter\" hidden=\"\">\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">analytics\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">  goatcounter\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">    code\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">\"meine-docs\"\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cp>\u003Ccode>code\u003C\u002Fcode> ist der Name deiner Seite unter \u003Ccode>meine-docs.goatcounter.com\u003C\u002Fcode>. Für einen eigenen Server setze \u003Ccode>endpoint\u003C\u002Fcode>, etwa \u003Ccode>https:\u002F\u002Fstats.example.com\u002Fcount\u003C\u002Fcode>.\u003C\u002Fp>\n\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cdiv class=\"markdown-alert markdown-alert-tip\">\n\u003Cp class=\"markdown-alert-title text-primary\">\u003Ci class=\"fa-solid fa-lightbulb mr-2\">\u003C\u002Fi>Tipp\u003C\u002Fp>\n\u003Cp>Diese Website zählt mit GoatCounter: \u003Ccode>goatcounter: {code: \"clay\"}\u003C\u002Fcode>.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Ch2 id=\"was-gezählt-wird\">\u003Ca class=\"heading-anchor\" href=\"#was-gezählt-wird\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#was-gezählt-wird\">#\u003C\u002Fa>Was gezählt wird\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Cstrong>Seitenaufrufe\u003C\u002Fstrong>, auch wenn Leser von Seite zu Seite gehen, ohne dass der Browser eine neue Seite lädt.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Suchen ohne Ergebnis\u003C\u002Fstrong>, mit dem Suchbegriff, einen Moment nachdem der Leser aufhört zu tippen. Sie zeigen, was deiner Dokumentation fehlt.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Kopierter Code und Prompts\u003C\u002Fstrong>, und das \u003Cstrong>Seitenmenü\u003C\u002Fstrong>: eine Seite als Markdown kopieren oder öffnen und ChatGPT oder Claude dazu fragen.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Nur Seitenaufrufe zählen:\u003C\u002Fp>\n\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">analytics\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">  plausible\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: {}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">  events\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\">false\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cp>In Plausible erscheinen Ereignisse, sobald du sie als Ziele anlegst, etwa „Search without results“. Umami und GoatCounter listen sie von selbst.\u003C\u002Fp>\n\u003Ch2 id=\"wann-nichts-gezählt-wird\">\u003Ca class=\"heading-anchor\" href=\"#wann-nichts-gezählt-wird\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#wann-nichts-gezählt-wird\">#\u003C\u002Fa>Wann nichts gezählt wird\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Cstrong>Während \u003Ccode>clay dev\u003C\u002Fcode>\u003C\u002Fstrong>: Analytics läuft nur in gebauten Seiten.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Bei Lesern, die nicht verfolgt werden wollen\u003C\u002Fstrong>: Browser mit Global Privacy Control oder Do Not Track laden gar keine Analytics.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"datenschutz\">\u003Ca class=\"heading-anchor\" href=\"#datenschutz\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#datenschutz\">#\u003C\u002Fa>Datenschutz\u003C\u002Fh2>\n\u003Cdiv class=\"markdown-alert markdown-alert-note\">\n\u003Cp class=\"markdown-alert-title text-base-content\">\u003Ci class=\"fa-solid fa-sticky-note mr-2\">\u003C\u002Fi>Hinweis\u003C\u002Fp>\n\u003Cp>Das ist ein Überblick, keine Rechtsberatung. Die Datenschutzerklärung deiner Seite und die Regeln, die für sie gelten, prüfst du selbst.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cp>In der EU braucht es die Einwilligung der Leser, um etwas auf ihrem Gerät zu speichern oder auszulesen, etwa ein Cookie, außer es ist unbedingt erforderlich (die ePrivacy-Richtlinie, in Deutschland das TDDDG). Personenbezogene Daten wie IP-Adressen brauchen nach der DSGVO eine Rechtsgrundlage.\u003C\u002Fp>\n\u003Cp>Die drei Dienste sind so gebaut, dass das einfach bleibt: Sie setzen keine Cookies und nutzen nichts sonst auf dem Gerät der Leser, und sie speichern keine IP-Adressen oder anderen personenbezogenen Daten, nur Zahlen. Deshalb werden sie üblicherweise ohne Cookie-Banner genutzt, auf Grundlage eines berechtigten Interesses. Was dir bleibt:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Nenne den Dienst in deiner Datenschutzerklärung\u003C\u002Fstrong>: was gezählt wird, von wem und warum.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Schließ den Auftragsverarbeitungsvertrag des Dienstes ab\u003C\u002Fstrong>, wenn du ihn gehostet nutzt. Plausible und GoatCounter werden in der EU gehostet; mit einem eigenen Server verlassen die Daten ihn nie.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Suchbegriffe sind Text, den Leser tippen.\u003C\u002Fstrong> Wenn sie personenbezogene Daten in die Suche tippen könnten, schalte Ereignisse mit \u003Ccode>events: false\u003C\u002Fcode> ab.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Dienste, die Cookies setzen, etwa Google Analytics, brauchen eine Einwilligung, bevor sie laden, und damit ein Cookie-Banner. Clay bringt keines mit. Brauchst du einen solchen Dienst, füge sein Skript mit \u003Ca href=\"\u002Fclay-example-repo\u002F4.x\u002Fde\u002Fconfiguration\u002Fclay-yaml#head\" data-route=\"\u002F4.x\u002Fde\u002Fconfiguration\u002Fclay-yaml#head\">\u003Ccode>head\u003C\u002Fcode>\u003C\u002Fa> und einem Einwilligungs-Werkzeug deiner Wahl hinzu.\u003C\u002Fp>\n",[6,10,13],{"id":7,"text":8,"level":9},"was-gezählt-wird","Was gezählt wird",2,{"id":11,"text":12,"level":9},"wann-nichts-gezählt-wird","Wann nichts gezählt wird",{"id":14,"text":15,"level":9},"datenschutz","Datenschutz","Seitenaufrufe zählen und erfahren, wonach Leser vergeblich suchen, mit Diensten, die keine Cookies setzen.",null,false,"\u002F_clay\u002Fsocial\u002F4.x\u002Fde\u002Ffeatures\u002Fanalytics.png",1792666372737]