How to setup consent mode?

[angelodsltech]

I am using Nuxt 3 with the GTM plugin. See my code below:

If a user gave permission, this code executes on every nuxt page

if (consent.value === true) {
  const { proxy } = useScriptGoogleTagManager({
    id: 'GTM-MKRCZD9J'
  })

  const { fb_proxy } = useScriptMetaPixel({
    id: '1568274673690379'
  })
}

When a user has not given permission yet, this is the code that will trigger:

const enableTags = () => {
  const { proxy } = useScriptGoogleTagManager({
    id: 'GTM-MKRCZD9J'
  })
  
  proxy.dataLayer.push({ event: 'conversion', value: 1 })

  const { fb_proxy } = useScriptMetaPixel({
    id: '1568274673690379'
  })
}

The problem is, that I have no clue how to set the consent mode. Google refers to this:

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('consent', 'default', {
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
    'ad_storage': 'denied',
    'analytics_storage': 'denied',
    'wait_for_update': 500,
  });
  gtag('js', new Date());
  gtag('config', 'Google tag ID

');
  </script>

But I am unable to figure out how to set this within my code.

Can anyone explain this to me please?

[huang-julien]

Hey 👋 we've recently added a onBeforeGtmStart in the options of useGoogleTagManager with provides a gtag function.

calling

  gtag('consent', 'default', {
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
    'ad_storage': 'denied',
    'analytics_storage': 'denied',
    'wait_for_update': 500,
  });

should be enough as we take care of calling

  gtag('js', new Date());
  gtag('config', 'Google tag ID

for you