Do każdego projektu można dodać niestandardowy kod HTML. Kod HTML może służyć do dalszego dostosowywania wyglądu warstwy zgody poprzez dodawanie do niej nowych treści. Typowym przykładem jest zgoda w widoku podzielonym:

W powyższym przykładzie lewa strona warstwy to oryginalna warstwa zgody. Prawa strona warstwy to niestandardowy kod HTML dodany do tego projektu.

Jak wstawia się kod HTML do warstwy zgody

Warstwa zgody zazwyczaj składa się z <div> elementu dla warstwy zewnętrznej (klasa CSS cmpbox) oraz  <div> elementu dla wewnętrznej części warstwy (klasa CSS cmpboxinner). Jeśli używany jest niestandardowy kod HTML, CMP utworzy kolejny element <div> wewnątrz warstwy zewnętrznej i umieści w niej zarówno warstwę wewnętrzną, jak i niestandardowy kod HTML.

Umieszczenie treści obok siebie

Aby umieścić warstwę wewnętrzną obok własnego kodu HTML, możesz użyć CSS display:flex na <div> z klasą CSS cmpboxcontainer. Tutaj możesz zobaczyć bardzo prostą konfigurację warstwy zgody z treścią po lewej/prawej stronie:

Dodanie niestandardowego przycisku akceptacji

Jeśli potrzebujesz jedynie przycisku akceptacji/odrzucenia, który nie akceptuje ani nie odrzuca wszystkich dostawców, możesz to zrobić, korzystając ze zmiennych konfiguracyjnych po stronie klienta. Poniższy przykład dodaje przycisk „Akceptuj bez reklamy behawioralnej” do pierwszej warstwy. Kliknięcie przycisku włączy tylko cele IAB TCF 1, 2, 7, 8 i 10 (nie włączając celów 3, 4, 5, 6 i 9, które są przeznaczone do personalizacji).

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