Lisää innovatiivisia mainoksia

January 19, 2007

Blogispotti on muokannut TradeDoublerin tekstilinkkejä ja tehnyt innovatiivisen ratkaisun ja hienon esimerkin siitä että kaikkien mainosten ei tarvitse olla samantyyppisiä. Blogispottiin kannattaa muutenkin tutustua ja rekisteröityä käyttäjäksi. Muistakaa minun sanoneeni että tämä palvelu on vielä jonain päivänä suositumpi kuin blogilista.

Todettakoon myös se että tuo mainos on innovatiivinen ratkaisu, mutta ei ehkä mainonnan kannalta kovin tehokas. Mainosta on vaikea löytää sivuilta ja sen CR eli konversio ei varmaan ole kovin korkea. Anyway, ei ainakaan kävijät voi valittaa että on liikaa häiritseviä mainoksia

Blogispotin ylläpidolta terveisä että toteutus on vapaasti kopioitavissa.

Toteutus on loppujenlopuksi hyvin yksinkertainen, käytännössä vain CSS-kikkailua. Tuossa on siis periaatteessa vain kaksi div-layeria päällekkäin, joista päälimmäinen on piilotettu määreellä visibility: hidden;. Päälimmäisen div-layerin sisällä on tietysti toinen div-elementti, jolla saadaan aikaan tuo välilehtimäinen lookki.

Alimmaisessa div-elementissä on käytetty position: relative; määrettä ja päälimmäinen elementti on asemoitu niin, että se on 8 pikseliä irti alemman divin yläreunasta ja oikeasta reunasta. Tällä saadaan aikaan tuo “dynaaminen” irtonaisuus. Päällekkäisyyden saavuttamiseksi on käytetty z-index määritystä.

Koko hommaa kontrolloidaan Javascriptillä, joka tarpeen mukaan näyttää ja piilottaa päälimmäisen divin. Tämä voitaisiin toteuttaa myös ajaxilla, joka lienisi hiukan nykyaikaisempi toteutustapa.

Internetmainonta