Travis Bobier
Ā Ā·Ā Professional Nerd

Cookie Consent Banner

Please be aware that Ceros SDK plugins are non-native tools and are provided "as is". As such, we cannot guarantee that plugin functionality will work as intended across all implementation instances.

About This Plugin

This plugin allows Ceros users to enable a cookie consent banner in their experiences.

Click to import demo experience

How To Implement

Step 1: Add the Custom HTML

Copy the SDK Script below and paste it into the Custom HTML field within the Settings panel in the Studio. Press OK to finish and close the panel.

<script 
src="https://labs.ceros.com/sdk-plugins/cookie-consent-banner/main.js?v=2"></script>

Step 2: Create Assets and Accept / Decline Buttons

1. Create and style your cookie consent banner assets.

2. Create a hotspot over the Accept button.

ā€¢ With this hotspot selected, open the SDK Panel. Within the second Enter Tag field under the SDK ID, type in the tag accept and press Enter / Return to finish adding the tag.

3. Create a hotspot over the Decline button.

ā€¢ With this hotspot selected, open the SDK Panel. Within the second Enter Tag field under the SDK ID, type in the tag decline and press Enter / Return to finish adding the tag.

Step 3: Create Show and Hide Hotspots

1. Create a hotspot below the canvas. You can name it ā€˜show bannerā€™ or something similar; the exact naming is up to you.

2. With this hotspot selected, open the SDK Panel. Within the second Enter Tag field under the SDK ID, type in the tag show-consent-banner and press Enter / Return to finish adding the tag.

3. Keeping this hotspot selected, add an On Click -> Show interaction to it that targets your cookie consent banner assets(s).

4. Create another hotspot below the canvas. You can name it ā€˜hide bannerā€™ or something similar; the exact naming is up to you.

5. With this hotspot selected, open the SDK Panel. Within the second Enter Tag field under the SDK ID, type in the tag hide-consent-banner and press Enter / Return to finish adding the tag.

6. Keeping this hotspot selected, add an On Click -> Hide interaction to it that targets your cookie consent banner assets(s).