> ## Documentation Index
> Fetch the complete documentation index at: https://docs.grainql.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Grain Tag (Script)
> Add Grain Analytics without npm or a build step
The primary way to install Grain. Perfect for any website — landing pages, static sites, CMSs, or full web apps. No build tools required.
Grain Tag automatically tracks page views, clicks, scroll depth, heatmaps, and DOM snapshots with zero code. Just add the script and you're collecting data.
**Using React or Next.js?** Try [React Quick Start](/quickstart/react) or [Next.js Quick Start](/quickstart/nextjs) for framework-specific integration.
## Add the Script Tag
Add this to your HTML ``:
```html theme={null}
```
Replace `your-tenant-id` with your tenant identifier (not UUID) from your [dashboard](https://grainql.com/dashboard).
That's it! Grain is now loaded and tracking page views, heatmap clicks, scroll depth, and DOM snapshots automatically.
## Complete HTML Example
```html theme={null}
My Landing Page
Welcome!
```
## Track Custom Events
```javascript theme={null}
const grain = GrainTag.getInstance();
grain.track('button_clicked', {
button_name: 'signup',
location: 'hero'
});
```
You can also use the top-level shortcut:
```javascript theme={null}
GrainTag.track('button_clicked', {
button_name: 'signup',
location: 'hero'
});
```
Events are automatically batched and sent. No manual flushing needed.
## Track Form Submissions
```html theme={null}
```
## Track Link Clicks
```html theme={null}
View Pricing
```
## Identify Users
Track logged-in users:
```html theme={null}
```
## Consent Management
Grain is cookieless by default with daily rotating IDs. When you need explicit consent handling:
```html theme={null}
```
## SPA Navigation
Grain Tag automatically tracks page views on initial load and hooks into the History API (`pushState` / `replaceState`) to track navigation in single-page apps. No manual page view tracking is needed for most SPAs.
If your app uses custom routing that does not go through the History API, you can track navigation manually:
```html theme={null}
```
## Performance Tips
**Do**: Place Grain in the `` for early initialization
**Do**: Use one script tag per page — Grain handles everything
**Don't**: Load Grain multiple times — once per page is enough
## What's Next?
See all available methods and options
Learn what to track and best practices
Track element clicks without code
Integration with other frameworks
**Using Google Tag Manager instead?** Check out the [GTM Integration Guide](/integrations/gtm) for a no-code setup.
**Need remote configuration or feature flags?** See [@grainql/analytics-web](/react/overview) for remote config support.