Marca de transparência sobreposta
Um quadro incorporado autónomo que contém o aviso de transparência. Pode ficar no canto do criativo e abrir ao passar o ponteiro, ou ficar acima dele como uma faixa de rótulo sempre visível.
Quadro incorporado —
A carregar um aviso de transparência publicado.
Código de incorporação para o editor
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>Notas de integração
O quadro incorporado redimensiona-se automaticamente
Um quadro incorporado é um retângulo opaco: tudo o que cobre deixa de receber cliques. Com o tamanho do painel aberto, ocuparia a maior parte de um espaço de 300 por 250. Por isso, o quadro é entregue com o tamanho da marca e envia uma mensagem com o seu tamanho à página que o contém quando abre e quando fecha.
Os telemóveis não permitem passar o ponteiro
Tocar na marca do canto abre-a, mas um toque que revela conteúdo em vez de navegar é pouco intuitivo num ecrã tátil. Quando o dispositivo indica que não suporta a passagem do ponteiro, a faixa do rótulo é a melhor escolha, porque o aviso está no ecrã desde o início.
A faixa é legível sem JavaScript
Só pede mais altura e já é legível na altura inicial. Sem o recetor de eventos de redimensionamento, o texto pode ficar cortado em larguras estreitas, mas nada fica inacessível, ao contrário da marca do canto, que nesse caso nem sequer abre.
Verifique a origem
O código de incorporação ignora qualquer mensagem que não venha da origem do aviso e exatamente daquele quadro. Uma página pode alojar muitos quadros incorporados, e um processador de redimensionamento que confie em qualquer remetente permite que qualquer um deles redimensione a marca.
Os formatos de pouca altura não se expandem
Indique à marca o tamanho do espaço e ela adapta-se. Com menos de cerca de 200 píxeis de espaço, 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.
Sem tipos de letra da Web, sem pedidos de rede
O quadro usa os tipos de letra do sistema e um único símbolo incorporado no código, por isso é desenhado ao mesmo tempo que o anúncio e não um instante depois, e não pode enviar a terceiros um pedido de tipo de letra.