SvelteKit - pagent.ai Documentation

Add the tag to src/app.html, inside <head> and before %sveltekit.head%, so it loads on every route:

src/app.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <script
      src="https://cdn.pagent.ai/js/sdk.js"
      data-client-key="YOUR_CLIENT_KEY">
    </script>
    %sveltekit.head%
  </head>
  <body data-sveltekit-preload-data="hover">
    <div style="display: contents">%sveltekit.body%</div>
  </body>
</html>

No hydration wait. pagent can’t tell when SvelteKit has finished hydrating, so data-await-hydration has no effect here. Leave it out.
Check your variants: open each test’s preview link once and check that the variant stays after the page has finished loading and after you navigate.
Navigation between routes is tracked automatically.

See Frameworks for the shared rules and the Content Security Policy.

Check it worked

Deploy, then open your site in a private browser window.
Back in pagent, click Check connection in the install step.
Open a test’s preview link and check that the variant shows and stays after the page has finished loading.