Klargjør en nettverksklar bannerannonse i Flash

Når du designer Flash-annonser for distribusjon over et annonsenettverk, er det nødvendig for annonsen å ha sporingsfunksjoner innebygd i den. Dette oppnås ved riktig bruk av ClickTAG ActionScript-setningen. ClickTAG vil bestemme adferden til annonsen når brukeren samhandler med den. Det vil også gi annonsenettverket mulighet til å spore annonsen, antall leverte visninger og klikkfrekvensen.

I denne veiledningen lærer vi hvordan du lager en Flash-annonse for distribusjon.


Endelig forhåndsvisning

La oss ta en rask titt på hva vi skal jobbe for ...

Trinn 1: Dimensjoner

For formålet med denne opplæringen, la oss først bestemme størrelsen på vårt banner. Størrelsen på en typisk bannerannonse er 728px x 90px. En annonse av denne størrelsen kan kalles av servernavn, avhengig av annonsenettverket, men for nå kaller vi det som et banner.
Det første vi skal gjøre er å lage et dokument i Flash for vår banner. Start en ny fil i Flash. Velg et ActionScript 2.0-dokument. Grunnen til at vi skal bruke AS2.0 over AS3.0 er at du ikke kan bruke ActionScript direkte til et objekt i AS3.0, siden filmklipp og knappfiler ikke støttes. Også plasseringen av variabelen som Flash vil importere, er forskjellig.

Når du har opprettet dokumentet, går du til Endre> Dokumentegenskaper og angir dokumentstørrelsen til bannens høyde og bredde.

La oss lage en film!

Trinn 2: Lag din bannerannonse

Siden denne opplæringen ikke handler om hvordan man lager en film, men om hvordan man bruker ClickTag-setningen til filmen, vil vi ikke gå inn på noe om det. Så ved dette trinnet bør vi ha laget vår Flash-banner. Jeg har laget et enkelt banner for Tuts Plus-nettverket som vi skal bruke til å demonstrere ClickTag.

Trinn 3: ClickTag Layer

Vi må utvide vår tidslinje og opprette et nytt lag. Pass på å gi det et definitivt navn for å gjøre det enklere å finne. Dette er et spesielt nyttig tips hvis du har en film med mange lag. La oss nevne dette nye laget ClickTag. For å gjøre dette, gå til Sett inn> Tidslinje> Lag.

Trinn 4: Rektangel

Med det nye laget valgt, skriv 'R' for å aktivere rektangulærverktøyet. Dra rektangelet over hele scenen. Pass på å dekke alt.

Trinn 5: Knapp

Deretter skal vi bruke noen egenskaper til knappen vi nettopp har opprettet. Høyreklikk på rektangel vi laget og velg Rediger på plass.
Den neste tidslinjen vi ser vil vise 'Up', 'Over', 'Down' og 'Hit' rammer. Klikk og hold på 'Opp' ramme og dra den til 'Truffet' ramme.

Trinn 6: Handlinger-vindu

Gå tilbake til hovedfasen. Vi ser at formen vi opprettet for øyeblikket siden, har tatt en grønn fargetone. Dette betyr at vårt lag / knapp er klikkbart.
Lagre filen, klikk deretter på det fargede laget du opprettet og åpne handlingsmenyen ved å gå til Windows> Handlinger, eller bare trykk F9.

Trinn 7: Velg ClickTag Layer

Åpne handlingsmenyen, og kontroller at ClickTag-laget er valgt. Dette er veldig viktig. Siden du har valgt noe annet lag, vil ActionScript-programmet bli feiltatt.

Trinn 8: ActionScript

Ok, dette er hvor magien skjer. Med vårt handlingspanel åpner du kopien og forbi koden under direkte inn i ruten. Husk at vi ikke må redigere denne koden, eller annonsen kan ikke spores. Lim inn den SOM ER.

 på (utgivelse) hvis (_level0.clickTag.substr (0,5) == "http:") getURL (_level0.clickTag, "_blank"); 

Nå, la oss kikke bak gardinen og se hva som skjer med skriptet vårt.

Først setter vi opp vår handling med på (utgivelse). "på (utgivelse)" er en gammel skolehendelseshåndterer som påkaller en handling når knappen vår er klikket på, eller når brukeren klikker deretter utgivelser. Deretter bekrefter vi at nettadressen som vi vil gi dynamisk til annonsen vår, er en faktisk «http:» url.

MERK: Det er mange variasjoner av dette skriptet som flyter om, men det er veldig viktig at det alltid brukes med betinget "if ()". Dette er en forholdsregel. Siden vi tilordner variabler på denne måten, ville det være relativt enkelt for en ondsinnet side å ta vår SWF-annonse og gjøre et cross-site scripting angrep mot en bruker. Detaljer om dette går utover det som gjelder denne opplæringen, men husk at dette er en viktig sikkerhetsforanstaltning.

Skriptet vårt er skrevet for å tillate annonsenettet å spore hvor banneret ble vist og når det ble klikket på. Vår getURL-handling vil navigere i nettleseren til "clickTag" i EMBED-koden. GetURL (clickTag, "_blank") erklæring vil ta URL som annonsenettverket vil plassere i embedsettingen og dynamisk tildele det til vår annonse.

For eksempel:

Trinn 9: Publiser innstillinger

Sjekk publiseringsinnstillingene også; sørg for at de er satt til å publiseres som ActionScript 2.0. Truffet Kommando + retur (på Mac) for å teste banneret.

Trinn 10: Sjekk

I forhåndsvisningen genereres vi musen over annonsen for å sikre at den faktisk er klikkbar. Til slutt bør vi gå tilbake til Flash og kontrollere at vårt skript ikke genererte noen feil.

Gratulerer! Du har nå en bannerannonse klar for distribusjon.

Noen notater om ClickTag

Det er viktig å forstå noe om ClickTag. Dette er ikke en funksjon av Flash selv. ActionScript ovenfor lar SWF-objektet akseptere informasjon fra utsiden. Denne teknikken forteller Flash at filmen du nettopp har opprettet, vil åpne en URL uten at du trenger å vite den eksakte nettadressen når du lager filmen. Hyperkoblingen sendes til SWF fra HTML-embedkoden som annonsenettverket ditt vil bruke til å vise annonsen.

ClickTag har ingen verdi når du oppretter den. Det vil heller ikke ha noen reell mening når du ser forhåndsvisning av filmen. Dens verdi, er URL-linken gitt av HTML-embedkoden.