Install Tidemark on SvelteKit

Add the script to your page template, src/app.html.

Your site's Settings → Tracking tab shows this same code with your domain and script already filled in, under Install on → SvelteKit. Each site has its own script file name (a short code such as 3fa91c0b2e.js), so copy the code from there rather than typing it.

Steps#

Open src/app.html and add the tag inside <head>:

<script defer data-domain="example.com" src="https://YOUR-TIDEMARK/js/YOUR-SCRIPT.js"></script>

Replace example.com with the domain you added in Tidemark.

Pageviews are recorded on load and on every route change, so you don't need extra code for client-side navigation.

Record your own events#

Call window.plausible('Signup') to record a custom event, with optional properties: window.plausible('Signup', { props: { plan: 'pro' } }). Call it in the browser, for example in an event handler or in onMount, rather than while the page renders on the server. Create a matching goal in your site's settings to see it under Behaviors.

Check that it works#

Open your site in a private window, then look at your Tidemark dashboard. Visits from localhost are ignored, so test on a real address.

If nothing shows up:

• Make sure the domain in the snippet matches the domain you added in Tidemark.
• Turn off any ad blocker for your own test, and check the browser console for a blocked request.
• Make sure the script address in the snippet is reachable from the visitor's browser.