Scripts in app.head.script not loading during SSR in Nuxt Bridge

[naokihaba]

Scripts in app.head.script not loading during SSR in Nuxt Bridge

Demo: https://stackblitz.com/edit/github-svkdwc-46v9d3?file=nuxt.config.ts

Is it that [email protected], which is used by Nuxt2/Bridge, does not support the syntax of Nuxt3?

Problem

I have added scripts to app.head.script using defineNuxtConfig in Nuxt 3, but the scripts are not loading during server-side rendering (SSR).

Configuration

I have set up the scripts in defineNuxtConfig as follows:

// nuxt.config.ts
export default defineNuxtConfig({
  app: {
    head: {
      script: [
        { src: "https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX", async: true },
        {
          innerHTML: `
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'G-XXXXXXXXXX');
          `,
          type: "text/javascript",
        },
      ],
    },
  },
});

Additionally, I have created a plugins/gtag.client.js file and set up the plugin as follows:

// plugins/gtag.client.js
export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.$router.afterEach((to, from) => {
    window.gtag("config", "G-XXXXXXXXXX", {
      page_path: to.fullPath,
    });
  });
});

🤔 Problem Details

Despite the above configuration, the scripts are not loading during SSR, and Google Analytics tracking is not working. When inspecting the browser's developer tools, I can see that the script tags are not being added.

💡 What I've Tried

• Adding scripts in app.head.script using defineNuxtConfig
• Creating a plugins/gtag.client.js file and setting up the plugin
• Checking the presence of script tags in the browser's developer tools

🙏 Question

What configuration is necessary to load scripts during SSR using app.head.script in Nuxt 3? Also, what steps do I need to take to ensure Google Analytics tracking functions correctly?

I would greatly appreciate any guidance on this matter. Thank you in advance.

---