Opt-out for multiple domain tracking not working

Description

Hello, I’m trying to combine the use of multiple domain tracking, bootstrap and opt out but it doesn’t seems to be working.

Expected behavior

I would like for my user to be able to opt-in and opt-out simply by clicking on a button to activate it or not.

Actual behavior

When I’m calling this.$gtag.optOut(), it stops triggering the main id (UA-XXXXXXXX-1) but the id specified in includes (UA-XXXXXXXX-2) is still used to trigger events to Google Analytics.

Here is my code in main.ts:

Vue.use(VueGtag, {
  config: { id: "UA-XXXXXXXX-1" },
  includes: [
    { id: "UA-XXXXXXXX-2" }
  ],
  bootstrap: false,
  enabled: false
}, router);

And when I’m using it:

bootstrap().then(() => {
  analyticalCookie.IsAccepted ? this.$gtag.optIn() : this.$gtag.optOut();
});

Maybe I misinterpreted something in the documentation and it works as supposed to.

Thanks in advance, I can give more details if needed 😃

[lisafrancoise]

That’s already what I’m doing but the permission can change during the user navigation.

My issue is this one:

• A user logs to our website. We make an api call to know if they accepted analytical cookies. When we get the response, we bootstrap. That user goes to the Settings page and decide that they don’t want to accept analytical cookies anymore. So they click on a button and when they click, we are calling this.$gtag.optOut() to stop sending events to Google Analytics. It works for our main id (UA-XXXXXXXX-1 in the first post) but not for the one added in the includes section (UA-XXXXXXXX-2). For this one, views events are still send to Google Analytics.

[MatteoGabriele]

🎉 This issue has been resolved in version 1.6.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀