Usercentrics - PUBLIC

Angular

Owned by Bernardo Neuville
Last updated: Aug 26, 2022 by sharon.borensztein (Unlicensed)
1 min read

For Angular Implementation, you will need to install Angular CLI globally on your machine. You can install it, by running it on the terminal:

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 directory

  • Add the following script to the <head> tag:

    //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 directory

  • Add the following script to the <head> tag:

    //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?

How can I get help with technical questions?

 

Usercentrics - PUBLIC