# Usercentrics

URL: https://docs.ablyft.com/de/developers/integrations/usercentrics/

> A/B-teste Varianten des Usercentrics-Consent-Banners und tracke Banner-Events als Goals.



Du kannst Varianten deines Usercentrics-Banners mit ABlyft testen. Die Varianten werden in Usercentrics gestaltet. ABlyft
entscheidet, welche Variante ein Visitor bekommt, und misst das Ergebnis.

> Platziere das ABlyft-Script im `<head>` vor dem Usercentrics-Script.

## Experiment und Variations

1. Erstelle ein Experiment mit einer Variation vom Typ **Code**.
2. Setze in der Variation eine globale Variable: `window.UC_AB_VARIANT = "variant1";`
3. Setze im Original dieselbe Variable auf `"variant0"`.

## Goals

Usercentrics meldet diese Events:

| Event                   | Bedeutung                          |
| ----------------------- | ---------------------------------- |
| `CMP_SHOWN`             | Das Banner wurde angezeigt         |
| `ACCEPT_ALL`            | Accept all wurde geklickt          |
| `DENY_ALL`              | Deny all wurde geklickt            |
| `SAVE`                  | Save wurde geklickt                |
| `MORE_INFORMATION_LINK` | More information wurde geklickt    |
| `IMPRINT_LINK`          | Imprint-Link wurde geklickt        |
| `PRIVACY_POLICY_LINK`   | Privacy-Policy-Link wurde geklickt |

Erstelle für jedes Event, das du messen möchtest, ein **Custom** Goal. Der API Name ist `usercentrics_` plus der
Event-Name, zum Beispiel `usercentrics_ACCEPT_ALL`.

## Events weiterleiten

Füge dies in den **Project JavaScript** der Project Settings ein:

```js
window.addEventListener('UC_UI_CMP_EVENT', function (data) {
  window['ablyft'] = window['ablyft'] || [];
  window['ablyft'].push({
    eventType: 'custom',
    eventName: 'usercentrics_' + data.detail.type,
  });
});
```

Mehr zu Custom Goals: [Custom goals](https://docs.ablyft.com/de/developers/tracking-and-events/custom-goals/).