Skyscraper eli pilvenpiirtäjäbanneri (160x600 pikseliä) on kapea ja pitkä pystysuuntainen bannerimainoksen muoto, joka sijoitetaan tyypillisesti verkkosivun sivupalkkiin. Sen erikoinen nimi tulee sen pilvenpiirtäjän muotoisesta ulkoasusta – kapea ja korkea. Skyscraper on suosittu erityisesti pitkillä sisältösivuilla, koska se pysyy näkyvissä käyttäjän vierittäessä sivua alaspäin.
Skyscraper tarjoaa mainostajille enemmän pystysuoraa tilaa kuin Medium Rectangle tai Leaderboard, mikä mahdollistaa pidempiä viestejä, useampia tuotekuvia tai yksityiskohtaisemman tarinankerronnan. Se on erityisen tehokas, kun yhdistetään sticky-teknologiaan, joka pitää mainoksen näkyvissä vierityksen aikana.
Skyscraper-bannerin standardikoot
Wide Skyscraper (160x600 pikseliä) on yleisin ja suosituin Skyscraper-koko. Se tarjoaa hyvän tasapainon leveyden ja korkeuden välillä – tarpeeksi leveä mahdu ttaakseen kuvan ja tekstin, tarpeeksi korkea kertoakseen laajemman viestin.
Skyscraper (120x600 pikseliä) on kapeampi versio, joka oli yleinen ennen Wide Skyscraperin yleistymistä. Nykyään sitä käytetään harvemmin, koska se tarjoaa vähemmän tilaa luovalle sisällölle.
Half Page Ad (300x600 pikseliä) ei ole teknisesti Skyscraper, mutta se täyttää saman tarkoituksen – pystysuuntainen sivu palkkimainos. Se on kaksi kertaa leveämpi kuin Wide Skyscraper ja tarjoaa enemmän luovaa tilaa, mutta vie myös enemmän näyttötilaa.
Tässä artikkelissa keskitymme Wide Skyscraper (160x600) -kokoon, sillä se on yleisin ja monipuolisin.
Skyscraper-bannerin sijoittelu
Tyypillisin sijoitus on verkkosivun oikea sivupalkki. Tämä on perinteinen paikka mainosille, ja käyttäjät ovat tottuneet näkemään mainoksia tässä sijainnissa. Se ei häiritse sisällön lukemista, mutta pysyy näkyvissä, kun käyttäjä vierittää sivua.
Vasen sivupalkki on harvinaisempi sijoitus, mutta se voi toimia hyvin, koska länsimainen lukusuunta on vasemmalta oikealle – käyttäjän katse osuu ensin vasempaan reunaan ennen sisällön lukemista.
Sticky Skyscraper eli kiinnitetty Skyscraper pysyy näkyvissä käyttäjän vierittäessä sivua alaspäin. Tämä maksimoi näkyvyysajan ja impressioiden määrän, mikä tekee siitä tehokkaamman kuin staattinen sivupalkkimainos.
Mobiililaitteilla Skyscraper ei yleensä toimi, koska näyttö on liian kapea. Sen sijaan mobiilissa käytetään Mobile Banner (320x50) tai Medium Rectangle (300x250) -muotoja.
Skyscraper-mainoksen suunnittelu
Skyscraper on pystysuora ja kapea, joten visuaalisen hierarkian on oltava vertikaali nen. Aloita ylhäältä logolla tai brändielementillä, jatka otsikolla ja kuvalla, lisää lyhyt leipäteksti keskivaiheilla ja päätä CTA-painikkeeseen alareunassa.
Korkeus on vahvuus: 600 pikseliä antaa paljon tilaa kertomus ten kertomiselle. Voit sisällyttää:
- Logon (yläreunaan)
- Vahvan otsikon (20-24 px fontti)
- Yhden tai useamman kuvan (tuote, käyttötilanne, kasvo)
- Lyhyen listan hyödyistä (3-4 kappaletta)
- Testimoniaalin tai arvostelun
- Selkeän CTA-painikkeen (alareunaan)
Leveys on rajoitus: 160 pikseliä ei ole paljon, joten tekstin on oltava lyhyttä ja helppolukuista. Käytä maksimissaan 2-3 sanaa per rivi otsikoissa. Leipäteksti voi olla 10-12 pikselin fonttikokoa, mutta pidä se lyhyenä.
Yksinkertainen layout toimii parhaiten. Älä yritä ahtaa liikaa elementtejä kapeaan tilaan. Yksi vahva kuva, selkeä otsikko ja CTA riittävät. Jos haluat kertoa enemmän, käytä animaatiota.
Animaatio Skyscraper-bannerissa
Animoitu Skyscraper voi olla erittäin tehokas, koska pystysuora muoto mahdollistaa “tarinan” kerromisen ylhäältä alas tai liukuvan efektin.
Karusellimaiset animaatiot toimivat hyvin: näytä 3-5 eri tuotetta tai hyötyä peräkkäin, kullakin omalla ruudullaan 3-4 sekunnin ajan. Lopeta vahvaan CTA-ruutuun.
Reveal-animaatiot, joissa elementit ilmestyvät peräkkäin (logo → otsikko → kuva → CTA), voivat olla eleganteja ja huomiota herättäviä.
Vertikaalinen liuku ylhäältä alas sopii Skyscraperin muotoon luonnollisesti. Animoi sisältö vieriv än ylös tai alas mainoksen sisällä.
Pidä animaatio rauhallisena ja ammattimaisena. Liian nopea tai häiritsevä animaatio ärsyttää käyttäjää, varsinkin jos mainos on sticky ja pysyy näkyvissä koko vierittämisen ajan.
Skyscraper-bannerin tehokkuus
Skyscraper-bannerit tuottavat tyypillisesti keskitason CTR:n, noin 0,1–0,3 %. Tämä on alempi kuin Above the Fold -sijoitettu Leaderboard tai Medium Rectangle, mutta sticky-versio voi kompensoida alhaisemman CTR:n korkeammalla näkyvyydellä.
Brändinäkyvyydelle Skyscraper on erinomainen. Sen korkeus ja pitkä näkyvyysaika (erityisesti sticky-versiossa) tarkoittavat, että brändisi logo ja viesti ovat käyttäjän näkökentässä pitkään, vaikka hän ei klikkaisi mainosta.
Engagement-kampanjoissa Skyscraper voi toimia hyvin, jos siinä on interaktiivisia elementtejä (HTML5), kuten video, lomake tai peli. Pystysuora tila mahdollistaa pidempimuotoisen vuorovaikutuksen.
Konversiokampanjoissa Skyscraper ei ole välttämättä tehokkain, koska sivupalkin mainokset saavat vähemmän huomiota kuin sisällön seassa olevat mainokset. Mutta oikein kohdennettu ja suunniteltuna se voi silti tuottaa tulosta.
Sticky vs. staattinen Skyscraper
Staattinen Skyscraper pysyy paikallaan sivun sivupalkissa. Kun käyttäjä vierittää sivua alas, mainos jää ylös ja katoaa näkyvistä. Tämä on perinteinen tapa, ja se on vähemmän häiritsevä käyttäjälle.
Sticky Skyscraper seuraa käyttäjää vierityksen mukana ja pysyy näkyvissä koko ajan. Tämä maksimoi näkyvyysajan (time in view), mikä on tärkeää bränditietoisuuskampanjoissa. Se voi kuitenkin ärsyttää käyttäjiä, jos se vie liikaa näyttötilaa tai on liian häiritsevä.
Sticky-mainoksilla on usein korkeampi CPM (Cost Per Mille), koska ne takaavat pidemmän näkyvyysajan. Mainostajat ovat valmiita maksamaan enemmän varmuudesta, että mainos nähdään.
Skyscraper vs. muut bannerikoot
Skyscraper vs. Leaderboard: Skyscraper on pystysuora ja soveltuu sivupalkkiin, Leaderboard on vaakasuora ja soveltuu sivun ylä-/alaosaan. Leaderboard on näkyvämpi, Skyscraper tarjoaa enemmän tilaa viestille.
Skyscraper vs. Medium Rectangle: Medium Rectangle on kompaktimpi ja monipuolisempi (sopii sivupalkkiin, sisällön sisään, mobiiliin). Skyscraper on korkeampi ja sopii vain desktop-näkymiin.
Skyscraper vs. Half Page Ad: Half Page (300x600) on kaksi kertaa leveämpi ja tarjoaa enemmän luovaa tilaa, mutta vie enemmän näyttötilaa ja voi olla kalliimpi.
Merkitys pk-yritykselle
Pk-yrityksille Skyscraper on hyvä lisä display-mainontaan, kun halutaan kertoa pidempi tarina tai esitellä useampia tuotteita/hyötyjä yhdessä mainoksessa. Se sopii erityisesti B2B-markkinointiin ja palveluihin, joissa päätöksenteko on pidempi ja vaatii enemmän informaatiota.
Jos budjetti on rajallinen, aloita Medium Rectanglesta ja Leaderboardista, sillä ne ovat monipuolisempia ja tuottavat usein paremman CTR:n. Kun kampanjat toimivat, lisää Skyscraper mukaan laajentaaksesi tavoittavuutta ja testaa, toimiiko se sinun kohderyhmälläsi.
Skyscraper on tehokkain, kun käytät sticky-sijoittelua ja oikein kohdennettua remarketing-kampanjaa. Käyttäjä, joka on jo vieraillut sivustollasi, näkee Skyscraper-mainoksesi pitkään lukiessaan artikkelia, mikä lisää todennäköisyyttä paluukäynnille ja konversiolle.