Quando si progettano annunci Flash per la distribuzione su una rete pubblicitaria, è necessario che l'annuncio abbia funzionalità di tracciamento incorporate al suo interno. Ciò è possibile attraverso l'uso corretto dell'istruzione ActionScript ClickTAG. ClickTAG determinerà il comportamento dell'annuncio quando l'utente interagisce con esso. Consentirà inoltre alla rete pubblicitaria di monitorare l'annuncio, il numero di impressioni pubblicate e la percentuale di clic.
In questo tutorial impareremo come creare un annuncio Flash per la distribuzione.
Diamo una rapida occhiata a cosa lavoreremo per ...
Ai fini di questo tutorial, per prima cosa determiniamo la dimensione del nostro banner. La dimensione di un tipico banner pubblicitario è 728 x 90 px. Un annuncio di queste dimensioni può essere chiamato da nomi server a seconda della rete pubblicitaria, ma per ora lo chiameremo banner.
La prima cosa che faremo è creare un documento in Flash per il nostro banner. Inizia un nuovo file in Flash. Scegli un documento ActionScript 2.0. Il motivo per cui utilizzeremo AS2.0 su AS3.0 è che non è possibile applicare ActionScript direttamente a un oggetto in AS3.0, poiché le istanze di clip film e pulsante non sono supportate. Anche la posizione della variabile che verrà importata da Flash è diversa.
Una volta creato il documento, vai a Modifica> Proprietà del documento e imposta la dimensione del documento all'altezza e alla larghezza del banner.
Ora facciamo un film!
Dato che questo tutorial non tratta di come realizzare un film ma di come applicare la dichiarazione di ClickTag al film, non entreremo nei dettagli in merito. Quindi con questo passo dovremmo creare il nostro banner Flash. Ho creato un semplice banner per la rete Tuts Plus che utilizzeremo per dimostrare il ClickTag.
Abbiamo bisogno di espandere la nostra cronologia e creare un nuovo livello. Assicurati di dargli un nome definitivo per renderlo più facile da trovare. Questo è un consiglio particolarmente utile se hai un film con molti livelli. Diamo un nome a questo nuovo livello, ClickTag. Per fare questo vai su Inserisci> Linea temporale> Livello.
Con il nuovo livello selezionato, digita "R" per attivare lo strumento Rettangolo. Trascina il rettangolo sull'intero livello. Assicurati di coprire tutto.
Successivamente applicheremo alcune proprietà al pulsante che abbiamo appena creato. Fai clic con il pulsante destro del mouse sul rettangolo che abbiamo creato e scegli Modifica in luogo.
La prossima timeline che vedremo mostrerà il 'Su', 'Sopra', 'Giù' e 'Hit' telai. Fare clic e tenere premuto il 'Su' fotogramma e trascinalo sul 'Colpire' telaio.
Torna al palco principale. Vedremo che la forma che abbiamo creato un momento fa ha assunto una tonalità verdastra. Ciò significa che il nostro livello / pulsante è cliccabile.
Salva il file, quindi fai clic sul livello colorato che hai creato e apri il menu delle azioni andando su Windows> Azioni o semplicemente su F9.
Con il menu delle azioni aperto, verifica che il livello ClickTag sia selezionato. Questo è molto importante. Dal momento che qualsiasi altro livello selezionato applicherà erroneamente ActionScript.
Ok, questo è dove avviene la magia. Con il pannello delle azioni apri la copia e incollare il codice sottostante direttamente nel riquadro. Ricorda che non dobbiamo modificare questo codice, altrimenti l'annuncio non sarà tracciabile. Incolla dentro COME È.
on (release) if (_level0.clickTag.substr (0,5) == "http:") getURL (_level0.clickTag, "_blank");
Ora, diamo un'occhiata dietro la tenda e vediamo cosa sta succedendo con la nostra sceneggiatura.
Innanzitutto, stiamo impostando la nostra azione con on (release). "on (release)" è un gestore di eventi old school che richiama un'azione quando viene fatto clic sul nostro pulsante o quando l'utente fa clic e rilascia. Successivamente, verifichiamo che l'URL che assegneremo dinamicamente al nostro annuncio sia un URL "http:" effettivo.
NOTA: Esistono molte varianti di questo script, ma è molto importante che venga sempre utilizzato con il condizionale "if ()". Questa è una precauzione. Dal momento che assegniamo le variabili in questo modo, sarebbe relativamente facile per una pagina malevola portare il nostro annuncio SWF e creare un attacco di scripting cross-site contro un utente. I dettagli di ciò vanno oltre la portata di questo tutorial, ma ricorda che questa è una precauzione di sicurezza importante.
Il nostro script è scritto per consentire alla rete pubblicitaria di tracciare dove è stato visualizzato il banner e quando è stato fatto clic su. La nostra azione getURL navigherà nel browser a "clickTag" nel codice EMBED. L'istruzione getURL (clickTag, "_blank") richiederà l'URL che la rete pubblicitaria inserirà nell'istruzione embed e la assegnerà dinamicamente al nostro annuncio.
Per esempio:
Controlla anche le impostazioni di pubblicazione; assicurati che siano impostati per la pubblicazione come ActionScript 2.0. Colpire Commandn + Return (sul Mac) per testare il banner.
Nell'anteprima generata, passeremo il mouse sopra l'annuncio per assicurarci che sia effettivamente cliccabile. Infine, dovremmo tornare a Flash e verificare che il nostro script non abbia generato errori.
Congratulazioni! Ora hai un banner pubblicitario pronto per la distribuzione.
È importante capire qualcosa su ClickTag. Questa non è una funzionalità di Flash stesso. Il codice ActionScript precedente consente al tuo oggetto SWF di accettare informazioni dall'esterno. Questa tecnica dice a Flash che il film appena creato aprirà un URL senza che tu debba conoscere l'URL esatto quando stai realizzando il film. Il collegamento ipertestuale viene passato al file SWF dal codice HTML incorporato che la rete pubblicitaria utilizzerà per pubblicare l'annuncio.
ClickTag non ha un valore quando lo crei. Né avrà alcun significato reale quando si guarda l'anteprima del film. Il suo valore, il collegamento url è fornito dal codice html incorporato.