Vue.js Implementierung

Vue.js ist ein progressives Framework für die Erstellung von Benutzeroberflächen. Es ist von Grund auf so konzipiert, dass es inkrementell angepasst werden kann und je nach Anwendungsfall leicht zwischen einer Bibliothek und einem Framework skaliert werden kann. Wir bieten auch eine Implementierungsanleitung dazu.

Install vue-head

Installieren Sie vue-head.
Folgen Sie der Dokumentation von vue-head, wie Sie ein Skript in den <head> einer Anwendung einfügen.

CMPv1 Code

Fügen Sie die folgenden beiden Skripte in den <head>-Abschnitt Ihrer nuxt.config.js-Datei für CMP V1 ein

CMPv2 Code

Wenn Sie CMP V2 verwenden, fügen Sie bitte diese beiden unten stehenden Skripte in den <head>-Abschnitt Ihrer nuxt.config.js-Datei ein:

script:  [
      { type: 'application/javascript', src: 'usercentrics-helper.js'},
      { type: 'application/javascript', src: 'https://app.usercentrics.eu/browser-ui/latest/bundle.js', id: 'usercentrics-cmp', 'data-settings-id':'XXXXXXX'}
    ],

TCF2 Code

Wenn Sie die TCF 2.0 Settings-ID verwenden, fügen Sie bitte die beiden folgenden Skripte in den <head>-Abschnitt Ihrer nuxt.config.js-Datei ein:

script:  [
      { type: 'application/javascript', src: 'usercentrics-helper.js'},
      { type: 'application/javascript', src: 'https://app.usercentrics.eu/browser-ui/latest/bundle.js', id: 'usercentrics-cmp', 'data-settings-id':'XXXXXXX', 'data-tcf-enabled': true }
    ],

Implementation

Ersetzen Sie "XXXXXX" durch Ihre Usercentrics SettingsID.
Fügen Sie eine Datei "usercentrics-helper.js" in Ihr Verzeichnis "./static" ein.

Fügen Sie den folgenden Code in die Datei "usercentrics-helper.js" ein:

window.usercentrics = {
  settingsId: 'XXXXXX'
};


window["usercentrics"] = {
  paths: {
    "bundle": "https://app.usercentrics.eu/latest/bundle.js",
  },
  settingsIds: 'XXXXXX',
  settingsVersionOverwrite: 'preview',
};

Ersetzen Sie "XXXXXX" durch Ihre Usercentrics SettingsID.

Weitere Hilfe benötigt?

Wie bekomme ich Hilfe bei technischen Fragen?