Usage

Receiving Tracking ID

To enable Google Tag Manager on your website, you need to create an account on the Google Tag Manager website. After creating an account, you will receive a tracking ID that you need to add to your website.

Adding Tracking ID

To add the tracking ID to your website, you need to set the .env variable NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID to the tracking ID you received from Google Tag Manager.

NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID=G-XXXXXXXXXX

Enabling Google Tag Manager

To enable Google Tag Manager on your website, set config.services.googleTagManager to true in web/config.tsx

jsx web/appConfig.tsx
export const config: AppConfig = {
    // ...
    services: {
        // ...
        googleTagManager: true,
    },
};

Recording Events

Follow the Next.js Third Party Libraries documentation. You can see your events under Reports > Realtime.