Nuxt.js Implementierung

Nuxt.js ist ein freies und quell-offenes Webapplikations-Framework auf Basis von Vue.js, Node.js, Webpack und Babel.js, zu dem wir auch eine Implementierung anbieten.

CMPv1 Code

Fügen Sie die folgenden beiden Skripte in den <head>-Abschnitt Ihrer Datei nuxt.config.js für CMP V1 Settings-ID 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/loader.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/loader.js', id: 'usercentrics-cmp', 'data-settings-id':'XXXXXXX', 'data-tcf-enabled': true }
    ],

Implementation

Ersetzen Sie "XXXXXX" durch Ihre Usercentrics Settings-ID.
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 Settings-ID.

Weitere Hilfe benötigt?

Wie bekomme ich Hilfe bei technischen Fragen?