Contrassegno di trasparenza in sovrimpressione
Una cornice autonoma che porta l’avviso di trasparenza. Può stare nell’angolo della creatività e aprirsi al passaggio del puntatore, oppure scorrere sopra di essa come una fascia di etichettatura sempre visibile.
cornice —
Caricamento di un avviso di trasparenza pubblicato.
Codice di incorporamento per l’editore
Incolla questo codice attorno alla tua creatività. Segue la posizione selezionata sopra.
<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>Note di integrazione
La cornice si ridimensiona da sola
Una cornice è un rettangolo opaco: tutto ciò che copre smette di ricevere clic. Alle dimensioni del pannello aperto inghiottirebbe gran parte di uno spazio da 300 per 250. Per questo la cornice parte con le dimensioni del contrassegno e invia alla pagina un messaggio di dimensione quando si apre e si chiude.
Sui telefoni non esiste il passaggio del puntatore
Toccare il contrassegno d’angolo lo apre, ma un tocco che rivela invece di navigare è un segnale debole su schermo tattile. Quando il dispositivo dichiara di non avere il puntatore, la fascia è la scelta migliore, perché l’avviso è sullo schermo fin dall’inizio.
La fascia si legge senza script
Chiede soltanto altezza ed è già leggibile alla sua altezza iniziale. Senza l’ascoltatore del ridimensionamento il testo può essere tagliato sulle larghezze strette, ma nulla diventa irraggiungibile, a differenza del contrassegno d’angolo, che allora non può aprirsi affatto.
Verifica l’origine
Il codice di incorporamento ignora qualsiasi messaggio che non provenga dal dominio dell’avviso e da quella precisa cornice. Una pagina può ospitare molte cornici, e un ascoltatore che si fida di ogni mittente lascia che qualunque di esse ridimensioni il contrassegno.
I formati bassi non si espandono
Comunica al contrassegno le dimensioni dello spazio e si adatterà. Sotto i 200 pixel circa il pannello si apre in orizzontale, e in uno spazio che è insieme basso e stretto si riduce al simbolo e rimanda direttamente all’avviso.
Nessun font web, nessuna rete
La cornice disegna con i font di sistema e un solo contrassegno incorporato, quindi compare insieme all’annuncio anziché un istante dopo, e non può rivelare a terzi una richiesta di font.