README.md

Swetrix to SvelteKit integration

After you sign up on Swetrix and create a new project, the only thing left is to add it to your website. If you're curious what data the tracking script collects, open our documentation and read the API -> trackViews section.

Installation

1. Install the Swetrix package via npm install swetrix.
2. Go to your SvelteKit website codebase and either create a new __layout.svelte file or use an existing one.
3. Make your layout file look like this:

<script>
    import { onMount } from "svelte";
    import { browser, dev } from "$app/env";
    import { page } from "$app/stores";
    import * as Swetrix from "swetrix";

    onMount(() => {
        Swetrix.init("YOUR_PROJECT_ID");
        Swetrix.trackViews();
    });

    // Trigger a pageview everytime the user navigates.
    // We use the `browser` env variable to ensure that we don't try to 
    // call trackViews while the component is doing SSR.
    $: $page.url.pathname, browser && Swetrix.trackViews();
</script>

<!-- Your site's content gets injected here -->
<slot />

Do not forget to change YOUR_PROJECT_ID to your actual project id!

Check your installation

After installing Swetrix tracking script, go to your website and visit some pages.
Within a minute you should be able to see new pageviews being added to your project's dahsboard.