Cookies Warning

Cookies Warning

Cookies are small files that are stored on a user's browser. 
The data that cookies store is usually some type of tracking information to help the website perform various tasks, such as managing a session ID when you sign in or tracking cookies if you've installed Google Analytics for instance.

In the EU, the "cookie law" requires your PWA to get consent from visitors before using cookies.
Your final users must be able to refuse the use of cookies and know how their information will be stored and for which purposes it will be used. 

That's what the cookie banner is made for.

Muse mBaaS uses 3 kinds of cookies:
- Cookies related to operation
These are cookies used by the system to make the PWA work correctly.
The users can't deactivate them.

- Internal services
These are cookies that Muse mBaaS deposits in order to collect statistics on the use of the pages as well as to display advertising content created within the backend.

- External services
These are third-party cookies added to your app when using  Google Tag Manager  or Google Analytics

Very Important:

To keep displaying ads from Google services to European visitors on your app, you need to set Founding choice instead of this regular cookies warning.


1. Activate the Cookies Warning

To activate the cookie warning on your Progressive Web App (this notification is mandatory for all European sites):
1. Go to the menu Settings > App Settings > EU Consents.
2. Click the button to ON.



2. Customize the Cookies Warning

A. Quick consent
This is the pop-up shown on your PWA when you launch it, where your users can quickly accept all cookies, read your privacy policy, or configure cookies.

1. Customize the text of the pop-up (optional)
2. Set the link to your privacy policy


B. Detailed consent
This is the pop-up shown when the users click "Configure cookies" on the quick consent pop-up.

1. Customize the header and text of the pop-up (optional)
2. Customize the text regarding the cookies related to statistics and ads configured via the backend (internal services)
3. Customize the text regarding the cookies related to Google Analytics and Google Tag Manager (external services)*

*Those settings are only available when Google Analytics and/or Google Tag Manager are activated in your project.


Warning: if a user decides to refuse the external services for instance, Google Tag Manager and Google Analytics will be deactivated for this user on your PWA.


C. Design of the popup

1. Add your logo. It will be displayed in the header of the pop-ups.
2. Set the main color that will be used for validation buttons and links.
3. Save your settings at the bottom of the page.


1. Update your modifications in the menu Publish > PWA > Update

    • Related Articles

    • Head Tag | PWA

      In the menu Settings > Other Settings > Head tags, you can add HTML code to the head tag of your Progressive Web App (PWA). This code will be displayed on all your PWA pages. You can for instance add meta tags in this field to declare your PWA to ...

    • Make your PWA Private

      1. Set a Password Restriction to Access your PWA 1. Go to the menu Publish > PWA > Publish 2. Activate the password restriction 3. Fill in an explanatory message your visitor will see when reaching your PWA 4. Fill in the password that will be needed ...

    • Popup and Permission Management

      Several popups or alerts need to be displayed when your users browse your PWA. Depending on your settings, your users could be asked for several authorizations: - Push notification - SMS notification - Install PWA to their device - Cookies - ...

    • Add your PWA's Icon to a Home Screen

      1. Android 1/ Add an image in the menu Design & Structure > Design > General Design > Icon :: PWA > Apple Touch Icon. 2/ Regenerate your PWA to link this image to your PWA. Chrome browser will display an “Add to Home screen” popup automatically once ...

    • Progressive Web App (PWA) Publication - General Information

      1. What is a Progressive Web APP (PWA)? Progressive Web Apps (PWA) can run on any device and have the capacity to totally adapt themselves to the screen they're being viewed on. PWA's are developed with web technologies and are accessible from all ...