Installation auf einer reinen HTML-Website
Wenn Ihre Website aus einzelnen .html-Dateien besteht (mit oder ohne statischen Generator wie Hugo, Eleventy oder Astro), ist dies die direkteste Installationsmethode.
Schritte
- Öffnen Sie Ihre Datei
index.html(sowie alle weiteren Dateien, die Sie tracken möchten —about.html,contact.htmlusw. — oder eine gemeinsame Partial-Datei, falls vorhanden). - Fügen Sie das Snippet direkt vor dem schließenden
</head>-Tag ein:
<script defer src="https://snorklee.com/w.js" data-site="IHRE_SITE_ID"></script>
- Speichern und deployen Sie.
Wenn Sie einen statischen Generator verwenden
- Hugo: fügen Sie das Snippet in
layouts/_default/baseof.htmloderlayouts/partials/head.htmlein. - Eleventy: in Ihrem Haupt-Layout (
_includes/base.njkoder äquivalent). - Astro: im
<head>der Layout-Datei (src/layouts/Layout.astro). - Jekyll: in
_includes/head.html. - Hexo / Pelican / Zola: im Basis-Template Ihres Themes.
All diese Generatoren folgen demselben Prinzip: Eine einzige Layout-Datei definiert den gemeinsamen <head> aller Seiten — dort fügen Sie das Snippet ein.
Dynamisch generierte Seiten (PHP, ASP.NET, JSP …)
Gleiche Vorgehensweise: das Snippet kommt in den <head> des gemeinsamen Templates. Wenn Sie mehrere Templates verwenden (z. B. eines für öffentliche Seiten und eines für den Blog), fügen Sie es in jedes ein.