Marque de transparence en surimpression
Un cadre autonome contenant l’avis de transparence. Il peut se placer dans le coin de la création et s’ouvrir au survol, ou s’afficher au-dessus sous forme de bandeau toujours visible.
cadre —
Chargement d’un avis de transparence publié.
Code d’intégration pour l’éditeur
Collez ce code autour de votre création. Il suit l’emplacement sélectionné ci-dessus.
<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>Notes d’intégration
Le cadre se redimensionne automatiquement
Un cadre est un rectangle opaque : tout ce qu’il recouvre cesse de recevoir les clics. À la taille du panneau ouvert, il masquerait la plus grande partie d’un emplacement de 300 sur 250. Le cadre est donc livré à la taille de la marque et envoie un message de taille à la page parente lorsqu’il s’ouvre et se referme.
Le survol n’existe pas sur téléphone
Toucher la marque d’angle l’ouvre bien, mais un toucher qui affiche un contenu au lieu de naviguer est peu intuitif sur écran tactile. Lorsque l’appareil indique qu’il ne gère pas le survol, le bandeau est le meilleur choix, car l’avis est à l’écran dès le départ.
Le bandeau reste lisible sans script
Il ne demande que de la hauteur et reste lisible dès sa hauteur de départ. Sans l’écouteur de redimensionnement, le texte peut être tronqué aux faibles largeurs, mais rien ne devient inaccessible, contrairement à la marque d’angle, qui ne peut alors pas s’ouvrir du tout.
Vérifiez l’origine
Le code d’intégration ignore tout message qui ne provient pas de l’origine de l’avis et de ce cadre précis. Une page peut contenir de nombreux cadres, et un gestionnaire de redimensionnement qui fait confiance à tous les expéditeurs permet à n’importe lequel d’entre eux de redimensionner la marque.
Les formats de faible hauteur ne se déploient pas
Indiquez à la marque la taille de son emplacement et elle s’adapte. En dessous d’environ 200 pixels de hauteur disponible, le panneau s’ouvre à l’horizontale, et sur un emplacement à la fois bas et étroit, la marque se réduit au symbole et renvoie directement à l’avis.
Ni police web, ni appel réseau
Le cadre s’affiche avec les polices du système et un seul symbole intégré : il apparaît donc en même temps que la publicité plutôt qu’un instant plus tard, et il ne peut laisser fuiter aucune requête de police vers un tiers.