Niestandardowy kod HTML
Do każdego projektu możesz dodać niestandardowy kod HTML. Kod HTML można wykorzystać w celu dalszego dostosowania projektu warstwy zgody poprzez dodanie do niej nowej treści. Typowym tego przykładem jest zgoda na dzielenie widoku:
W powyższym przykładzie lewa strona warstwy to oryginalna warstwa zgody. Prawa strona warstwy to niestandardowy kod HTML dodany do tego projektu.
Jak kod HTML jest wstawiany do warstwy zgody
Warstwa zgody zwykle składa się z <div>
element warstwy zewnętrznej (klasa CSS cmpbox
) i <div>
element dla wewnętrznej części warstwy (klasa CSS cmpboxinner
). Jeśli używany jest niestandardowy kod HTML, CMP utworzy inny <div>
wewnątrz warstwy zewnętrznej i umieść w niej zarówno warstwę wewnętrzną, jak i niestandardowy kod HTML.
Umieszczanie treści obok siebie
Aby umieścić wewnętrzną warstwę obok niestandardowego kodu HTML, możesz użyć CSS display:flex
na <div>
z klasą CSS cmpboxcontainer
. Tutaj możesz zobaczyć bardzo prostą konfigurację dla warstwy zgody z treścią lewą/prawą:
Dodawanie niestandardowego przycisku akceptacji
Jeśli potrzebujesz tylko przycisku akceptuj/odrzuć, który nie akceptuje ani nie odrzuca wszystkich dostawców, możesz to zrobić za pomocą zmiennych konfiguracyjnych po stronie klienta:
<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>
Powyższy przykład kodu dodaje przycisk z tekstem „Zaakceptuj zalecane cele” na pozycji 1 (drugi przycisk w rzędzie, pierwszy przycisk to pozycja 0), a po kliknięciu przycisku cele c53 + c54 (i wszyscy dostawcy podkładów) oraz dostawcy s1669, s26 i s19 zostaną włączone.