We want websites to be able to easily modify the default option for showing the Consent Manager Banner via the button deployed fixed to the bottom-left corner of your website. If you wish to change this, turn the "Default Consent Manager Button" to inactive when managing your Consent Manager.
Site visitors will see the Consent Manager Banner on their initial page load, and then again 30 days after. If they want to update or change settings, you can provide an alternative way to show the banner with a bit of customization.
In the below case, add a button of your choice with the appropriate selector (below, this is a button like so: <button id='button'>Show Privacy Settings</button>
). Add an event listener to the button to call our CMP display banner method:
HTML# Full Version<script>var button = document.querySelector('#button');button.addEventListener('click', function() {return window.__cmpLoginhood('displayConsentPopup');});</script># Minified (copy & paste the below - be sure to update the element selector):<script>var button=document.querySelector('<ELEMENT SELECTOR>'); button.addEventListener('click', function(){return window.__cmpLoginhood('displayConsentPopup');});</script>
Typescript / ReacthandlePopup = (e: React.ChangeEvent) => {e.preventDefault();return (<any>window).__cmpLoginhood('displayConsentPopup');}
Some websites are also "re-showing" their banner whenever a user visits their Privacy Policy page (e.g. /privacy-policy). In this case, add a small snippet to the template/page you wish to re-show the Consent Manager banner on:
HTML# Full Version<script>window.addEventListener('__cmpLoginhoodReady', () => {window.__cmpLoginhood('displayConsentPopup');});</script># Minified (copy & paste the below):<script>window.addEventListener('__cmpLoginhoodReady', ()=>{window.__cmpLoginhood('displayConsentPopup');});</script>