Transparantie-embleem over de advertentie
Een op zichzelf staand iframe met de transparantieverklaring. Het kan in de hoek van de advertentie staan en opengaan bij aanwijzen, of erboven staan als een altijd zichtbare labelstrook.
iframe —
Een gepubliceerde transparantieverklaring wordt geladen.
Insluitcode voor de uitgever
Plak deze code rond uw advertentie. De code volgt de hierboven gekozen plaatsing.
<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>Aandachtspunten bij de integratie
Het iframe past zijn eigen grootte aan
Een iframe is een ondoorzichtige rechthoek: alles wat het bedekt, ontvangt geen kliks meer. Op de grootte van het geopende paneel zou het het grootste deel van een plek van 300 bij 250 opslokken. Daarom wordt het kader geleverd op embleemgrootte en stuurt het bij openen en sluiten een groottebericht naar de bovenliggende pagina.
Aanwijzen is niet beschikbaar op telefoons
Tikken op het hoekembleem opent het wel, maar een tik die iets onthult in plaats van te navigeren, is op een aanraakscherm een zwak signaal. Meldt het apparaat dat aanwijzen niet mogelijk is, dan is de labelstrook de betere keuze, omdat de transparantieverklaring dan vanaf het begin op het scherm staat.
De strook is leesbaar zonder script
De strook vraagt alleen om extra hoogte en is op de beginhoogte al leesbaar. Zonder de luisteraar voor groottewijzigingen kan de tekst bij smalle breedtes worden afgekapt, maar er wordt niets onbereikbaar, in tegenstelling tot het hoekembleem, dat dan helemaal niet kan opengaan.
Controleer de oorsprong
De insluitcode negeert elk bericht dat niet van de oorsprong van de transparantieverklaring én uit precies dat kader komt. Een pagina kan veel iframes bevatten, en een afhandelaar voor groottewijzigingen die elke afzender vertrouwt, laat elk van die iframes de grootte van het embleem wijzigen.
Lage formaten klappen niet uit
Geef het embleem de grootte van de plek door, dan past het zich aan. Bij minder dan ongeveer 200 pixels ruimte opent het paneel liggend, en op een plek die zowel laag als smal is, krimpt het tot het teken en linkt het rechtstreeks naar de transparantieverklaring.
Geen weblettertypen, geen netwerk
Het kader gebruikt de systeemlettertypen en één direct in de code opgenomen teken, zodat het samen met de advertentie verschijnt in plaats van een moment later, en het kan geen lettertypeverzoek naar een derde partij lekken.