Uma moldura autónoma que transporta o aviso de transparência. Pode ficar no canto do criativo e abrir ao passar o ponteiro, ou correr por cima dele como uma faixa de rotulagem sempre visível.
moldura —
A carregar um aviso de transparência publicado.
Cole este código à volta do seu criativo. Segue o posicionamento selecionado acima.
<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>Uma moldura é um retângulo opaco: tudo o que cobre deixa de receber cliques. Com o tamanho do painel aberto, engoliria a maior parte de um espaço de 300 por 250. Por isso a moldura arranca com o tamanho da marca e envia uma mensagem de tamanho à página quando abre e fecha.
Tocar na marca de canto abre-a, mas um toque que revela em vez de navegar é um sinal fraco num ecrã tátil. Quando o dispositivo indica que não há ponteiro, a faixa é a melhor escolha, porque o aviso está no ecrã desde o início.
Só pede altura e já é legível na sua altura inicial. Sem o recetor da mudança de tamanho, o texto pode ser cortado em larguras estreitas, mas nada fica inacessível, ao contrário da marca de canto, que nesse caso não abre de todo.
O código de incorporação ignora qualquer mensagem que não venha do domínio do aviso e daquela moldura exata. Uma página pode alojar muitas molduras, e um recetor que confia em todos os remetentes deixa qualquer uma delas redimensionar a marca.
Indique à marca o tamanho do espaço e ela adapta-se. Abaixo de cerca de 200 píxeis, o painel abre na horizontal, e num espaço que é ao mesmo tempo baixo e estreito reduz-se ao símbolo e liga diretamente ao aviso.
A moldura desenha com os tipos de letra do sistema e uma única marca incorporada, por isso aparece em conjunto com o anúncio em vez de um instante depois, e não pode revelar um pedido de tipo de letra a terceiros.