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. |
|---|
...
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:
| 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 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:
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 SettingsID.
...