1 minute

Install Web-Tracking.eu on SvelteKit

SvelteKit has a single app.html template for the document shell. Add the script there and it loads on every page, SSR included.

1

Open src/app.html

This file is the template for every page in your SvelteKit app.

2

Add the script tag

Inside the <head> block, add:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    %sveltekit.head%
    <script
      src="https://web-tracking.eu/t.js?site=YOUR_SITE_ID"
      defer
    ></script>
  </head>
  <body data-sveltekit-preload-data="hover">
    <div style="display: contents">%sveltekit.body%</div>
  </body>
</html>
3

Replace the site ID

Change YOUR_SITE_ID to your dashboard ID. The Web-Tracking.eu script auto-tracks SvelteKit's client-side navigations through the History API — no additional configuration required.

Verify it's working

  1. Open your site in a private/incognito window.
  2. Visit any page on the site.
  3. Open the Web-Tracking.eu dashboard for this site.
  4. The Realtime view should show your visit within 5–10 seconds.

Having trouble?

  • No data showing: Confirm the script is in the page source (View Source > search web-tracking.eu/t.js).
  • Wrong site ID: Double-check the ID matches the one in your dashboard. IDs are case-sensitive.
  • Ad blocker: Web-Tracking.eu is privacy-friendly, but some aggressive blockers still hide it. Test in a fresh browser.
  • Caching: Many platforms cache the page HTML. Purge your cache after install.
  • Still stuck? Email hello@web-tracking.eu with your site URL.
← Back to install hub