Installatie op een pure HTML-site
Als uw site bestaat uit losse .html-bestanden (met of zonder een static site generator zoals Hugo, Eleventy of Astro), is dit de meest directe installatiemethode.
Stappen
- Open uw bestand
index.html(en elk ander bestand dat u wilt bijhouden —about.html,contact.html, enz. — of een gedeelde partial als die bestaat). - Plak het snippet vlak voor de sluitende tag
</head>:
<script defer src="https://snorklee.com/w.js" data-site="UW_SITE_ID"></script>
- Sla op en deploy.
Als u een static site generator gebruikt
- Hugo: voeg het snippet toe in
layouts/_default/baseof.htmloflayouts/partials/head.html. - Eleventy: in uw hoofdlayout (
_includes/base.njkof equivalent). - Astro: in de
<head>van het layoutbestand (src/layouts/Layout.astro). - Jekyll: in
_includes/head.html. - Hexo / Pelican / Zola: in het basistemplate van uw thema.
Al deze generators delen hetzelfde principe: één layoutbestand definieert de <head> die geldt voor alle pagina's — daar plakt u het snippet.
Dynamisch gegenereerde pagina's (PHP, ASP.NET, JSP…)
Hetzelfde principe geldt: het snippet hoort in de <head> van het gemeenschappelijke template. Als u meerdere templates gebruikt (bijvoorbeeld één voor publieke pagina's en één voor de blog), vergeet dan niet het snippet in elk template te plaatsen.