Source: https://measuremy.site/guides/add-analytics-to-astro

[measuremy.site](https://measuremy.site/) / [Guides](https://measuremy.site/guides)

# How to add analytics to your Astro site

This adds measuremy.site, cookieless website analytics, to a Astro site. It is one script tag of under 1 KB: no cookies, no npm package, no consent banner for the tracker. The free plan covers 5,000 pageviews a month.

## The quickest way: ask your coding agent

Paste this into Claude Code, Cursor or Codex

`Add measuremy.site analytics to this project: connect the measuremy.site MCP server at https://a.measuremy.site/mcp (it signs in with OAuth, no key), then tell me how to sign in. Details: measuremy.site/llms.txt`

The agent connects to measuremy.site, you sign in through your browser, and it adds the tag below to the right file for you. To do it by hand, follow the steps.

## 1. Get your site key

[Create a free account](https://measuremy.site/login) and add your domain. The **Setup** tab shows your snippet with your site key filled in. The key is public and can only record visits, so it is safe in your source code.

## 2. Add the script tag

Add the tag to the `<head>` of the layout every page uses, usually `src/layouts/Layout.astro`. Mark it `is:inline` so Astro leaves it as it is instead of bundling it:

```
---
const { title } = Astro.props;
---
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>{title}</title>
    <script is:inline defer src="https://a.measuremy.site/t.js" data-key="YOUR_SITE_KEY"></script>
  </head>
  <body>
    <slot />
  </body>
</html>
```

If some pages don't use that layout, add the tag to their layouts too. Navigations made through the History API are counted automatically.

## 3. Check it works

Publish the change, then open your live site. The first visit from your own domain verifies it and the visit shows up on the dashboard within seconds. Visits from `localhost` aren't counted, so test on the deployed site.

## 4. Track signups and other conversions

From any client-side script, after the action completes:

```
<script>
  document.querySelector("#signup-form")?.addEventListener("submit", () => {
    window.measuremysite?.track("signup");
  });
</script>
```

Or, with no JavaScript, add `data-measuremysite-event="signup_click"` to any link, button or form.

Any event counts as a conversion for the channel the visitor came from.

Other platforms, and funnels and campaign links, are in the [install guide](https://measuremy.site/docs/install).

### Try it on your site

Free for 5,000 pageviews a month, no card. Paste one sentence into your coding agent, or add one script tag yourself.

[Start free](https://measuremy.site/login) [See the live demo](https://measuremy.site/share/measuremy.site)

Add measuremy.site analytics to this project: connect the measuremy.site MCP server at https://a.measuremy.site/mcp (it signs in with OAuth, no key), then tell me how to sign in. Details: measuremy.site/llms.txt

## More guides

- [A website analytics MCP server: ask your agent about your traffic](https://measuremy.site/guides/analytics-mcp-server)
- [Add website analytics to your project with Claude Code](https://measuremy.site/guides/claude-code-analytics)
- [Find out why your website traffic spiked](https://measuremy.site/guides/find-why-traffic-spiked)
- [Track clicks and find where visitors drop off, without writing code](https://measuremy.site/guides/funnels-and-click-tracking)
- [Cookieless analytics: how it works, and what you give up](https://measuremy.site/guides/cookieless-analytics)
- [A simpler Google Analytics alternative for developers](https://measuremy.site/guides/google-analytics-alternative)
- [How to add analytics to your Next.js site](https://measuremy.site/guides/add-analytics-to-nextjs)
- [How to add analytics to your Vite, React or Vue site](https://measuremy.site/guides/add-analytics-to-vite-react)
- [How to add analytics to your SvelteKit site](https://measuremy.site/guides/add-analytics-to-sveltekit)
- [How to add analytics to your Hugo site](https://measuremy.site/guides/add-analytics-to-hugo)
- [How to add analytics to your WordPress site](https://measuremy.site/guides/add-analytics-to-wordpress)