Skip to main content
Grain works with any website or app. Pick the integration that matches your setup. The fastest way to add Grain is a single script tag. It works on any website, auto-tracks page views, clicks, scroll depth, sessions, and more — no configuration needed.
Replace your-tenant-id with your tenant identifier from grainql.com/dashboard.

​
All Integrations

Grain Tag (Script)

One line of HTML, works on any website. Auto-tracks everything.

React

Use @grainql/tag in React apps.

Next.js

App Router and Pages Router support.

Vue, Svelte & More

Works with any JS framework.

Node.js / Backend

Server-side tracking with @grainql/analytics-web.

Google Tag Manager

No-code setup via GTM.

Shopify

E-commerce tracking for Shopify stores.

WordPress

Plugin or theme integration.

​
Comparison

​
Which SDK?

There are two Grain SDKs. Here’s how to choose:
  • Just need analytics, heatmaps, click tracking? Use Grain Tag (@grainql/tag) via script tag or npm. It auto-tracks everything out of the box.
  • Need remote config, feature flags, or React hooks? Use Analytics Web (@grainql/analytics-web). It provides useConfig, useTrack, and other React hooks, plus remote configuration.
  • Need server-side event tracking? Use Analytics Web (@grainql/analytics-web). It supports authenticated server-side calls.
  • Both browser and server? Use Grain Tag on the frontend for auto-tracking, and Analytics Web on the backend for server-side events.