Prepare un anuncio de banner listo para la red en Flash

Al diseñar anuncios Flash para su implementación en una red de anuncios, se requiere que el anuncio tenga capacidades de seguimiento integradas en él. Esto se logra mediante el uso adecuado de la declaración ActionTA de ClickTAG. ClickTAG determinará el comportamiento del anuncio cuando el usuario interactúe con él. También permitirá a la red de anuncios rastrear el anuncio, la cantidad de impresiones entregadas y la tasa de clics..

En este tutorial aprenderemos cómo crear un anuncio Flash para implementación.


Vista previa final

Echemos un vistazo rápido a lo que vamos a trabajar para ...

Paso 1: Dimensiones

Para el propósito de este tutorial, primero determinemos el tamaño de nuestro banner. El tamaño de un anuncio de banner típico es 728px x 90px. Un anuncio de este tamaño puede ser llamado por nombres de servidores dependiendo de la red de anuncios, pero por ahora lo llamaremos un banner.
Lo primero que haremos es crear un documento en Flash para nuestro banner. Comenzar un nuevo archivo en flash. Elija un documento ActionScript 2.0. La razón por la que vamos a utilizar AS2.0 sobre AS3.0 es que no puede aplicar ActionScript directamente a un objeto en AS3.0, ya que no se admiten las instancias de botones y movieclip. Además, la ubicación de la variable que Flash importará es diferente.

Una vez que haya creado su documento, vaya a Modificar> Propiedades del documento y configure el tamaño del documento a la altura y el ancho del banner..

Ahora hagamos una pelicula!

Paso 2: crea tu banner publicitario

Dado que este tutorial no trata sobre cómo hacer una película, sino sobre cómo aplicar la declaración ClickTag a la película, no entraremos en detalles. Así que en este paso deberíamos tener nuestro banner Flash creado. He creado un banner simple para la red Tuts Plus que usaremos para mostrar la etiqueta de clic..

Paso 3: ClickTag Layer

Necesitamos expandir nuestra línea de tiempo y crear una nueva capa. Asegúrese de darle un nombre definitivo para que sea más fácil de encontrar. Este es un consejo especialmente útil si tiene una película con muchas capas. Vamos a nombrar esta nueva capa ClickTag. Para hacer esto, vaya a Insertar> Línea de tiempo> Capa.

Paso 4: Rectángulo

Con la nueva capa seleccionada, escriba 'R' para activar la herramienta Rectángulo. Arrastra el rectángulo sobre todo el escenario. Asegúrate de cubrir todo.

Paso 5: Botón

A continuación vamos a aplicar algunas propiedades al botón que acabamos de crear. Haga clic derecho en el rectángulo que hicimos y elija Editar en su lugar.
La próxima línea de tiempo que vemos mostrará el 'Arriba', 'Sobre', 'Abajo' y 'Golpe' marcos Haga clic y mantenga pulsado el 'Arriba' enmarcar y arrastrarlo a la 'Golpear' cuadro.

Paso 6: Ventana de acciones

Regreso al escenario principal. Veremos que la forma que creamos hace un momento ahora ha tomado un tono verdoso. Esto significa que nuestra capa / botón es cliqueable.
Guarde el archivo, luego haga clic en la capa de color que creó y abra el menú de acciones yendo a Windows> Acciones, o simplemente presione F9.

Paso 7: Seleccione ClickTag Layer

Con el menú de acciones abierto, verifique que la capa ClickTag esté seleccionada. Esto es muy importante. Ya que tener cualquier otra capa seleccionada mal aplicará el ActionScript.

Paso 8: ActionScript

Ok, aquí es donde ocurre la magia. Con nuestro panel de acciones, abra la copia y pegue el siguiente código directamente en el panel. Recuerde que no debemos editar este código, o el anuncio no será rastreable. Pegarlo en COMO ES.

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

Ahora, echemos un vistazo detrás de la cortina y veamos qué está pasando con nuestro guión..

Primero, estamos configurando nuestra acción con on (release). "on (release)" es un controlador de eventos de la vieja escuela que invoca una acción cuando se hace clic en nuestro botón, o cuando el usuario hace clic y luego se libera. A continuación, verificamos que la url que asignaremos dinámicamente a nuestro anuncio sea una url real "http:".

NOTA: Existen muchas variaciones de esta secuencia de comandos, pero es muy importante que siempre se use con el condicional "if ()". Esta es una precaución. Ya que estamos asignando variables de esta manera, sería relativamente fácil para una página maliciosa tomar nuestro anuncio SWF y realizar un ataque de scripts entre sitios contra un usuario. Los detalles de eso van más allá del alcance de este tutorial, pero recuerde que esta es una importante medida de seguridad..

Nuestro script está escrito para permitir que la red de anuncios rastree dónde se mostró el banner y cuándo se hizo clic en él. Nuestra acción getURL navegará el navegador para "hacer clic en la etiqueta" en el código EMBED. La declaración getURL (clickTag, "_blank") tomará la URL que la red de anuncios colocará en la declaración de inserción y la asignará dinámicamente a nuestro anuncio..

Por ejemplo:

Paso 9: Configuración de publicación

Compruebe la configuración de publicación también; asegúrese de que están configurados para publicar como ActionScript 2.0. Golpear Comando + Retorno (en el mac) para probar el banner.

Paso 10: comprobar

En la vista previa generada, pasaremos el mouse sobre el anuncio para asegurarnos de que se pueda hacer clic. Finalmente, deberíamos volver a Flash y verificar que nuestro script no generó errores..

¡Felicidades! Ahora tiene un anuncio de banner listo para su implementación.

Algunas notas sobre ClickTag

Es importante entender algunas cosas sobre ClickTag. Esto no es una característica de Flash en sí. El código ActionScript anterior le permite a su objeto SWF aceptar información del exterior. Esta técnica le dice a Flash que la película que acaba de crear abrirá una url sin que tenga que saber la url exacta cuando esté haciendo la película. El hipervínculo se pasa al SWF desde el código de inserción html que su red publicitaria utilizará para servir el anuncio..

ClickTag no tiene un valor cuando lo creas. Tampoco tendrá ningún significado real cuando vea la vista previa de la película. Su valor, el enlace url es proporcionado por el código de inserción html.