Samodzielna ramka niosąca informację o przejrzystości. Może znajdować się w rogu kreacji i otwierać po najechaniu kursorem albo biec nad nią jako zawsze widoczny pasek oznaczenia.
ramka —
Trwa wczytywanie opublikowanej informacji o przejrzystości.
Wklej ten kod wokół swojej kreacji. Podąża za umiejscowieniem wybranym powyżej.
<div style="position: relative">
<!-- your creative goes here -->
<iframe id="polads-badge"
src="https://polads.eu/badge/ABC12?w=300&h=250"
title="Political advertising transparency notice"
scrolling="no"
style="position: absolute; top: 8px; right: 8px;
width: 32px; height: 32px; border: 0; background: transparent;
transition: width .22s cubic-bezier(.2,.7,.25,1),
height .22s cubic-bezier(.2,.7,.25,1)"></iframe>
</div>
<script>
window.addEventListener("message", function (e) {
if (e.origin !== "https://polads.eu") return;
var f = document.getElementById("polads-badge");
if (!f || e.source !== f.contentWindow) return;
if (!e.data || e.data.polads !== "size") return;
f.style.width = e.data.w + "px";
f.style.height = e.data.h + "px";
});
</script>Ramka to nieprzezroczysty prostokąt: wszystko, co zakryje, przestaje przyjmować kliknięcia. W rozmiarze otwartego panelu pochłonęłaby większość miejsca 300 na 250. Dlatego ramka ładuje się w rozmiarze znaku i wysyła stronie komunikat o rozmiarze, gdy się otwiera i zamyka.
Dotknięcie znaku w rogu owszem go otwiera, ale dotknięcie, które odsłania zamiast prowadzić dalej, jest słabym sygnałem na ekranie dotykowym. Gdy urządzenie zgłasza brak kursora, pasek oznaczenia jest lepszym wyborem, bo informacja jest na ekranie od początku.
Prosi wyłącznie o wysokość i już w swojej początkowej wysokości jest czytelny. Bez odbiorcy komunikatu o rozmiarze tekst może zostać przycięty przy wąskich szerokościach, ale nic nie staje się niedostępne, inaczej niż znak w rogu, którego wtedy w ogóle nie da się otworzyć.
Kod osadzenia pomija każdy komunikat, który nie przyszedł z domeny informacji i dokładnie z tej ramki. Strona może zawierać wiele ramek, a odbiorca ufający każdemu nadawcy pozwala dowolnej z nich zmienić rozmiar znaku.
Podaj znakowi rozmiar miejsca, a dostosuje się. Poniżej mniej więcej 200 pikseli panel otwiera się poziomo, a w miejscu, które jest zarazem niskie i wąskie, kurczy się do symbolu i odsyła wprost do informacji.
Ramka rysuje się krojami systemowymi i jednym osadzonym znakiem, więc pojawia się razem z reklamą, a nie chwilę później, i nie może zdradzić zapytania o krój pisma osobie trzeciej.