Googel Tag Manager params

[adam-piotr-kowalski]

📚 What are you trying to do?

I am trying to add queryParams to gtm loading script, but i don't see any way in documentation to do so.
Is there any way to add params to script url (gtm_auth, gtm_preview, gtm_cookies_win) ?

🔍 What have you tried?

No response

ℹ️ Additional context

No response

[blowsie]

I was looking at this exact issue at the same time. 🤯
I did some digging.

It seems the options are currently not supported but it shouldnt take much effort to implement.
https://github.com/nuxt/scripts/blob/458d7ccb3cce7f309ff4e214173eef80916c9120/src/runtime/registry/google-tag-manager.ts

There is another module which is ready for use today, but may not have some of the same benefits that nuxt scripts offers.
https://nuxt.com/modules/nuxt-gtm

[blowsie]

There is another module which is ready for use today, but may not have some of the same benefits that nuxt scripts offers.
https://nuxt.com/modules/nuxt-gtm

Looks like this is no longer mantained and is problematic

[adam-piotr-kowalski]

I am currently using https://nuxt.com/modules/nuxt-gtm. It supports query params, but I would like to move to nuxt scripts.
nuxt-gtm is not mantained as you mentioned and it has big impact in app performance on init

[adam-piotr-kowalski]

I've used scriptInput: { src: ... } to change source to url with params, it seems to be working, but would be great if params could be parametrized through config

[harlan-zw]

Thanks for the issue, all params are now supported afaik

export const GoogleTagManagerOptions = object({
  /** GTM container ID (format: GTM-XXXXXX) */
  id: string(),

  /** Optional dataLayer variable name */
  l: optional(string()),

  /** Authentication token for environment-specific container versions */
  auth: optional(string()),

  /** Preview environment name */
  preview: optional(string()),

  /** Forces GTM cookies to take precedence when true */
  cookiesWin: optional(union([boolean(), literal('x')])),

  /** Enables debug mode when true */
  debug: optional(union([boolean(), literal('x')])),

  /** No Personal Advertising - disables advertising features when true */
  npa: optional(union([boolean(), literal('1')])),

  /** Custom dataLayer name (alternative to "l" property) */
  dataLayer: optional(string()),

  /** Environment name for environment-specific container */
  envName: optional(string()),

  /** Referrer policy for analytics requests */
  authReferrerPolicy: optional(string()),
})

[mattgrah-am]

Thanks for the issue, all params are now supported afaik

export const GoogleTagManagerOptions = object({
/** GTM container ID (format: GTM-XXXXXX) */
id: string(),

/** Optional dataLayer variable name */
l: optional(string()),

/** Authentication token for environment-specific container versions */
auth: optional(string()),

/** Preview environment name */
preview: optional(string()),

/** Forces GTM cookies to take precedence when true */
cookiesWin: optional(union([boolean(), literal('x')])),

/** Enables debug mode when true */
debug: optional(union([boolean(), literal('x')])),

/** No Personal Advertising - disables advertising features when true */
npa: optional(union([boolean(), literal('1')])),

/** Custom dataLayer name (alternative to "l" property) */
dataLayer: optional(string()),

/** Environment name for environment-specific container */
envName: optional(string()),

/** Referrer policy for analytics requests */
authReferrerPolicy: optional(string()),
})

Will source be added as an option to change the url of the script?

/**
   * The URL of the script; useful for server-side GTM.
   *
   * @default https://www.googletagmanager.com/gtm.js
   */
  source?: string;