«clicklayer» - klikkbar flash uten clickTAG

Les også:
Hva er clickTAG?
Hvordan legge til clickTAG i et flashbanner?
Hvordan embedde et flashbanner på en nettside?

Flashannonser som mangler clickTAG er et stadig tilbakevendende problem man ikke ser ut til å bli kvitt.

I 2009 skulle jeg plassere en flashannonse fra et annonsenettverk på Liernett.
clickTAG fungerte ikke, og det var umulig å få annonsenettverket eller annonsøren til å ta tak i saken, til tross for at annonsen åpenbart ikke ville gi noen respons uten clickTAG.
Da kom jeg opp med en idé:

Hva om jeg plasserer et transparent bilde over flashannonsen?
Navnet jeg kom opp med var «clicklayer».

Det jeg gjorde var å lage en <div> med relativ posisjon.
Inne i denne la jeg til et klikkbart bilde med absolutt posisjon før selve flashannonsen:

<div style="position: relative;">
	<a href="http://no.wikipedia.org/wiki/Sirkel" target="_blank" style="width: 180px; height: 150px; position: absolute;">
		<img src="t.gif" style="width: 180px; height: 150px; border: 0;" alt="Annonse">
	</a>
[FLASHANNONSEN SKAL INN HER]
</div>

For at det skal være mulig å plassere et HTML-element over flashobjektet det embeddes med wmode opaque.

width og height må selvfølgelig være det samme som flashbanneret.

I teorien skulle løsningen også fungert uten det transparente bildet, men bare med en display block på <a>.
Det viste seg at det ikke alltid fungerte så bra i Internet Explorer. Derav det transparente gif-bildet (som for øvrig er 1x1 piksler og 43 byte).

Løsningen har imidlertid en ulempe:
Man vil ikke få noen interaktivitet med annonsen. Så om annonsen gjør noe fancy ved mouseover, inneholder et skjema eller flere lenker vil ikke det fungere.
Det er nemlig bare gif-bildet man har tilgang til med musepekeren, flashbanneret ligger gjemt bak.

«clicklayer» i bruk:

Annonse

Senere har jeg også fått bruk for «clicklayer» ved publisering av annonser på VG Nett.

Svend Asbjørn Sylling, 13. november 2011

Bloggen fra Sylling Hardcode