Spesifikasjon flash-annonser

Spesifikasjon for bruk av flash-annonser

Sjekkliste:

1. Er clickTAG definert?
2. Er annonsen eksportert til riktig versjon av player, samt rett Actionscript-versjon?
NB! Ikke bruk player-versjoner høyere enn 9.
3. Er annonsen testet med hensyn til filstørrelse (kb) og ytelse (cpu)
4. Er det laget en backup til Flash-annonsen (GIF eller JPG)

Ferdig og korrekt laget materiell må leveres minst 4 virkedager før kampanjestart, mens spesialkonsepter som ekspanderende annonser, "OTP" og lignende må leveres 7 virkedager i forveien.

clickTAG:

I flash-annonser bruker man såkalt clickTAG for å kunne måle klikk gjennom et annonsestyringssystem. Navnet "clickTAG" er en standarisert variabel som de fleste nettsteder i dag benytter. Variabelen representerer en URL som man vil at nettleseren skal åpne når man klikker på annonsen. Så i stedet for å hardkode en direkte link inne i SWF-en, lager man en kode som kaller på variabelen clickTAG som er satt til å representere den bestemte URL-en, i annonsesystemet.

Slik skriver du clickTAG i Actionscript 2:

on(release){
getURL(clickTAG, "_blank");
}

Du kan lime koden direkte på en knapp:

$on(release){getURL(clickTAG,"_blank");}$

Eller du kan lime følgende kode i første keyframe og gi knappen et instance-navn som tilsvarer navnet i koden (f.eks. ”min_knapp” som her):

$min_knapp.onRelease=function(){getURL(clickTAG,"_blank");}$

NB! Husk å skrive de tre siste bokstavene i clickTAG med store bokstaver (T, A og G). Dette fordi flash 7 og høyere er case-sensitiv og ikke vil godta noen annen skrivemåte.

Dersom annonsen skal kobles til flere forskjellige linker, kan dette gjøres ved å integere flere clickTAG-er som nummereres (clickTAG1, clickTAG2 osv.). Da lager man altså flere knapper med vanlig kode, men med nummererte clickTAG-variabler som representerer ulike URL-er. For eksempel:

På knapp 1:

on (release) {
getURL(clickTAG1, "_blank");
}

På knapp 2:

on (release) {
getURL(clickTAG2, "_blank");
}

Actionscript 3 og clickTAG:
I AS3 krever clickTAG-implementering noe mer kode da enkelte nettleseres popup-blokkere hindrer navigateToURL (AS3-ekvivalenten til getURL i AS2) i å åpne et nytt vindu. Løsningen er å bruke javascript for å åpne URLen.
Du kan ikke legge kode direkte på en knapp i AS3. I stedet må du gi knappen instance-navnet "btn" og legge følgende kode i første frame (du kan selvsagt også velge å bruke eksterne as-filer, men denne beskrivelsen går ut på å legge koden direkte i første frame):

btn.addEventListener(MouseEvent.CLICK, openClickTAG, false, 0, true);

var clickTAG:String;
var uAStr:String = null;
var eICall:String;
var eIAvailable:Boolean = ExternalInterface.available;

try {
uAStr = new String(ExternalInterface.call("function() {return navigator.userAgent;}"));
} catch (e:Error) {
eIAvailable = false;
}
clickTAG = loaderInfo.parameters["clickTAG"] || "undefined clickTAG";

function openClickTAG(e:MouseEvent):void{
if (eIAvailable) {
eICall = ExternalInterface.call('function() {return (window.open("' + clickTAG + '", "_blank", "") ? "YES" : "NO") }');
}
if ((!eIAvailable) || (eICall != "YES") || (uAStr.indexOf("Opera") != -1)) {
navigateToURL(new URLRequest(clickTAG), "_blank");
}
}

Dersom annonsen skal bruke flere forskjellige clickTAG-er, og du bruker as3, må du lage flere knapper og gi hver av knappene instance-navn på denne måten: "btn" + et tall som representerer aktuell clickTAG - altså btn1, btn2, btn3 osv. Og så må du legge følgende kode i første frame (NB! Les kommentaren i koden)::

// Sett opp knappene dine her:

btnHandler(btn1);
btnHandler(btn2);
btnHandler(btn3);

// Hvis du kun har to clickTAG-er, må du fjerne siste linje fra koden over.
// Om du derimot har mer enn tre clickTAG-er, må du sette opp flere knapper med
// btnHandler-funksjonen på samme måte som i koden over; altså slik: btnHandler(btn4); btnHandler(btn5);
// (Vi har en maksgrense på 5 clickTag-er pr. flash-annonse.)

// Ikke endre koden under:

var uAStr:String = null;
var eICall:String;
var eIAvailable:Boolean = ExternalInterface.available;

try{
uAStr = new String(ExternalInterface.call("function() {return navigator.userAgent;}"));
}catch (e:Error){
eIAvailable = false;
}

function btnHandler(b:Object):void{
b.addEventListener(MouseEvent.CLICK, openClickTAG, false, 0, true);
}

CPU

Sjekk at annonsene ikke bruker for mye CPU før de leveres til oss. Dette for å unngå at sidene våre går tregt, noe som naturlig nok vil påvirke effekten av annonsene.
Annonsene bør ha et stabilt lavt CPU-nivå, med en topp som ikke overgår 10-30 %.

Råd for å holde CPU-en nede:
- Begrens animasjoner som loopes kontinuerlig. Da er det bedre å trigge animasjonene ved rollover.
- Begrens animasjon av bilder som ikke er vektor-basert (f.eks. jpg, gif, png og bmp).
- Bruk heller motion og shape tweening enn keyframe-animasjon.
- Bruk movie clips i stedet for graphic symbols ved animering.
- Vær kritisk til hva som absolutt må animeres. Store ting som beveger seg krever mye CPU; bevegelsen bør derfor skje på et så lite område som mulig.
- Ikke bruk høyere framerate enn 30 fps.

Begrens filstørrelsen

Filstørrelsen på annonsene er med på å påvirke hvor fort siden lastes og annonsene vises, så det bør etterstrebes å holde denne nede. Tillatt filstørrelse avhenger av pixel-størrelsen på selve annonsen. Se oversikten for detaljer om hver enkelt annonsetype.

Råd for å senke antall kb:
- Grupper elementer (ctrl + g).
- Lag symboler av hvert element som brukes mer enn én gang.
- Bruk graphic symbols i stedet for movie clips når grafikken skal stå stille.
- Bruk lag for å separere elementer som animeres fra statiske elementer.
- Har du kantete vektor-grafikk, kan du bruke ”Modify > Shape > Optimize” for å minske antallet linjer og kanter på de ulike formene.
- Begrens antallet strek-typer som ”dashed”, ”dotted”, ”ragged” osv. Solide streker krever mindre minne, og streker lagd med penneverktøyet krever mindre enn dem lagd med maleverktøyet.
- Begrens antallet fonter og fontstiler.
- Begrens bruken av embedede fonter.
- Må du embede fonter, velg bare de tegnene du trenger og ikke alle som finnes innenfor den aktuelle fonten.
- Vær sparsommelig med bruken av gradient.
- Unngå komponenter, de er som regel forholdsvis tunge.
- Begrens bruken av filtere.
- Husk å slette komponenter fra biblioteket om du ikke bruker dem, ellers vil de eksistere i minnet og gjøre swf-en tung (dette er særtilfelle for komponenter).
Ekstratips: Har du en veldig stor fil som du har jobbet med lenge, kan lønne seg å kopiere alle lagene og lime dem inn i et nytt flashdokument. Da hender det minnet blir ”rensket opp” og filen blir mindre.

Lyd

Regler for bruk av lyd:
- Det er kun tillatt med lyd når leseren/brukeren selv kan aktivisere lyden med klikk.
- Annonsen må da være merket med et lydsymbol, for å skru lyden av og på. Vi forbeholder oss retten til å nekte enkelte lyder.
- Volumet må være kodet til under eller lik -12 dB.

Video

Regler for videoannonser:
- Videoen skal streames eller lastes progressivt.
- Videoen skal ha en maks spilletid på et minutt.
- Videoen skal ikke starte automatisk, men skal reguleres via en avspillingsknapp eller mouseover.
- Videoen spilles bare av én gang, men reguleres via en avspillingsknapp.
- Videoannonser som skal hostes av annonsøren skal ta høyde for forventet trafikk og avtales.

Spesielle annonseformater som "expandable" og "OTP":

Ta kontakt med ad@nettavisen.no for maler. Da vil du få en fla-fil som inneholder en beskrivelse av fremgangsmåte.

Egne kreative formater

Kreative formater som ikke inngår i definerte produkter på annonseweben (http://www.nettavisen.no/annonser/ ) må dere gi beskjed til Traffic om minimum en uke før de skal live, og vi må ha tilgjengelig testmateriell i perioden frem mot kampanjestart. Dette pga testing og tilrettelegging, slik at vi vet det fungerer den dagen det skal live. Når det gjelder det tekniske, ta dette med Helge Valvik så tidlig som mulig, slik at vi vet at det er støtte for dette i selve webkodene.

Vi har en maksgrense på 5 clickTag-er pr. flash-annonse, og maks antall annonser pr. posisjon på siden som rullerer er 3 stk.