OnyxMetric
Integration Guides

Sanity

Add OnyxMetric analytics to a site that uses Sanity

Sanity is a headless CMS. Your frontend queries content from the Content Lake, and Sanity Studio is only the editing app. Put the tag in the frontend.

Copy your tracking snippet

In OnyxMetric, open your site's Site Settings and copy the tracking script. It looks like this:

<script src="https://app.onyxmetric.com/api/script.js?siteId=YOUR_SITE_ID" async></script>

YOUR_SITE_ID is the numeric ID of your site.

Add the snippet to Sanity

Sanity has no template or head setting to paste into. Add the snippet to the <head> of the frontend app that fetches content from Sanity.

Load the script with next/script in your root layout so it runs on every route. Follow the Next.js guide.

Add the script under app.head.script in nuxt.config.ts. Follow the Nuxt guide.

Client-side route changes are tracked automatically, so moving between pages in any of these frameworks is counted without extra code.

Check that it works

Load your live site and click through a few pages. Pageviews show up in the OnyxMetric dashboard within seconds.

If nothing arrives:

  • View the page source and search for script.js?siteId= to confirm the tag is present.
  • In the browser's Network tab, check that script.js returns 200 and that requests go to /api/track.
  • Turn off ad blockers, or proxy the script through your own domain.
  • Read script troubleshooting for other causes.

Troubleshooting

  • Embedded Studio pageviews: if Studio is mounted inside your frontend (for example at /studio in a Next.js app), the root layout tag also runs there. Add /studio to the skip patterns.
  • Hosted Studio is not tracked: a Studio deployed to *.sanity.studio is a separate app without the tag.

Next steps

On this page