React Implementation

React wird meist als "View"-Komponente in der MVC-Architektur verwendet, in der die Benutzeroberfläche aktualisiert werden kann, ohne zum Server zurückzugehen, um eine neue Ansicht zu erhalten.

Um ein neues React-Projekt zu erstellen, führen Sie im System Folgendes aus:

npx create-react-app my-app

Um die neu erstellte App auszuführen, gehen Sie auf dem Endgerät in das Verzeichnis my-app und führen dort aus:

npm start

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

CMPv1 Implementation

Öffnen Sie index.html im öffentlichen 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 (Dieser ist eher einfach gehalten)

Öffnen Sie index.html innerhalb des öffentlichen 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?