Versions Compared

Old Version 5

changes.mady.by.user Bernardo Neuville

Saved on

compared with

New Version Current

changes.mady.by.user sharon.borensztein (Unlicensed)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

How to implement Usercentrics in Angular

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

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

    Code Block
    languagehtml
    //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:

    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?

How can I get help with technical questions?