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;