nuxt-modules / partytown

Partytown integration for Nuxt. Run third-party scripts from a web worker.
MIT License
318 stars 8 forks source link

Google optimize doesn't work #128

Open kstraszewski opened 1 year ago

kstraszewski commented 1 year ago

Hi im trying to implement Google Optimize to nuxt3 using partytown. I've implement script adding new plugin to nuxt3:

export default defineNuxtPlugin((nuxtApp: NuxtApp) => {
  const config = useRuntimeConfig();
  useHead({
    script: [
      {
        src: `https://www.googleoptimize.com/optimize.js?id=${config.optimizeId}`,
        async: true,
        gtm: config.gtmId,
        type: 'text/partytown',
      }
    ],
  });
});

I see that script is loading properly:

<script src="https://www.googleoptimize.com/optimize.js?id=OPT-MMSMPHJ" async="true" type="text/partytown-x" gtm="GTM-W57WWW2"></script>

you can check, that the code above is generated here: https://qa.lendi.pl/

I've also tried to set forwarding by adding this to nuxt.config:

  partytown: {
    debug: true,
    logScriptExecution: true,
    logStackTraces: true,
    forward: ['google_optimize', 'google_tag_manager',],
  }

But unfortunately my optimize experiments does not work. When I change script type from text/partytown to text/javascript everything works fine

joaopedrodcf commented 1 year ago

Shouldn't the script contain type="text/partytown" Instead of type="text/partytown-x" ?