Pregătiți un anunț banner Ready Ready în Flash

La proiectarea anunțurilor Flash pentru implementarea pe o rețea publicitară, este necesar ca anunțul să aibă capabilități de urmărire încorporate în acesta. Acest lucru se realizează prin utilizarea corectă a instrucțiunii ActionType ClickTAG. ClickTAG va determina comportamentul anunțului atunci când utilizatorul interacționează cu acesta. De asemenea, va permite rețelei publicitare să urmărească anunțul, numărul de afișări livrate și rata de clic.

În acest tutorial vom afla cum să creați un anunț Flash pentru implementare.


Vizualizare finală

Să aruncăm o privire rapidă la ce vom lucra ...

Pasul 1: Dimensiuni

În scopul acestui tutorial, să determinăm mai întâi dimensiunea bannerului nostru. Dimensiunea unui anunț banner tipic este 728px x 90px. Un anunț de această dimensiune poate fi apelat în funcție de numele serverului, în funcție de rețeaua publicitară, dar pentru moment îl vom numi un banner.
Primul lucru pe care îl vom face este să creați un document în Flash pentru bannerul nostru. Începeți un nou fișier în Flash. Alegeți un document ActionScript 2.0. Motivul pentru care vom folosi AS2.0 peste AS3.0 este faptul că nu puteți aplica ActionScript direct la un obiect în AS3.0, deoarece nu sunt suportate instanțele cu butoane și butoanele. De asemenea, locația variabilei pe care Flash o va importa este diferită.

Odată ce ați creat documentul, mergeți la Modify> Document Properties și setați dimensiunea documentului la înălțimea și lățimea bannerului.

Acum să facem un film!

Pasul 2: Creați anunțul banner

Din moment ce acest tutorial nu se referă la modul de realizare a unui film, ci la modul de aplicare a instrucțiunii ClickTag în film, nu vom trece în detaliu. Deci, prin acest pas ar trebui să avem bannerul nostru Flash creat. Am creat un banner simplu pentru rețeaua Tuts Plus pe care o vom folosi pentru a demonstra ClickTag.

Pasul 3: Stratul ClickTag

Trebuie să extindem cronologia noastră și să creăm un nou strat. Asigurați-vă că îi dați un nume definitiv pentru a fi mai ușor de găsit. Acesta este un sfat deosebit de util dacă aveți un film cu mai multe straturi. Să numim acest nou strat ClickTag. Pentru aceasta, mergeți la Insert> Timeline> Layer.

Pasul 4: dreptunghi

Cu noul layer selectat, tastați 'R' pentru a activa instrumentul Rectangle. Trageți dreptunghiul peste întreaga scenă. Asigurați-vă că acoperiți totul.

Pasul 5: Buton

Apoi vom aplica câteva proprietăți butonului pe care tocmai l-am creat. Faceți clic dreapta pe dreptunghiul pe care l-am făcut și l-am ales Editați în loc.
Următoarea cronologie pe care o vedem va afișa 'Up', 'Over', 'Down' și 'Hit' cadre. Dați clic și țineți apăsat pe 'Sus' și trageți-l în 'Lovit' cadru.

Pasul 6: Fereastra de acțiuni

Întoarceți-vă la scena principală. Vom vedea că forma pe care am creat-o acum o clipă a devenit o tentă verzui. Aceasta înseamnă că stratul / butonul nostru este clicabil.
Salvați fișierul, apoi faceți clic pe stratul colorat pe care l-ați creat și deschideți meniul de acțiuni accesând Windows> Acțiuni sau pur și simplu apăsat pe F9.

Pasul 7: Selectați layerul ClickTag

Cu meniul de acțiuni deschis verificați dacă stratul ClickTag este selectat. Este foarte important. Deoarece orice alt layer selectat va aplica greșit ActionScript.

Pasul 8: ActionScript

Ok, aici se petrece magia. Cu panoul nostru de acțiuni deschideți copia și treceți de codul de mai jos direct în panou. Rețineți că nu trebuie să editați acest cod sau că anunțul nu va putea fi urmărit. Puneți-l înăuntru Așa cum este.

 pe (eliberare) if (_level0.clickTag.substr (0,5) == "http:") getURL (_level0.clickTag, "_blank"); 

Acum, să aruncăm o privire în spatele perdelei și să vedem ce se întâmplă cu scenariul nostru.

În primul rând, ne punem la cale acțiunea cu lansarea. "on (release)" este un manipulator de evenimente vechi de școală care invocă o acțiune atunci când se face clic pe butonul nostru sau când utilizatorul face clic pe apoi eliberează. Apoi, vom verifica dacă urlul pe care îl vom aloca dinamic anunțului nostru este un URL http: "actual".

NOTĂ: Există multe variante ale acestui script despre care plutește, dar este foarte important ca acesta să fie folosit întotdeauna cu condiția "if ()". Aceasta este o măsură de precauție. Din moment ce asignăm variabile în acest fel, ar fi destul de ușor ca o pagină rău intenționată să ia anunțul nostru SWF și să facă un atac de scripting între site-uri împotriva unui utilizator. Detaliile care merg dincolo de competența acestui tutorial, dar nu uitați că aceasta este o precauție importantă de securitate.

Scriptul nostru este scris pentru a permite rețelei publicitare să urmărească unde a fost afișat bannerul și când a făcut clic pe acesta. Acțiunea noastră getURL va naviga în browser pentru a "clickTag" în codul EMBED. Instrucțiunea getURL (clickTag, "_blank") va lua adresa URL pe care o va plasa rețeaua publicitară în instrucțiunea încorporare și o va atribui dinamic anunțului nostru.

De exemplu:

Pasul 9: Publicați setările

Verificați și setările de publicare; asigurați-vă că acestea sunt setate să fie publicate ca ActionScript 2.0. Lovit Commandn + Return (pe mac) pentru a testa bannerul.

Pasul 10: Verificați

În previzualizarea generată, vom trece cu mouse-ul mouse-ul peste anunț pentru a vă asigura că este într-adevăr clicabil. În cele din urmă, ar trebui să revenim la Flash și să verificăm dacă scriptul nostru nu a generat erori.

Felicitări! Acum aveți un anunț banner pregătit pentru implementare.

Unele note despre ClickTag

Este important să înțelegeți ceva despre ClickTag. Aceasta nu este o caracteristică a Flash-ului în sine. Acțiunea ActionScript de mai sus permite obiectului dvs. SWF să accepte informații din afară. Această tehnică spune companiei Flash că filmul pe care tocmai l-ați creat va deschide o adresă URL fără a fi nevoie să cunoașteți adresa URL exactă atunci când faceți filmul. Hyperlinkul este transmis SWF-ului din codul de încorporare html pe care rețeaua dvs. de anunțuri o va utiliza pentru difuzarea anunțului.

ClickTag nu are o valoare când îl creați. Nici nu va avea nici un sens atunci când vizualizați previzualizarea filmului. Valoarea sa, link-ul url este furnizat de codul de încorporare html.

Cod