Transparantiemerk als overlay
Een op zichzelf staande iframe met de transparantiemelding. Hij kan in de hoek van de advertentie staan en opengaan bij aanwijzen, of erboven lopen als een altijd zichtbare labelstrook.
iframe —
Een gepubliceerde transparantiemelding wordt geladen.
Insluitcode voor de uitgever
Plak deze code rond uw advertentie. Hij 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
De iframe past zijn eigen grootte aan
Een iframe is een ondoorzichtige rechthoek: alles wat hij bedekt, ontvangt geen kliks meer. Op de grootte van het geopende paneel zou hij het grootste deel van een plek van 300 bij 250 opslokken. Daarom start het kader op merkgrootte en stuurt het bij openen en sluiten een groottebericht naar de pagina.
Aanwijzen bestaat niet op telefoons
Tikken opent het hoekmerk wel, maar een tik die iets onthult in plaats van te navigeren is een zwak signaal op touch. Meldt het apparaat geen aanwijzen, dan is de labelstrook de betere keuze, want dan staat de melding vanaf het begin op het scherm.
De strook is leesbaar zonder script
Hij vraagt alleen om hoogte en is op zijn beginhoogte al leesbaar. Zonder de ontvanger van het groottebericht kan de tekst bij smalle breedtes worden afgekapt, maar niets wordt onbereikbaar, anders dan bij het hoekmerk, dat dan helemaal niet opengaat.
Controleer de herkomst
De insluitcode negeert elk bericht dat niet van het domein van de melding en uit precies dat kader komt. Een pagina kan veel iframes bevatten, en een ontvanger die elke afzender vertrouwt, laat elk van hen de grootte van het merk wijzigen.
Lage formaten klappen niet uit
Geef het merk de grootte van de plek door, dan past het zich aan. Onder 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 melding.
Geen webfonts, geen netwerk
Het kader tekent met de systeemletters en één ingesloten merk, dus het verschijnt samen met de advertentie in plaats van een moment later, en het kan geen lettertypeverzoek naar een derde partij verraden.