Implementing iubenda on React JS website/app
Jacopo Pesce
Upvote this discussion if you would like us to add an integration guide specifically tailored for React web framework.
You must first create a file named "iubenda.js" if you want to use iubenda on your ReactJS website or application. This file must be loaded into your ReactJS project because it includes the iubenda subway surfers codebase. You must initialise iubenda using the iubenda init method after adding it to your project.
2 people like this
To implement iubenda on a React JS website/app, follow these steps:
Create an iubenda account and generate the privacy policy and cookie policy codes.
Add the iubenda privacy policy code to the header of the HTML file. You can add this code in the header of the index.html file in the public folder of your React app.
Add the iubenda cookie policy code to the appropriate place in your React app, such as the footer or a dedicated cookie policy page. You can do this by using the React component lifecycle methods to manipulate the DOM and insert the code into the appropriate place.
Customize the appearance and behavior of the iubenda banner and cookie policy modal, as needed, by modifying the code provided by iubenda.
Test the implementation on different browsers and devices to ensure that it works as expected.
Note: The implementation may require some development expertise and knowledge of ReactJS and its components. If you need help, you can consult the iubenda documentation or reach out to their support team.
1 person likes this
Hi! Is there any example I can follow on how to implement it on a React web app? On localhost everything seems to work great, but when I deploy my codebase, it doesn't load some Iubenda variables, not allowing users to interact with the modal. I tried implementing it putting the script in index.html and directly in React, but with no success.
Thank you
1 person likes this
Hi! Is there a React web app implementation sample I may use as a guide? On localhost, everything appears to be running smoothly, however when I deploy my codebase, some Iubenda variables are not loaded, making it impossible for users to interact with the modal. I attempted to do it by placing the script straight in React and index.html, but I was unable.
1 person likes this
On localhost, everything appears to be running smoothly, however when I deploy my codebase, some Iubenda variables are not loaded, making it impossible for users to interact with the modal. I attempted to do it by placing the script straight in React and index.html, but I was unable.
1 person likes this
You must first create a file named "iubenda.js" if you want to use iubenda on your ReactJS website or application. This file must be loaded into your ReactJS project because it contains the iubenda subway surfers codebase. You must initialise iubenda using the iubenda init function after adding it to your project.
1 person likes this
hello
1 person likes this
Thanks for the information
qqqqqqqqq