GTM Support

2. Enable GTM in your app

A) Create a project on Tag Manager

Create the project on GTM and add the GTM scripts to your web page.

After creating on project, create a variable with a direct cookie type and link it to cookiePreferenceKey (cookie-preferences by default).

C) Create the triggers for adding tags

Create two triggers for each policy:

  • One trigger will add tags when the user changes his preferences;
  • The other will add tags when the DOM is ready (in case the user already has his/her preferences stored)

In order for the triggers to work with a policy, you’ll have to link it to the Cookie Though variable and make sure to add the policy. An example of the two triggers with analytics:

analytics-allow analytics-init

In the custom event you can see it’s also linked to an event name. This is the event the app needs to push to the dataLayer when the preferences change. This can be done easily by adding the following code to the onPreferencesChanged function:

// With cdn
CookieThough.onPreferencesChanged(() => dataLayer.push({'event': 'preferences_changed'}));

// With npm package
onPreferencesChanged(() => dataLayer.push({'event': 'preferences_changed'}));

E) Publish the container