• Blog
  • Documentation
  • Courses
  • Changelog
  • AI Starters
  • UI Kit
  • FAQ
  • Supamode
    New
  • Pricing

Launch your next SaaS in record time with Makerkit, a React SaaS Boilerplate for Next.js and Supabase.

Makerkit is a product of Makerkit Pte Ltd (registered in the Republic of Singapore)Company Registration No: 202407149CFor support or inquiries, please contact us

About
  • FAQ
  • Contact
  • Verify your Discord
  • Consultation
  • Open Source
  • Become an Affiliate
Product
  • Documentation
  • Blog
  • Changelog
  • UI Blocks
  • Figma UI Kit
  • AI SaaS Starters
License
  • Activate License
  • Upgrade License
  • Invite Member
Legal
  • Terms of License
    • Analytics and Events in Makerkit
    • Analytics API
    • Google Analytics
    • PostHog
    • Umami
    • Custom Analytics Provider

Using the Google Analytics Provider in Remix Supabase Turbo

Learn how to use the Google Analytics provider in Remix Supabase Turbo

The Google Analytics provider in Remix Supabase Turbo is a simple way to integrate Google Analytics into your Remix application using the Makerkit's Analytics package.

Installation

First, you need to pull the @kit/analytics package into your project using the CLI

bash
npx @makerkit/cli@latest plugins install

When prompted, select the Google Analytics package from the list of available packages. Once the command completes, you should see the packages/plugins/google-analytics directory in your project.

You can now import this package into your project:

bash
pnpm add "@kit/google-analytics@workspace:*" --filter "@kit/analytics" -D

You can now use the Google Analytics plugin in the Analytics package. Update the packages/analytics/src/index.ts file as follows:

packages/analytics/src/index.ts
import { createGoogleAnalyticsService } from '@kit/google-analytics';
import { createAnalyticsManager } from './analytics-manager';
import type { AnalyticsManager } from './types';
export const analytics: AnalyticsManager = createAnalyticsManager({
providers: {
'google-analytics': createGoogleAnalyticsService,
},
});

Configuration

Please add the following environment variables to your .env file:

bash
VITE_GA_MEASUREMENT_ID=your-measurement-id

This is the Measurement ID of your Google Analytics property. You can find it in the Google Analytics dashboard.

Additionally, you can add the following environment variable to your .env file:

bash
VITE_GA_DISABLE_PAGE_VIEWS_TRACKING=true
VITE_GA_DISABLE_LOCALHOST_TRACKING=true
On this page
  1. Installation
    1. Configuration