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:
| Code Block |
|---|
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:
| Code Block |
|---|
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:
Code Block 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.
...