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.

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?

Support Knowledge Base