Share
Beim Entwerfen von Flash-Anzeigen für die Bereitstellung über ein Werbenetzwerk müssen die Tracking-Funktionen der Anzeige eingebettet sein. Dies wird durch die ordnungsgemäße Verwendung der ClickTAG-ActionScript-Anweisung erreicht. ClickTAG bestimmt das Verhalten der Anzeige, wenn der Nutzer damit interagiert. Außerdem kann das Werbenetzwerk die Anzeige, die Anzahl der gelieferten Impressionen und die Klickrate verfolgen.
In diesem Lernprogramm erfahren Sie, wie Sie eine Flash-Anzeige für die Bereitstellung erstellen.
Schauen wir uns kurz an, worauf wir hinarbeiten werden…
In diesem Tutorial bestimmen wir zunächst die Größe unseres Banners. Die Größe einer typischen Bannerwerbung beträgt 728 Pixel x 90 Pixel. Eine Anzeige dieser Größe kann abhängig vom Werbenetzwerk mit mehreren Namen aufgerufen werden. Im Moment nennen wir sie jedoch ein Banner.
Als Erstes erstellen wir ein Dokument in Flash für unser Banner. Beginnen Sie eine neue Datei in Flash. Wählen Sie ein ActionScript 2.0-Dokument. Der Grund, warum wir AS2.0 über AS3.0 verwenden werden, ist, dass Sie ActionScript nicht direkt auf ein Objekt in AS3.0 anwenden können, da Movieclip- und Schaltflächeninstanzen nicht unterstützt werden. Auch die Position der Variablen, die Flash importiert, ist unterschiedlich.
Nachdem Sie Ihr Dokument erstellt haben, gehen Sie zu Modifizieren> Dokumenteigenschaften und legen Sie die Dokumentgröße auf Höhe und Breite des Banners fest.
Jetzt machen wir einen Film!
Da es in diesem Tutorial nicht darum geht, wie man einen Film erstellt, sondern wie man die ClickTag-Anweisung auf den Film anwendet, gehen wir nicht näher darauf ein. In diesem Schritt sollten wir also unser Flash-Banner erstellen lassen. Ich habe ein einfaches Banner für das Tuts Plus-Netzwerk erstellt, mit dem wir das ClickTag demonstrieren.
Wir müssen unsere Zeitleiste erweitern und eine neue Ebene erstellen. Vergeben Sie einen eindeutigen Namen, um das Auffinden zu erleichtern. Dies ist ein besonders nützlicher Tipp, wenn Sie einen Film mit vielen Ebenen haben. Nennen wir diese neue Ebene ClickTag. Gehen Sie dazu auf Einfügen> Zeitleiste> Ebene.
Wenn die neue Ebene ausgewählt ist, geben Sie 'R' ein, um das Rechteckwerkzeug zu aktivieren. Ziehen Sie das Rechteck über die gesamte Bühne. Stellen Sie sicher, dass Sie alles abdecken.
Als Nächstes werden wir einige Eigenschaften auf die soeben erstellte Schaltfläche anwenden. Klicken Sie mit der rechten Maustaste auf das von uns erstellte Rechteck und wählen Sie aus An Ort und Stelle bearbeiten.
In der nächsten Timeline wird das angezeigt "Hoch", "Über", "Ab" und "Hit" Frames. Klicken und halten Sie die 'Oben' Rahmen und ziehen Sie es auf die 'Schlagen' Rahmen.
Rückkehr zur Hauptbühne. Wir werden sehen, dass die Form, die wir vor einem Moment erstellt haben, jetzt grünlich gefärbt ist. Dies bedeutet, dass unsere Ebene / Schaltfläche anklickbar ist.
Speichern Sie die Datei, klicken Sie dann auf die farbige Ebene, die Sie erstellt haben, und öffnen Sie das Aktionsmenü, indem Sie auf Windows> Aktionen klicken oder einfach die Taste F9 drücken.
Prüfen Sie bei geöffnetem Aktionsmenü, ob der ClickTag-Layer ausgewählt ist. Dies ist sehr wichtig. Wenn Sie eine andere Ebene auswählen, wird der ActionScript-Code falsch angewendet.
Ok, hier passiert die Magie. Öffnen Sie in unserem Aktionsbereich die folgende Kopie und fügen Sie den Code direkt in den Bereich ein. Denken Sie daran, dass wir diesen Code nicht bearbeiten dürfen, da die Anzeige sonst nicht nachverfolgbar ist. Fügen Sie es in ein WIE ES IST.
on (release) if (_level0.clickTag.substr (0,5) == "http:") getURL (_level0.clickTag, "_blank");
Lassen Sie uns jetzt hinter den Vorhang schauen und sehen, was mit unserem Skript los ist.
Zunächst richten wir unsere Aktion mit on (release) ein. "on (release)" ist ein Old School Event-Handler, der eine Aktion auslöst, wenn auf unsere Schaltfläche geklickt wird oder wenn der Benutzer auf klickt und die Maustaste loslässt. Als Nächstes überprüfen wir, ob die URL, die wir unserer Anzeige dynamisch zuweisen, eine tatsächliche "http:" - URL ist.
HINWEIS: Es gibt viele Variationen dieses Skripts, aber es ist sehr wichtig, dass es immer mit der Bedingung "if ()" verwendet wird. Dies ist eine Vorsichtsmaßnahme. Da wir Variablen auf diese Weise zuweisen, ist es für eine böswillige Seite relativ einfach, unsere SWF-Anzeige zu verwenden und einen Cross-Site-Scripting-Angriff auf einen Benutzer durchzuführen. Die Details dazu gehen über den Rahmen dieses Tutorials hinaus. Denken Sie jedoch daran, dass dies eine wichtige Sicherheitsmaßnahme ist.
Unser Skript wurde geschrieben, damit das Werbenetzwerk nachverfolgen kann, wo das Banner angezeigt wurde und wann es angeklickt wurde. Unsere getURL-Aktion navigiert im Browser zu "clickTag" im EMBED-Code. Die getURL-Anweisung (clickTag, "_blank") benötigt eine URL, die das Werbenetzwerk in der embed-Anweisung platziert, und weist diese dynamisch unserer Anzeige zu.
Zum Beispiel:
Überprüfen Sie auch die Veröffentlichungseinstellungen. Stellen Sie sicher, dass sie als ActionScript 2.0 veröffentlicht sind. Schlagen Commandn + Return (auf dem Mac), um das Banner zu testen.
In der generierten Vorschau bewegen wir die Maus über die Anzeige, um sicherzustellen, dass sie tatsächlich angeklickt werden kann. Schließlich sollten wir zu Flash zurückkehren und überprüfen, ob unser Skript keine Fehler generiert hat.
Herzliche Glückwünsche! Sie haben jetzt eine Banneranzeige für die Bereitstellung bereit.
Es ist wichtig, etwas über ClickTag zu verstehen. Dies ist keine Funktion von Flash selbst. Der ActionScript-Code oben erlaubt dem SWF-Objekt, Informationen von außen zu akzeptieren. Diese Technik teilt Flash mit, dass der gerade erstellte Film eine URL öffnet, ohne dass Sie die genaue URL kennen müssen, wenn Sie den Film erstellen. Der Hyperlink wird aus dem HTML-Einbettungscode, den Ihr Werbenetzwerk für die Schaltung der Anzeige verwendet, an die SWF-Datei übergeben.
ClickTag hat keinen Wert, wenn Sie es erstellen. Es hat auch keine wirkliche Bedeutung, wenn Sie die Vorschau des Films anzeigen. Sein Wert, der URL-Link, wird vom HTML-Einbettungscode bereitgestellt.
Accentsconagua