Load script only with consent and unload script

[ThiloHettmer]

Hello 👋

we are trying to switch from our own google tag manager implementation to nuxt/script, but we are facing some issues:

1. We only want to load the script if consent is given, and we have a ref/computed with this information. Afaik useScriptTriggerConsent can only be used with useScript() and not with the useScriptGoogleAnalytics composable. It's not alot of code to write it ourselves, but we wondered if it's possible to just pass in a ref which loads and unloads the script.

2. Which brings me to my next question: How do we unload the script when using useScriptGoogleAnalytics?

BR

[harlan-zw]

You can pass in scriptOptions to any registry script and it will work the same as useScript(), I need to figure out how to properly document this use case for all registry scripts.

So you'd do this:

const consentTrigger = useScriptTriggerConsent()
const ga = useScriptGoogleAnalytics({
  id: '...',
  // 1. load once consent is accepted
  scriptOptions: {
    trigger: consentTrigger,
  },
})

// accept cookies (loads scripts)
consentTrigger.accept()
// 2. remove script
ga.remove()

[ExpressPoet]

Perfect! Thanks alot

[ThiloHettmer]

Lets say the consent switches from true to false, the consentTrigger does not unload the script right? We have to call remove(). So I wonder what benefit does the consentTrigger give?

I solved it by have an init() function in which we call useScriptGoogleAnalytics() and a watch which will either trigger init() or call ga.remove().

Would it be possible that consentTrigger can handle the load and unload of the script?

[harlan-zw]

The consent trigger is mostly just syntax sugar to make usage clearer. I don't see why it couldn't remove the script if the permission is revoked.

I'll have a play with it next time I'm on the module.

[harlan-zw]

I took a look at this but we need some upstream in Unhead so I'll need to revisit then I have more time. It's a good idea though.

I think having much more granular control through this composable would also make sense. For example, you should be able to say contentTrigger.allow('pageview'), which would whitelist the pageview function call (but not events). Possibly, we can also restrict what data is accessible from the scripts based on the consent option.