Maak een banneradvertentie die klaar is voor het netwerk in Flash

Bij het ontwerpen van Flash-advertenties voor implementatie via een advertentienetwerk is het vereist dat de advertentie beschikt over traceermogelijkheden die in de advertentie zijn ingesloten. Dit wordt bereikt door het juiste gebruik van de ActionScript-instructie ClickTAG. ClickTAG bepaalt het gedrag van de advertentie wanneer de gebruiker ermee communiceert. Het stelt het advertentienetwerk ook in staat om de advertentie bij te houden, het aantal geleverde vertoningen en de klikfrequentie.

In deze zelfstudie leren we hoe u een Flash-advertentie maakt voor implementatie.


Laatste voorbeeld

Laten we snel kijken naar waar we naartoe zullen werken ...

Stap 1: Afmetingen

Laten we voor het doel van deze tutorial eerst de grootte van onze banner bepalen. De grootte van een standaard banneradvertentie is 728 px x 90 px. Afhankelijk van het advertentienetwerk kan een advertentie van deze grootte worden opgeroepen door verschillende namen, maar voor nu noemen we het een banner.
Het eerste wat we zullen doen is een document in Flash maken voor onze banner. Begin een nieuw bestand in Flash. Kies een ActionScript 2.0-document. De reden dat we AS2.0 via AS3.0 gaan gebruiken, is dat je ActionScript niet rechtstreeks op een object in AS3.0 kunt toepassen, omdat filmclip- en knopinstanties niet worden ondersteund. Ook de locatie van de variabele die Flash gaat importeren, is anders.

Nadat u uw document hebt gemaakt, gaat u naar Modify> Document Properties en stelt u de documentgrootte in op de hoogte en breedte van de banner.

Laten we nu een film maken!

Stap 2: maak uw banneradvertentie aan

Aangezien deze zelfstudie niet over het maken van een film gaat, maar over het toepassen van de ClickTag-verklaring op de film, zullen we daar niet op ingaan. Dus bij deze stap moeten we onze Flash-banner laten maken. Ik heb een eenvoudige banner gemaakt voor het Tuts Plus-netwerk die we gebruiken om de ClickTag te demonstreren.

Stap 3: ClickTag Layer

We moeten onze tijdlijn uitbreiden en een nieuwe laag maken. Geef het een definitieve naam om het gemakkelijker te vinden te maken. Dit is een bijzonder nuttige tip als je een film hebt met veel lagen. Laten we deze nieuwe laag een naam geven ClickTag. Ga hiervoor naar Invoegen> Tijdlijn> Laag.

Stap 4: Rechthoek

Nadat de nieuwe laag is geselecteerd, typt u 'R' om het gereedschap Rechthoek te activeren. Versleep de rechthoek over het hele traject. Zorg ervoor dat je alles bedekt.

Stap 5: Knop

Vervolgens gaan we enkele eigenschappen toepassen op de knop die we zojuist hebben gemaakt. Klik met de rechtermuisknop op de rechthoek die we hebben gemaakt en kies Bewerken op zijn plaats.
De volgende tijdlijn die wordt weergegeven, geeft de 'Omhoog', 'Over', 'Omlaag' en 'Hit' frames. Klik en houd de knop ingedrukt 'Up' kader en sleep het naar de 'Raken' montuur.

Stap 6: Acties-venster

Keer terug naar het hoofdpodium. We zullen zien dat de vorm die we zojuist hebben gemaakt nu een groenachtige tint heeft aangenomen. Dit betekent dat er op onze laag / knop kan worden geklikt.
Sla het bestand op, klik vervolgens op de gekleurde laag die je hebt gemaakt en open het actiescherm door naar Windows> Acties te gaan of druk op F9.

Stap 7: Selecteer ClickTag Layer

Zorg dat het menu Acties geopend is en controleer of de ClickTag-laag is geselecteerd. Dit is erg belangrijk. Aangezien een andere laag geselecteerd is, wordt de ActionScript verkeerd toegepast.

Stap 8: ActionScript

Ok, dit is waar de magie gebeurt. Met ons actiespaneel opent u de kopie en voert u de onderstaande code rechtstreeks in het paneel in. Vergeet niet dat we deze code niet moeten bewerken, anders kan de advertentie niet worden bijgehouden. Plak het in ZOALS HET IS.

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

Laten we nu een kijkje nemen achter het gordijn en zien wat er aan de hand is met ons script.

Eerst stellen we onze actie in met aan (release). "on (release)" is een old school event-handler die een actie oproept wanneer op onze knop wordt geklikt, of wanneer de gebruiker klikt en vervolgens vrijgeeft. Vervolgens verifiëren we dat de URL die we dynamisch aan onze advertentie zullen toewijzen, een echte 'http:' url is.

NOTITIE: Er zweven veel variaties van dit script, maar het is erg belangrijk dat het altijd wordt gebruikt met de voorwaardelijke "if ()". Dit is een voorzorgsmaatregel. Aangezien we op deze manier variabelen toewijzen, zou het voor een kwaadwillende pagina relatief gemakkelijk zijn om onze SWF-advertentie te nemen en een cross-site scriptingaanval tegen een gebruiker uit te voeren. De details daarvan gaan verder dan de bedoeling van deze tutorial, maar bedenk dat dit een belangrijke veiligheidsmaatregel is.

Ons script is geschreven om het advertentienetwerk te laten volgen waar de banner werd weergegeven en wanneer erop werd geklikt. Onze getURL-actie navigeert door de browser naar "clickTag" in de EMBED-code. De instructie getURL (clickTag, "_blank") neemt de URL op die het advertentienetwerk in de insluitinstructie plaatst en wijst deze dynamisch toe aan onze advertentie.

Bijvoorbeeld:

Stap 9: Publiceer instellingen

Controleer ook de publicatie-instellingen; zorg ervoor dat ze zijn ingesteld om te publiceren als ActionScript 2.0. Raken Commando + Terug (op de mac) om de banner te testen.

Stap 10: Controleer

In het voorbeeld dat wordt gegenereerd, houden we onze muis boven de advertentie om er zeker van te zijn dat deze inderdaad klikbaar is. Ten slotte moeten we terugkeren naar Flash en controleren of ons script geen fouten heeft gegenereerd.

Gefeliciteerd! U hebt nu een banneradvertentie gereed voor implementatie.

Enkele opmerkingen over ClickTag

Het is belangrijk om iets over ClickTag te begrijpen. Dit is geen kenmerk van Flash zelf. Met het bovenstaande ActionScript kan uw SWF-object informatie van buitenaf accepteren. Deze techniek vertelt Flash dat de film die u zojuist hebt gemaakt, een URL opent zonder dat u de exacte URL hoeft te weten wanneer u de film maakt. De hyperlink wordt doorgegeven aan de SWF vanuit de HTML-insluitingscode die uw advertentienetwerk gebruikt om de advertentie weer te geven.

ClickTag heeft geen waarde wanneer u het maakt. Het zal ook geen enkele betekenis hebben als u de preview van de film bekijkt. Zijn waarde, de url-link wordt geleverd door de html embed code.