...
Code Block | ||
---|---|---|
| ||
npm install -g @angular/cli |
...
We assume that you have node.js installed on your computer
...
.
...
Assuming that you have an Angular App already working, you can implement our Usercentrics Script in the following way:
CMPv1 Implementation
Open
index.html
in your app directoryAdd the following script to the <head> tag:
Code Block language html //Change 'xxxxxx' to your settingsID <script> window.usercentrics = { settingsId: 'xxxxxx' }; window["usercentrics"] = { paths: { "bundle": "https://app.usercentrics.eu/latest/bundle.js", }, settingsIds: 'xxxxxx', settingsVersionOverwrite: 'preview', }; </script>
...
CMPv2 Implementation
Open
index.html
in your app directoryAdd the following script to the <head> tag:
Code Block //Change 'xxxxxx' to your settingsID //Normal Bundle <script id="usercentrics-cmp" data-settings-id="XXXXXXXX" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" async></script>
...
Do you need further help?
...