Share
Lors de la conception d’annonces Flash à déployer sur une régie publicitaire, il est indispensable que celle-ci intègre des fonctionnalités de suivi. Ceci est accompli grâce à l'utilisation correcte de l'instruction ClickTAG ActionScript. ClickTAG déterminera le comportement de l'annonce lorsque l'utilisateur interagira avec elle. Cela permettra également à la régie publicitaire de suivre l’annonce, le nombre d’impressions livrées et le taux de clics..
Dans ce tutoriel, nous allons apprendre à créer une annonce Flash à déployer..
Voyons rapidement sur quoi nous allons travailler…
Aux fins de ce didacticiel, déterminons d’abord la taille de notre bannière. La taille d'une bannière publicitaire typique est de 728 pixels sur 90 pixels. Une annonce de cette taille peut être appelée par plusieurs noms en fonction de la régie publicitaire, mais pour l'instant, nous l'appellerons une bannière..
La première chose à faire est de créer un document Flash pour notre bannière. Commencez un nouveau fichier dans Flash. Choisissez un document ActionScript 2.0. La raison pour laquelle nous allons utiliser AS2.0 sur AS3.0 est qu’il est impossible d’appliquer ActionScript directement à un objet dans AS3.0, car les occurrences de MovieClip et de boutons ne sont pas prises en charge. De plus, l'emplacement de la variable que Flash importera est différent..
Une fois votre document créé, allez dans Modifier> Propriétés du document et définissez la taille du document à la hauteur et à la largeur de la bannière..
Maintenant faisons un film!
Étant donné que ce tutoriel ne traite pas de la création d'un film mais de l'application de l'instruction ClickTag au film, nous n'entrerons pas dans les détails à ce sujet. Donc, par cette étape, nous devrions avoir notre bannière Flash créée. J'ai créé une simple bannière pour le réseau Tuts Plus que nous utiliserons pour illustrer le ClickTag.
Nous devons élargir notre calendrier et créer un nouveau calque. Assurez-vous de lui donner un nom définitif pour le rendre plus facile à trouver. Cette astuce est particulièrement utile si vous avez un film comportant plusieurs couches. Appelons ce nouveau calque ClickTag. Pour ce faire, sélectionnez Insertion> Scénario> Couche..
Avec le nouveau calque sélectionné, tapez 'R' pour activer l'outil Rectangle. Faites glisser le rectangle sur toute la scène. Assurez-vous de tout couvrir.
Nous allons ensuite appliquer certaines propriétés au bouton que nous venons de créer. Faites un clic droit sur le rectangle que nous avons créé et choisissez Modifier sur place.
La prochaine chronologie que nous verrons affichera le 'Up', 'Over', 'Down' et 'Hit' cadres. Cliquez et maintenez le 'Up' cadre et faites-le glisser vers le 'Frappé' Cadre.
Retour à la scène principale. Nous verrons que la forme que nous avons créée il y a un instant a maintenant pris une teinte verdâtre. Cela signifie que notre couche / bouton est cliquable.
Enregistrez le fichier, puis cliquez sur le calque coloré que vous avez créé et ouvrez le menu Actions en allant dans Windows> Actions, ou appuyez simplement sur F9..
Avec le menu Actions ouvert, vérifiez que la couche ClickTag est sélectionnée. C'est très important. Si vous avez sélectionné une autre couche, le code ActionScript sera mal appliqué..
Ok, c'est là que la magie opère. Avec notre panneau d’actions, ouvrez copier et coller le code ci-dessous directement dans le volet. N'oubliez pas que nous ne devons pas modifier ce code, sinon l'annonce ne sera pas traçable. Collez-le dans COMME SI.
on (version) if (_level0.clickTag.substr (0,5) == "http:") getURL (_level0.clickTag, "_blank");
Maintenant, jetons un coup d'œil derrière le rideau et voyons ce qui se passe dans notre scénario.
Premièrement, nous mettons en place notre action avec on (release). "on (release)" est un gestionnaire d’événements old school qui appelle une action lorsque l’utilisateur clique sur notre bouton ou lorsque l’utilisateur clique sur ce dernier, puis le libère. Ensuite, nous vérifions que l’URL que nous attribuerons de manière dynamique à notre annonce est bien une "http:" URL..
REMARQUE: Il existe de nombreuses variantes de ce script, mais il est très important qu'il soit toujours utilisé avec le conditionnel "if ()". C'est une précaution. Étant donné que nous affectons les variables de cette manière, il serait relativement facile pour une page malveillante de prendre notre annonce SWF et de lancer une attaque de script intersite contre un utilisateur. Les détails de cela vont au-delà de la portée de ce tutoriel, mais souvenez-vous qu'il s'agit d'une précaution de sécurité importante..
Notre script est écrit pour permettre à la régie publicitaire de savoir où la bannière a été affichée et quand elle a été cliquée. Notre action getURL va naviguer dans le navigateur pour "clickTag" dans le code EMBED. L'instruction getURL (clickTag, "_blank") prendra l'URL que le réseau publicitaire placera dans l'instruction incorporée et l'attribuera de manière dynamique à notre annonce..
Par exemple:
Vérifiez également les paramètres de publication. assurez-vous qu'ils sont configurés pour publier en tant que ActionScript 2.0. Frappé Commande + Retour (sur le mac) pour tester la bannière.
Dans l'aperçu généré, nous allons survoler la publicité avec la souris pour nous assurer qu'elle est bien cliquable. Enfin, nous devrions revenir à Flash et vérifier que notre script n'a généré aucune erreur..
Toutes nos félicitations! Vous avez maintenant une bannière publicitaire prête pour le déploiement.
Il est important de comprendre quelque chose à propos de ClickTag. Ce n'est pas une fonctionnalité de Flash lui-même. Le code ActionScript ci-dessus permet à votre objet SWF d'accepter des informations de l'extérieur. Cette technique indique à Flash que le film que vous venez de créer ouvrira une URL sans que vous ayez à connaître exactement l’URL lors de la création du film. Le lien hypertexte est transmis au fichier SWF à partir du code html utilisé par votre régie publicitaire pour la diffusion de l'annonce..
ClickTag n'a pas de valeur lorsque vous le créez. Cela n'aura pas non plus de signification réelle lorsque vous visualiserez l'aperçu du film. Sa valeur, le lien URL est fourni par le code HTML incorporé.
Accentsconagua