Test reduced banner files

Have more questions? Submit a request

We will be revising our banner code, to preview this change and whether any of the affected/removed classes are overridden in your css you can use 2 methods.

 

1. Download and selfhost consent.js

Go to your embed script section in the Cookiefirst panel. Copy the link to the consent.js file and download the file to your computer. 

On the bottom of the file look for the following url

https://consent.cookiefirst.com/banner.js

Change the banner.js name to beta.banner.no-autoblock.js (if not using autoblock features) or beta.banner.js (if you are using autoblock) which will load the reduced version of the banner file. Upload this file to your own server or staging domain and replace the embed code for the cookie banner with the local url. 

!important after testing and confirming everything works. Make sure to set everything back to the original state and keep your adjusted CSS to push live when we release the new version or keep it but make sure it's not messing up the current banner.

 

2. Use Chrome dev tools to override the banner.js 

You can use Chrome dev tools also to override the request being made from the consent.js file to the preview of the reduced banner. More information about local overrides in Chrome can be found here https://developer.chrome.com/docs/devtools/overrides/

In the video below i'm showing you how this works in our case. Change the banner.js name to beta.banner.no-autoblock.js (if not using autoblock features) or beta.banner.js (if you are using autoblock).

override-thumb.jpeg

 

3. Check css files for references to classes

Checking your css files for these classes might be tedious. You can however use chrome dev tools to easily find them. 

1. Go to the site and open Dev tools.

2. Then move to the Sources tab and find the css file you'd like to inspect for the classes.

Hit cmd+f (mac) or ctrl+f and in the search bar enter the following regex below and click the .* on the right of the search input to enable regex search.

cf1Rhi|cf2ars|cf3q5G|cfHy0W|cf2J2x|cf1_JJ|cf3epO|cf6oFQ|cf1ivg|cf1VpI|cf1mHg|cf1mHg|cfV_z2|cf3lYD|cf2r_J|cf3qKS|cfqGjV|cf1yZd

See below:

Screenshot

Articles in this section

Was this article helpful?
1 out of 1 found this helpful
Share