För varje design kan du lägga till anpassad HTML-kod. HTML-koden kan användas för att ytterligare anpassa utformningen av samtyckeslagret genom att lägga till nytt innehåll. Ett vanligt exempel på detta är samtycke med delad vy:

I exemplet ovan är den vänstra sidan av lagret det ursprungliga samtyckeslagret. Den högra sidan av lagret är anpassad HTML-kod som lagts till i denna design.

Hur HTML-kod infogas i samtyckeslagret

Samtyckeslagret består vanligtvis av ett <div> -element för det yttre lagret (CSS-klass cmpbox) och  <div> element för lagrets inre del (CSS-klass cmpboxinner). Om anpassad HTML-kod används skapar CMP ytterligare ett <div> inuti det yttre lagret och placera både det inre lagret och den anpassade HTML-koden där.

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-klassen cmpboxcontainer. Här kan du se en mycket enkel konfiguration för ett samtyckeslager med innehåll till vänster/höger:

Lägg till en anpassad godkännandeknapp

Om allt du behöver är en knapp för att acceptera/avvisa som inte accepterar eller avvisar alla leverantörer kan du göra det genom att använda konfigurationsvariabler på klientsidan. I exemplet nedan läggs en knapp för ”Acceptera utan beteendebaserad reklam” till i det första lagret. Om du klickar på knappen aktiveras endast IAB TCF-syftena 1, 2, 7, 8 och 10 (syftena 3, 4, 5, 6 och 9, som är avsedda för personalisering, aktiveras inte).

 <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>