Publisert i bloggen, søndag 13. november 2011:

«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:

Oppdatering 2023: Dette blogginnlegget er fra 2011, og flashannonser har for lengst gått ut av tiden. Eksempelet nedenfor vil derfor mest sannsynlig ikke vises i din nettleser.

Annonse

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

Relatert innhold

Hva er clickTAG?
Embedde flash
Legge til clickTAG
Høysesong for kjipe annonser

Bloggen

Paid and organic last click
Are og Ida på date
Kunstig intelligens
Vekst- prosjektet
Da Outlook stjal ikonet mitt
Sen eller tidlig påske?
Koordinater i SVG
Påstand: Corner er mål
Vestfold-Rogaland kalkulator
Twitter og VM på ski
My New Year's Resolutions
Et bilde sier mer enn tusen ord
Rogaland blir nye Vestfold
På størrelse med Vestfold
Datoformat i Excel og Google Analytics
what3words Hvilke tre ord?
Covfefe will make America great again
Om domenenavn og firmanavn
Fotballfrue: Jeg tar innpå deg
Sakte-TV: Se gresset gro
Sakte-TV: Se maling tørke
Første generasjon iPapp har kommet
Jukselapp fotografering
Det sorte hullet cookies disabled
Høysesong for kjipe annonser
Om analsex og popups
Rotasjon av vindsymboler
Hvor mye er Fotballfrue verdt?
Slik tar du et screenshot
Nyttige husketrekanter
Enklere utregning med kryssmultiplisering
Min egen lille adventskalender
Logge antall likes på Facebook
Hva er sitemap.xml?
Hva er robots.txt?
Responsivt design
Webscraping med PHP
Jeg sammenligner epler og pærer
Scalable Vector Graphics
Google Analytics API: Hente data
Google Analytics API: Muligheter
HTML5: Video
Big Data
Cookies: Hvordan det brukes
Cookies: Hva er det?
Excel i to vinduer
CRM-systemet «Kontor»
Gigantisk timelapse
Hva er jQuery?
Overvåke ReadyNAS DUO med PHP
Favicon - ikonet i adressefeltet
Animert heading på hardcode.no
CSS -sprites
Komprimere PNG-bilder
Redesign av hardcode.no
Klikkbar flash uten clickTAG
Relevans har stor verdi
Alle har wide- screen i 2013
Markedsandeler nettlesere 2010
Internet Explorer-vindu i feil størrelse
Hvor stor er en piksel?
Markedsføring og kundelojalitet
Flash-versjoner
Vestre Sylling og Øverskogen JFF
Sidevisninger, besøk og brukere
Widescreen kommer
Hvor brede bør sidene være?
Fortsatt lese hele saken?
Lese hele saken nå?
Første møte med AdWords
Bort med IE6
Utviklingen på nettleserfronten
Nyttige jukselapper
Nye Sylling.no
Klær med egen logo?
Værdata fra yr.no
Logodesign trender i 2008
Gmail grimaser
Google Analytics
Publiseringssystemet Outpost
Hardcode.no relanseres
Publiserings -systemet