Distintivo de transparencia superpuesto
Un marco independiente que contiene el aviso de transparencia. Puede situarse en la esquina del creativo y abrirse al pasar el puntero por encima, o colocarse por encima de él como una franja de etiquetado siempre visible.
marco —
Cargando un aviso de transparencia publicado.
Código de inserción para el editor
Pegue este código alrededor de su creativo. Se ajusta a la ubicación seleccionada arriba.
<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>Notas de integración
El marco ajusta su propio tamaño
Un marco es un rectángulo opaco: todo lo que cubre deja de recibir clics. Si tuviera el tamaño del panel abierto, cubriría la mayor parte de un espacio de 300 por 250. Por eso el marco se sirve con el tamaño del distintivo y envía un mensaje de tamaño a la página contenedora cuando se abre y cuando se cierra.
Los teléfonos no permiten pasar el puntero
Tocar el distintivo de la esquina sí lo abre, pero un toque que muestra contenido en lugar de navegar es una indicación poco clara en una pantalla táctil. Cuando el dispositivo indica que no admite pasar el puntero, la franja es la mejor opción, porque el aviso está en pantalla desde el principio.
La franja es legible sin JavaScript
Solo solicita altura y ya es legible con su altura inicial. Sin el detector de eventos de cambio de tamaño, el texto puede recortarse en anchuras estrechas, pero nada queda inaccesible, a diferencia del distintivo de esquina, que en ese caso no puede abrirse en absoluto.
Compruebe el origen
El código de inserción ignora cualquier mensaje que no provenga del origen del aviso y de ese marco exacto. Una página puede contener muchos marcos, y un controlador de cambio de tamaño que confía en cualquier remitente permite que cualquiera de ellos cambie el tamaño del distintivo.
Los formatos de poca altura no se despliegan
Indique al distintivo el tamaño de su espacio y se adaptará. Con menos de unos 200 píxeles de altura disponible, el panel se abre en horizontal, y en un espacio que es a la vez de poca altura y estrecho se reduce al símbolo y enlaza directamente con el aviso.
Sin fuentes web ni conexiones de red
El marco se dibuja con la pila de fuentes del sistema y un único símbolo integrado en el código, de modo que aparece junto con el anuncio y no un instante después, y no puede filtrar una solicitud de fuentes a terceros.