tag into your index.html section."},{"@type":"ListItem","position":3,"name":"Vue 3 & Nuxt 3 Analytics Integration","url":"https://analytics.sufyaanstudio.com/integrations/vue","description":"In Nuxt 3, configure the tracker in nuxt.config.ts under app.head.script. In Vue 3 / Vite, add the script tag to index.html."},{"@type":"ListItem","position":4,"name":"SvelteKit & Svelte Analytics Integration","url":"https://analytics.sufyaanstudio.com/integrations/sveltekit","description":"In SvelteKit, add the script tag to src/app.html inside the element to track all SvelteKit routes."},{"@type":"ListItem","position":5,"name":"Astro Analytics Integration","url":"https://analytics.sufyaanstudio.com/integrations/astro","description":"In Astro, place the in your main Layout.astro component ."},{"@type":"ListItem","position":6,"name":"Remix & React Router v7 Analytics Integration","url":"https://analytics.sufyaanstudio.com/integrations/remix","description":"In Remix and React Router v7, include the script tag in app/root.tsx inside the HTML ."},{"@type":"ListItem","position":7,"name":"WordPress Analytics Integration","url":"https://analytics.sufyaanstudio.com/integrations/wordpress","description":"To install Analytics on WordPress, paste the script tag into your theme header.php file or use a header injection plugin (like WPCode)."},{"@type":"ListItem","position":8,"name":"Webflow Analytics Integration","url":"https://analytics.sufyaanstudio.com/integrations/webflow","description":"In Webflow, navigate to Project Settings > Custom Code > Head Code and paste the Analytics script tag."},{"@type":"ListItem","position":9,"name":"Shopify Analytics Integration","url":"https://analytics.sufyaanstudio.com/integrations/shopify","description":"In Shopify, navigate to Online Store > Themes > Edit Code > theme.liquid and paste the script tag inside the element."},{"@type":"ListItem","position":10,"name":"HTML5 / Static Websites Analytics Integration","url":"https://analytics.sufyaanstudio.com/integrations/vanilla-html","description":"Add inside the of any static HTML file."},{"@type":"ListItem","position":11,"name":"Cloudflare Workers & Edge Analytics Integration","url":"https://analytics.sufyaanstudio.com/integrations/cloudflare-workers","description":"To track traffic on Cloudflare Workers, dispatch server-side subrequests directly to the Analytics ingest endpoint or inject the client-side tracker into HTML responses via HTMLRewriter."}]}
FRAMEWORK GUIDES

Framework & Platform Integrations

Connect Analytics to your favorite web framework, static site generator, or CMS in under 2 minutes with zero impact on page load speed.

Universal Compatibility
By Sufyaan Studio ResearchVerified August 2026

Analytics by Sufyaan Studio is framework-agnostic. Because the 1.15 KB tracker automatically intercepts browser history pushState and popstate, it tracks page transitions across all modern SPAs (Next.js, React, Vue, SvelteKit, Astro, Remix) as well as traditional CMS platforms (WordPress, Shopify, Webflow).

KEY TAKEAWAYS
  • Single script tag setup on all platforms
  • Automatic SPA route change detection
  • Non-blocking sendBeacon payload delivery
  • Zero cookie consent banners required
Framework2 Min Setup

Next.js

Seamlessly track pageviews, client-side route transitions, and custom events across Next.js 13, 14, and 15 applications with zero cookie consent banners.

VIEW SETUP SNIPPET
Framework2 Min Setup

React & Vite

Track single-page React apps built with Vite, Create React App, or custom Webpack setups with zero configuration.

VIEW SETUP SNIPPET
Framework2 Min Setup

Vue 3 & Nuxt 3

Complete privacy-first analytics setup for Vue.js single-page applications and Nuxt 3 full-stack SSR apps.

VIEW SETUP SNIPPET
Framework2 Min Setup

SvelteKit & Svelte

Fast, lightweight analytics for SvelteKit and Svelte applications with automatic client routing.

VIEW SETUP SNIPPET
Framework2 Min Setup

Astro

Supercharge your zero-JS static Astro website with an ultra-lightweight 1.15 KB analytics tag.

VIEW SETUP SNIPPET
Framework2 Min Setup

Remix & React Router v7

Fast, cookie-free web analytics for Remix and React Router full-stack applications.

VIEW SETUP SNIPPET
CMS2 Min Setup

WordPress

Boost WordPress page speed by replacing heavy Google Analytics plugins with a single 1.15 KB script.

VIEW SETUP SNIPPET
No-Code2 Min Setup

Webflow

Add lightning-fast privacy analytics to your Webflow landing pages and marketing sites without cookie banners.

VIEW SETUP SNIPPET
E-commerce2 Min Setup

Shopify

Fast, cookie-free store analytics for Shopify merchants seeking faster page loads and higher conversions.

VIEW SETUP SNIPPET
Universal2 Min Setup

HTML5 / Static Websites

Universal tracking for static websites, local HTML files, documentation portals, and JAMstack sites.

VIEW SETUP SNIPPET
Serverless / Edge2 Min Setup

Cloudflare Workers & Edge

Deploy lightning-fast edge analytics on Cloudflare Workers, Pages, and serverless compute with zero cold starts and sub-50ms global latency.

VIEW SETUP SNIPPET
analytics