Prepare en nettverksklar Banner Ad i Flash
Del
Del
Del
Del
Dette Cyber ​​Monday Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.

Når du utformer Flash-annonser for utplassering i løpet av et annonsenettverk det er påkrevet for at annonsen skal ha sporing evner innebygd i den. Dette oppnås gjennom riktig bruk av clickTAG Action uttalelse. ClickTAG vil bestemme oppførselen til annonsen når brukeren samhandler med den. Det vil også tillate annonsenettverk for å spore annonsen, antall visninger levert og klikkfrekvens.

I denne opplæringen vil vi lære å lage en Flash annonse for distribusjon.
< p>

Final Forhåndsvisning

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

Trinn 1: Mål

For hensikten med denne opplæringen la oss først fastslå størrelsen på vårt banner. Størrelsen på en typisk bannerannonse er 728px x 90px. En annonse på denne størrelsen kan kalles av serveral navn avhengig av annonsenettverk, men for nå skal vi kalle det et banner.
Det første vi skal gjøre er å lage et dokument i Flash for vår banner. Begynn en ny fil i Flash. Velg en Actionscript 2.0 dokument. Grunnen til at vi skal bruke AS2.0 løpet AS3.0 er at du ikke kan bruke Action direkte til et objekt i AS3.0, siden MovieClip og knappe tilfeller ikke støttes. Også plasseringen av den variable som Flash vil importere er forskjellig.

Når du har opprettet dokumentet går inn Modify > Dokumentegenskaper og angi dokumentstørrelsen til høyden og bredden på banneret.

Nå la oss lage en film!

Trinn 2: Lag din Banner Ad

Siden denne opplæringen ikke om hvordan å lage en film, men om hvordan du søker ClickTag uttalelse til filmen, vil vi ikke gå inn i noen detalj på at. Så ved dette trinnet vi skal ha vår Flash banner opprettet. Jeg har laget en enkel banner for Tuts Plus nettverk som vi skal bruke til å demonstrere ClickTag.

Trinn 3: ClickTag Layer

Vi trenger å utvide vår tidslinje og opprette et nytt lag. Sørg for å gi den en definitiv navn for å gjøre det lettere å finne. Dette er en spesielt nyttig tips hvis du har en film med mange lag. La oss kalle denne nye laget ClickTag. For å gjøre dette gå til Insert > Tidslinje > Lag.

Trinn 4: Rectangle

Med det nye laget valgt, type 'R' for å aktivere rektangelverktøyet. Dra rektangelet over hele scenen. Sørg for å dekke alt.

Trinn 5: Knapp

Neste vi kommer til å bruke noen egenskaper til knappen vi har nettopp opprettet. Høyreklikk på rektangel vi gjort og velger Rediger i stedet
.
Neste tidslinjen vi ser vil vise 'Up', 'Over "," Down "og" Hit'
rammer. Klikk og hold nede 'Up'
ramme og dra det til 'Hit'
ramme.

Trinn 6: Handlinger Window

Gå tilbake til hovedscenen. Vi får se at formen vi skapt et øyeblikk siden har nå tatt på seg en grønnaktig skjær. Dette betyr at våre lag /knappen er klikkbar og spar filen, klikk deretter på det fargede laget du opprettet og åpne handlingsmenyen ved å gå til Windows >.; Handlinger, eller bare trykke F9.

Trinn 7: Velg ClickTag Layer

Med handlingsmenyen åpen sjekk at ClickTag laget er valgt. Dette er meget viktig. Siden har alle andre lag er valgt vil misapply Actionscript.

Trinn 8: Action

Ok, dette er der magien skjer. Med våre handlinger panelet åpent kopi og forbi koden under direkte inn i panelet. Husk at vi må ikke endre denne koden, eller annonsen vil ikke være sporbar. Lime den inn i AS IS
.
on (release) {if (_level0.clickTag.substr (0,5) == "http:") {getURL (_level0.clickTAG, "_blank"); }}

Nå, la oss kikke bak kulissene og se hva som skjer med vår script.

Først setter vi opp vår aksjon med på (release). "on (release)" er en gammel skole hendelseshåndterer som påkaller en handling når vår knappen er klikket på, eller når brukeren klikker deretter utgivelser. Neste, vi bekrefte at url at vi vil være dynamisk tildeling til vår annonse er en faktisk "http:" url.

MERK: Det finnes mange varianter av dette skriptet flytende om, men det er svært viktig at det alltid brukes sammen med den betingede "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 annonsen og gjøre en cross-site scripting angrep mot en bruker. Detaljene som går utover rammen for denne opplæringen, men bare husk at dette er en viktig sikkerhetsforanstaltning.

Vår Manus er skrevet slik at annonsenettverk for å spore hvor banneret ble vist, og da det ble klikket på. Vår getURL handlingen vil navigere nettleseren til "clickTag" i koden. GetURL (clickTag, "_blank") uttalelse vil ta url at annonsenettverket vil plassere i embed erklæringen og dynamisk tilordne den til vår annonse.

For eksempel:
< EMBED src="our_flash_banner.swf?clickTag=http://ouradnetwork.com/can-track-us?http://and_assign_destination_url.com">
Step 9: Publish Settings

Sjekk publisere innstillinger også; sørge for at de er satt til å publisere som Actionscript 2.0. Hit Commandn + Return plakater (på mac) for å teste banneret.

Trinn 10: Sjekk

I forhåndsvisnings generert, vil vi holder vår musen over annonsen for å sikre at det faktisk er klikkbare. Til slutt bør vi gå tilbake til Flash og sjekke at scriptet genererte ingen feil.

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

Noen Notater om ClickTag

Det er viktig å forstå somethings om ClickTag. Dette er ikke en funksjon av Flash selv. Action ovenfor gjør at SWF-objekt til å akseptere informasjon fra utsiden. Denne teknikken forteller Flash at filmen du nettopp opprettet vil åpne en url uten at du trenger å vite den eksakte url når du gjør filmen. Den hyperkobling sendes til SWF fra html koden som annonsenettverket vil bruke for å tjene annonsen.

ClickTag ikke har en verdi når du oppretter den. Det vil heller ikke ha noen reell betydning når du viser forhåndsvisning av filmen. Sin verdi, er koblingen url levert av html koden.