Anpassad HTML-kod
För varje design kan du lägga till anpassad HTML-kod. HTML-koden kan användas för att ytterligare anpassa utformningen av samtycksskiktet genom att lägga till nytt innehåll till det. Ett vanligt exempel på detta är split-view-medgivandet:
I exemplet ovan är den vänstra sidan av skiktet det ursprungliga medgivande skiktet. Till höger om skiktet är anpassad HTML-kod som läggs till i denna design.
Hur HTML-kod sätts in i samtycksskiktet
Samtyckesskiktet omfattar vanligtvis en <div> element för det yttre lagret (CSS-klass cmpbox) Och <div> element för den inre delen av skiktet (CSS-klass cmpboxinner). Om anpassad HTML-kod används skapar CMP en annan <div> inuti det yttre lagret och placera båda, inre lagret och anpassad HTML-kod i det.
Placera innehållet bredvid varandra
För att placera det inre lagret bredvid din anpassade HTML kan du använda CSS display:flex på <div> med CSS-klass cmpboxcontainer. Här kan du se en mycket enkel konfiguration för ett samtyckslager med vänster / höger innehåll:
Lägger till en anpassad godkännandeknapp
Om allt du behöver är en acceptera/avvisa-knapp som inte accepterar eller avvisar alla leverantörer, kan du göra det genom att använda konfigurationsvariabler på klientsidan. Exemplet nedan lägger till knappen "Acceptera utan beteendebaserad reklam" till det första lagret. Genom att klicka på knappen aktiveras endast IAB TCF-ändamålen 1,2,7,8 och 10 (inte aktiverar ändamålen 3,4,5,6 och 9 som är avsedda för personalisering).
<script>
window.cmp_custombutton = true;
window.cmp_custombutton_name = 'Accept without Behavorial Advertising';
window.cmp_custombutton_pos = 1;
window.cmp_custombutton_purposes = [1,2,7,8,10];
</script>
