Google Tag Manager - Source option

[mattgrah-am]

🆒 Your use case

Is it possible to add the source option into the Google tag manager paramaters like it is in https://github.com/zadigetvoltaire/nuxt-gtm

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

🆕 The solution you'd like

GoogleTagManagerOptions would include the ability to add the source as an option for server side GTM

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()),
})

🔍 Alternatives you've considered

No response

ℹ️ Additional info

No response

[MuhammadM1998]

There's already a PR for this #408

[joaopedrodcf]

Maybe you can try for now to use the src to add the full path:

const gtmId = 'XXX';

useScriptGoogleTagManager({
            scriptInput: {
                src: "https://www.mydomain.com/gtm.js?id=" + gtmId,
            },
        });

[harlan-zw]

Resolved in #500.

We avoid an explicit source as other registry scripts may have the same issue and having multiple ways of providing a script src becomes confusing.

<script setup lang="ts">
const { proxy } = useScriptGoogleTagManager({
  id: 'GTM-XXXXXX',
  scriptInput: {
    src: 'https://your-domain.com/gtm.js?foo=bar', // foo query is merged with id=GTM-XXXXXX
  }
})
// src: https://your-domain.com/gtm.js?id=GTM-XXXXXX&foo=bar
</script>

[mattgrah-am]

Thanks @harlan-zw