...
React |
|---|
...
is mostly used ad the “view” component in the MVC architecture in which the UI could be updated without going back to the server to obtain a new view. |
|---|
To create a new React project, run on the terminal:
...
To run the newly created app, on the terminal go to the my-app directory and run on the terminal:
| Code Block |
|---|
npm start |
...
We assume that you have node.js installed on your computer
...
.
...
Assuming that you have a React App already working, you can implement our Usercentrics Script in the following way:
CMPv1 Implementation
Open
index.htmlinside the public directoryAdd the following script to the <head> tag:
Code Block language html //Change 'xxxxxx' to your settingsID <script> window["usercentrics"] = { settingsId: 'xxxxxx', settingsVersionOverwrite: 'preview', }; </script> <script type="application/javascript" src="https://app.usercentrics.eu/latest/main.js" async></script>
...
CMPv2 Implementation
...
Open
index.htmlinside the public directoryAdd the following script to the <head> tag:
Code Block //Change 'xxxxxx' to your settingsID <script id="usercentrics-cmp" data-settings-id="XXXXXXXX" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" async></script>
...