Per ogni design è possibile aggiungere codice HTML personalizzato. Il codice HTML può essere utilizzato per personalizzare ulteriormente il design del layer di consenso aggiungendovi nuovi contenuti. Un esempio comune è il consenso a vista divisa:

Nell'esempio sopra, la parte sinistra del layer è il layer di consenso originale. La parte destra del layer è codice HTML personalizzato aggiunto a questo design.

Come inserire il codice HTML nel layer di consenso

Il livello di consenso di solito consiste in un <div> elemento per il livello esterno (classe CSS cmpbox) e  <div> elemento per la parte interna del livello (classe CSS cmpboxinner). Se si utilizza codice HTML personalizzato, il CMP creerà un altro <div> all'interno del livello esterno e vi inserirà sia il livello interno che il codice HTML personalizzato.

Posizionare i contenuti uno accanto all'altro

Per posizionare il livello interno accanto al tuo HTML personalizzato, potresti usare i CSS display:flex sull' <div> con la classe CSS cmpboxcontainer. Qui puoi vedere una configurazione molto semplice per un layer di consenso con contenuto a sinistra/destra:

Aggiunta di un pulsante di accettazione personalizzato

Se tutto ciò di cui hai bisogno è un pulsante di accettazione/rifiuto che non accetti o rifiuti tutti i fornitori, puoi farlo utilizzando le variabili di configurazione lato client. L'esempio seguente aggiunge un pulsante "Accetta senza pubblicità comportamentale" al primo livello. Cliccando sul pulsante si abiliteranno solo gli scopi IAB TCF 1, 2, 7, 8 e 10 (non abilitando gli scopi 3, 4, 5, 6 e 9, destinati alla personalizzazione).

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