Usercentrics

Usercentrics supports an implementation via DataLayer & Events. Adding a Window Event Name (like ucEvent) to will dispatch a users consent choice:

Event listener

The following code will listen for the ucEvent, parse the consent state and eventually call the walker consent command:

window.addEventListener('ucEvent', function (event) {
  function ucStates(e) {
    if (e.event != 'consent_status') return;
    // if (e.type != 'explicit') return; // Process only explicit consent

    var cat = 'ucCategory';
    if (Object.values(e[cat]).every((val) => typeof val === 'boolean'))
      return e[cat]; // Choice by group

    // Individual choice
    const obj = {};

    // Services
    for (const key in e) {
      if (!['action', 'event', 'type', cat].includes(key)) {
        obj[key.toLowerCase().replace(/ /g, '_')] = e[key];
      }
    }

    // Groups
    for (const key in e[cat]) {
      if (typeof e[cat][key] === 'boolean') obj[key] = e[cat][key];
    }

    return obj;
  }

  const state = ucStates(event.detail);
  if (state) elb('walker consent', state); // Update walker.js consent state
});

Optionally uncomment the e.type !== 'explicit' check to process only explicitly given content. This will prevent walker.js from starting unintentionally or running eventually running twice.

info

Ensure the elb function is available.