Skip to content
kymoDocs
Guides

Install on Astro

Add the tag to a shared layout so it renders on every page.

In your layout

Put it in the <head> of src/layouts/Layout.astro (or whatever your base layout is called):

<head>
  <script is:inline defer src="https://kymo.in/beat.js" data-site="yoursite.com"></script>
</head>

View transitions

If you use Astro's <ViewTransitions />, client navigations swap the DOM without a full reload. Kymo hooks history.pushState, so those navigations are counted. If you find a transition is missed, confirm the script is in the persistent <head>, not inside a swapped region.

Then verify events arrive.