> ## 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.
# Angular Analytics Integration
> Install tinyanalytics in src/index.html so one Angular analytics integration covers every route and tracks client-side navigation automatically.
To add tinyanalytics to an **Angular** app, paste the tracking snippet into `src/index.html`, the single HTML shell for the whole app. It loads once, and client-side navigation with the Angular Router is tracked automatically.
## Before you start
* A tinyanalytics site. If you don't have one yet, follow the [Quickstart](/docs/tinyanalytics-quickstart).
* Your snippet from **Settings → Tracking** in your dashboard.
## Add the snippet to `src/index.html`
Add the tag inside the ``:
```html src/index.html theme={null}
My Angular App
```
Replace `YOUR_SITE_ID` with your real site ID, and copy the full snippet from **Settings → Tracking** if you've toggled any options.
## Client-side navigation is tracked automatically
The Angular Router renders route changes on the client, and tinyanalytics records each one as a new pageview by default (`data-track-spa`). You don't need to subscribe to router events. See [Track single-page apps](/docs/configure-tinyanalytics-tracking-script#track-single-page-apps) to change this.
## Verify
Run or deploy your app, open it in a browser, then check **Realtime** in your dashboard for your visit. See [Verify your setup](/docs/verify-tinyanalytics-installation) for the full check.
Your install is working when your own visit appears in **Realtime** in your dashboard.
## Related
The universal method and other platforms.
Every `data-*` option you can set.
Send events from your components.
Confirm tracking works.
## Related topics
- [Gatsby Analytics Integration](/docs/integrations/gatsby-analytics.md)
- [Astro Analytics Integration](/docs/integrations/astro-analytics.md)
- [Vue Analytics Integration](/docs/integrations/vue-analytics.md)