@nuxt/parytown did now work with nuxt 3 for adding gtm, crisp

[Ali-0111]

Hi, I tried to add gtm but the codes did not work:
I followed the complete docs:

export default defineNuxtConfig({
  modules: ["@nuxtjs/partytown"],
  partytown: {
    forward: ["dataLayer.push"],
  },

  devtools: { enabled: true },
  app: {
    head: {
      script: [
        {
          hid: "gtm",
          innerHTML: `window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-QE3C9S378L');`,
        },
        {
          src: "https://www.googletagmanager.com/gtag/js?id=G-QE3C9S378L",
          defer: true,
          type: "text/partytown",
        },
      ],
    },
  },
});

2: crisp:

export default defineNuxtConfig({
  modules: ['@nuxtjs/partytown'],
  partytown: {
    forward: ['$crisp', '$crisp.push'],
  },
  app: {
    head: {
      script: [
        // Insert your CRISP Script here e.g.:
        { innerHTML: 'window.$crisp = []; window.CRISP_WEBSITE_ID = "0000"' },
        { src: 'https://client.crisp.chat/l.js', async: true, type: 'text/partytown' },
      ],
    },
  },
})

[geminigeek]

its same for me, not working , i also did exactly as in docs , no stats flowing to analytics

[Qonflux]

Did you guys find a fix for this issue yet?

[muhsin-life]

please try below config for gtm

app: {
    head: {
      script: [
        {
          type: "text/partytown",
          innerHTML: `window.dataLayer = window.dataLayer || [];
  window.gtag = function () {
        dataLayer.push(arguments);
    };
  window.gtag('js', new Date());
  window.gtag('config', 'XXXX');
        },
]
}}

[muhsin-life]

@Ali-0111 Could you please share the exact error message you're seeing in the console? If it happens to be a CORS error, you might need to consider implementing a reverse proxy as a potential solution.