> ## Documentation Index
> Fetch the complete documentation index at: https://tinyanalytics.io/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Install tinyanalytics on Any Website

> Install tinyanalytics on any website with one script tag, or follow a framework, CMS, commerce, static-site, tag-manager, or mobile guide.

tinyanalytics works on **any website** — you add one small script tag to your pages, and you're tracking. These integration guides show exactly where that tag goes in popular frameworks, CMSs, and site builders. If your platform isn't listed, the universal method below works anywhere you can add HTML.

## The universal method

Every install is the same idea: put the tinyanalytics snippet in your site's `<head>` (or just before `</body>`) so it loads on every page.

```html theme={null}
<script defer src="https://dash.tinyanalytics.io/script.js"
  data-site-id="YOUR_SITE_ID"></script>
```

<Tip>
  Always copy your real snippet from **Settings → Tracking** in your dashboard — it has your exact site ID and any options you've toggled. Replace `YOUR_SITE_ID` above with your site's numeric ID.
</Tip>

Three things make this work everywhere:

* **`defer`** means the script never blocks your page from rendering.
* **One tag, every page** — add it once in a shared layout, template, or header so it's present sitewide.
* **Single-page apps just work.** Route tracking is on by default, so client-side navigation in React, Vue, and similar frameworks is recorded automatically — see [Configure the tracking script](/docs/configure-tinyanalytics-tracking-script#track-single-page-apps).

## Pick your platform

<Columns cols={3}>
  <Card title="Next.js" icon="code" href="/docs/integrations/nextjs-analytics" />

  <Card title="React" icon="react" href="/docs/integrations/react-analytics" />

  <Card title="WordPress" icon="wordpress" href="/docs/integrations/wordpress-analytics" />

  <Card title="Webflow" icon="webflow" href="/docs/integrations/webflow-analytics" />

  <Card title="Shopify" icon="shopify" href="/docs/integrations/shopify-analytics" />

  <Card title="Google Tag Manager" icon="google" href="/docs/integrations/google-tag-manager-analytics" />
</Columns>

More platforms are being added. Until your exact one has a guide, the universal method above works on any site where you can edit the HTML or add a script.

<Note>
  Building a mobile app instead of a website? Use the [React Native SDK](/docs/integrations/react-native-analytics) — it reports into the same dashboard using a dedicated mobile-app site type.
</Note>

## After you install

However you add the tracking script, confirm it the same way: open your site, then check **Realtime** in your dashboard for your own visit.

<Check>
  Your install is working when your own visit appears in **Realtime** within a few seconds.
</Check>

See [Verify your setup](/docs/verify-tinyanalytics-installation) for the full check, including what a healthy install looks like in your browser's Network tab.

## Frequently asked questions

<AccordionGroup>
  <Accordion title="My platform isn't listed — will tinyanalytics still work?">
    Yes. Use the universal method above: paste the tracking script into your site's `<head>` (or just before `</body>`) anywhere you can add HTML. The platform guides only differ in *where* that tag goes, not in what it does.
  </Accordion>

  <Accordion title="Do I need to add the tracking script to every page?">
    No — add it once in a shared layout, template, or header so it loads sitewide. Adding it per page works but is easy to get wrong when you add new pages later.
  </Accordion>

  <Accordion title="Will the tracking script slow down my site?">
    No. The tag uses `defer`, so the browser runs it only after the HTML has parsed and it never blocks your page from rendering.
  </Accordion>

  <Accordion title="Do I need extra setup for a React or Vue single-page app?">
    No. Route tracking is on by default, so client-side navigation is recorded as a new pageview automatically. See [Configure the tracking script](/docs/configure-tinyanalytics-tracking-script#track-single-page-apps) if you want to change that.
  </Accordion>
</AccordionGroup>

## Related

<Columns cols={2}>
  <Card title="Install the tracking script" icon="code" href="/docs/install-tinyanalytics-tracking-script">
    The snippet and what it tracks out of the box.
  </Card>

  <Card title="Configure the tracking script" icon="sliders" href="/docs/configure-tinyanalytics-tracking-script">
    Every `data-*` option you can set.
  </Card>

  <Card title="Verify your setup" icon="circle-check" href="/docs/verify-tinyanalytics-installation">
    Confirm tracking works after you install.
  </Card>

  <Card title="Quickstart" icon="rocket" href="/docs/tinyanalytics-quickstart">
    Add a site and get your snippet.
  </Card>
</Columns>


## Related topics

- [Install tinyanalytics in 5 Minutes](/docs/tinyanalytics-quickstart.md)
- [Carrd Analytics Integration](/docs/integrations/carrd-analytics.md)
- [Framer Analytics Integration](/docs/integrations/framer-analytics.md)
