Aangepaste HTML-code
Voor elk ontwerp kunt u aangepaste HTML-code toevoegen. De HTML-code kan worden gebruikt om het ontwerp van de toestemmingslaag verder aan te passen door er nieuwe inhoud aan toe te voegen. Een bekend voorbeeld hiervan is de split-view toestemming:
In het bovenstaande voorbeeld is de linkerkant van de laag de oorspronkelijke toestemmingslaag. De rechterkant van de laag is aangepaste HTML-code die aan dit ontwerp is toegevoegd.
Hoe HTML-code wordt ingevoegd in de toestemmingslaag
De toestemmingslaag bestaat meestal uit een <div>
element voor de buitenste laag (CSS-klasse cmpbox
) en <div>
element voor het binnenste deel van de laag (CSS-klasse cmpboxinner
). Als aangepaste HTML-code wordt gebruikt, maakt de CMP een andere <div>
binnen de buitenste laag en plaats beide, binnenste laag en aangepaste HTML-code erin.
De inhoud naast elkaar plaatsen
Om de binnenste laag naast je eigen HTML te plaatsen, zou je CSS kunnen gebruiken display:flex
op de <div>
met CSS-klasse cmpboxcontainer
. Hier ziet u een zeer eenvoudige configuratie voor een toestemmingslaag met links / rechts-inhoud:
Een aangepaste acceptatieknop toevoegen
Als u alleen een knop voor accepteren/weigeren nodig hebt die niet alle leveranciers accepteert of afwijst, kunt u dit doen door configuratievariabelen aan de clientzijde te gebruiken:
<script>
window.cmp_custombutton = true;
window.cmp_custombutton_name = 'Accept recommended purposes';
window.cmp_custombutton_pos = 1;
window.cmp_custombutton_purposes = ['c53','c54'];
window.cmp_custombutton_vendors = ['s1669','s26','s19'];
</script>
Het bovenstaande codevoorbeeld voegt een knop toe met de tekst "Aanbevolen doeleinden accepteren" op positie 1 (tweede knop in de rij, eerste knop is positie 0) en wanneer op de knop wordt geklikt, de doeleinden c53 + c54 (en alle onderliggende leveranciers) plus de leveranciers s1669, s26 en s19 worden ingeschakeld.