Angular Implementierung

Für die Angular-Implementierung müssen Sie Angular CLI global auf Ihrem Rechner installieren. Sie können es installieren, indem Sie es im Server ausführen:

npm install -g @angular/cli

(Wir gehen davon aus, dass Sie node.js auf Ihrem Computer installiert haben)

Um einen neuen Arbeitsbereich und eine anfängliche Anwendung zu erstellen, müssen Sie Folgendes ausführen:

ng new angular

Navigieren Sie im Endgerät mit cd angular zu dem Ordner und führen Sie dann den folgenden Befehl aus, um die App zu starten:

ng serve --open

CMPv1 Implementation

Öffnen Sie index.html im App-Verzeichnis

Fügen Sie das folgende Skript in den <head>-Tag ein:

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

Dann speichern, der localhost wird neu geladen und lädt in die Seite die bundle.js.

CMPv2 Implementation

Öffnen Sie index.html im App-Verzeichnisses
Fügen Sie das folgende Skript in den <head>-Tag ein:

//Change 'xxxxxx' to your settingsID

//Normal Bundle
<script id="usercentrics-cmp" data-settings-id="xxxxxx" src="https://app.usercentrics.eu/browser-ui/latest/bundle.js" data-tcf-enabled></script>

//Legacy Bundle
<script id="usercentrics-cmp" data-settings-id="xxxxxx" src="https://app.usercentrics.eu/browser-ui/latest/bundle_legacy.js" defer></script>

Dann speichern, der localhost wird neu geladen und lädt in die Seite die bundle.js.

Weitere Hilfe benötigt?

Wie bekomme ich Hilfe bei technischen Fragen?