0
136
ViewsNo analytics cookies is set upon a consent was updated
I am using the Google Tag Manager with a single tag referencing a default Google Analytics script. My solution is based on the information from these resources:
- https://www.iubenda.com/en/help/27137-google-consent-mode
- https://www.simoahava.com/analytics/consent-settings-google-tag-manager/
- https://www.simoahava.com/analytics/consent-mode-google-tags/
The code is simple (commit):
index.html: define gtag() and set denied as a default for all storages
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { window.dataLayer.push(arguments); }
gtag('consent', 'default', {
ad_storage: 'denied',
analytics_storage: 'denied',
personalization_storage: 'denied',
functionality_storage: 'granted',
security_storage: 'granted',
wait_for_update: 400,
});
Then load a user configuration from the localStorage and call update:
handleCookies(preferences) {
console.log('handleCookies callback');
gtag('consent', 'update', {
ad_storage: preferences.ad,
analytics_storage: preferences.analytics,
personalization_storage: preferences.personalization,
});
console.log(window.dataLayer);
},
So far so good because I see the event queue is updated in dataLayer:
As the consent is set I anticipate the the cookies will be set for the Google Analytics now. But they are missing. What stupid mistake have I done?
3 answers
Answer question0
From your screenshot, gtm.js is executed before the update of the consent mode so the pageview continues to be sent to Google Analytics as denied.
The update must take place before gtm.js
0
Your update command happens after the GTM container snippet is rendered by the browser, so the update command is processed only after the All Pages trigger has already been processed.
You need to either delay your tags to fire on a later trigger (e.g. DOM Ready) or change how your script works to push the 'update' command sooner.
Alternatively, you can use the Consent Mode tag template found in the template gallery to orchestrate everything through GTM. The template uses GTM's synchronous consent APIs which ensure that the consent state is applied immediately rather than only once the dataLayer queue is processed.
0
As a note for my silly future myself I will write some findings and notes there.
- follow Simo's advices though it might not be easy to understand without a prior subject orientation
- define
gtag()function and set the default settings prior gtag initialization - the first visit shall set
deniedforad_storage,analytics_storageandpersonalization_storage - if it is a returning visit it is a good idea to set the defaults according to a user's content
- but hey, you can send the
updatemessage later, even in a Vue component'smountedmethod. A value inwait_for_updatemight be useful there because you want to initialize Google Analytics with cookies rather then without them. - Google Analytics sends https://www.google-analytics.com/g/collect request. Take a look to payload,
gcs: G100is sent when the cookies consent is missing. - Once a user accepts the cookies, send new consent values in the
updatemessage. The values aredenied/granted, nottrue/false, you fool! - The GA cookies are created at this moment. But they are not sent to server, sorry, your turn is over. Well, if a user does some tracked action like a scrolling a page, the
collectwill be sent again withgcs: G111. I am bit surprised that neither the request not the response holds any cookie. Why? - Once I reload the page and all storages are granted by default,
gcs: G111is still present in GA's collect but the page's existing cookies are not present in the request. Why?
