Versions Compared

Key

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

...

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?

...