Share
In diesem Schnelltipp zeige ich Ihnen, wie Sie die Art und Weise untersuchen, wie Besucher Ihre Websites, Widgets und Spiele verwenden. Dann schauen wir uns an, wie wir sie basierend auf diesen Informationen verbessern können!
Der Aufbau gut aussehender Websites ist großartig. Das Erstellen von Websites mit einem hohen Return of Investment ist unbezahlbar.
Vor kurzem trat ich dem Web-Team einer Brüsseler Kommunikationsagentur bei, einem Team mit Expertenwissen in den Bereichen User Experience Design, Content-Strategien, Software-Entwicklung und Interaktionsdesign. Wir verbringen viel Zeit mit Wireframes, Storyboards und Prototypen. Dies garantiert, dass Funktionalität und Inhalt der Websites vorher optimal sind irgendein grafische Gestaltung findet statt. Dies bedeutet, dass unsere Websites eine solide Basis haben, auf der sie aufbauen können. Dies führt zu einem höheren ROI bei geringerem Entwicklungsaufwand.
Ein großer Teil unserer Arbeit steht unter der Haube: Google Analytics in Flash.
Mit diesem Tool können wir die Leistung unserer Websites anhand unserer vordefinierten Ziele messen: Absprungrate, Klickpfade und sogar benutzerdefinierte Messungen, z. B. wie viele Personen eine bestimmte Seite gescrollt haben. Unsere Spezialisten analysieren alle diese Informationen und verwenden sie zur Optimierung der Website. Wenn Sie nicht messen, wie Nutzer Ihre Website nutzen, können Sie nur über deren Erfolge und Misserfolge raten.
Das folgende Setup ist eine abgespeckte Version einer Bildergalerie. Mit Google Analytics konnte der Kunde herausfinden, für welche Bilder das größte Interesse bestand. Ich habe das eigentliche Galeriegebäude ausgelassen, da es den Rahmen dieses Tutorials sprengen würde. Bei Activetuts + gibt es schon eine Menge - suchen Sie einfach nach "Galerie".
Wir werden uns darauf konzentrieren, wie Sie Google Analytics einrichten, um die Gesichter Ihrer Kunden zu belächeln (und wahrscheinlich auch Ihre?).
Hier ist die vereinfachte Bildergalerie:
Wie Sie sehen, wird beim Anklicken eines Bildes dessen Identität an mein Google Analytics-Konto gesendet. Später kann ich mir alle Statistiken ansehen, auf welche Bilder zu welchen Zeitpunkten geklickt wurde, in welchen Ländern usw..
(Natürlich entfernen Sie alle überlagerten Informationen, wenn sie auf Ihrer eigenen Website live sind!)
Stellen Sie sich Arbeitsstunden, Wochen, sogar Monate auf einer Website vor. Sie liefern die Dateien erfolgreich vor Ablauf der Frist, aber einige Monate später wird deutlich, dass die Website trotz ihrer Schönheit nicht so viele Kunden anzieht, wie Ihr Kunde erwartet hat. Google Analytics hilft Ihnen dabei, die Browsing-Gewohnheiten der Besucher zu überprüfen und herauszufinden, welche Bereiche der Website besser hervorgehoben werden könnten. Schönheit ist großartig, aber ich glaube, dass Return of Investment Ihre Hauptpriorität sein sollte.
In einem anderen Szenario hilft Ihnen dieses Tool dabei, zu verstehen, in welchem Bereich Ihrer Website die meisten Seitenzugriffe vorhanden sind, wie oft Besucher Sie kontaktieren wollten oder welche Elemente Ihres Portfolios Besucher am meisten mögen. Wie viele Vorteile können Sie sich für Ihre Website vorstellen??
Wenn Sie noch kein Google-Konto haben, melden Sie sich hier an - dies dauert nur wenige Sekunden.
Sobald dies erledigt ist, besuchen Sie http://google.com/analytics und melden Sie sich für ein Analytics-Konto an. Dort können Sie einen Kontonamen für die Websites angeben, die Sie verfolgen möchten.
Rufen Sie https://google.com/accounts/ManageAccount auf
und verwenden Sie Ihre Mausfähigkeiten, um auf Analytics zu klicken.
Toll, wir befinden uns jetzt auf der Übersichtsseite. Sie sollten Ihren Analytics-Kontonamen sehen. Klicken Sie darauf und Sie finden sich in den Website-Profilen.
Wenn Sie keine Website für das Tracking eingerichtet haben, klicken Sie einfach auf "Website-Profil hinzufügen". Geben Sie Ihren Domainnamen und Ihr Land ein und klicken Sie auf Fertig stellen.
Die Tracking-Status-Seite wird automatisch angezeigt:
Der wichtigste Teil ist Ihre Web-Property-ID. Dies ist eine eindeutige Nummer, die Google Analytics zum Senden und Speichern der Zugriffe Ihrer Website verwendet. (Kopieren Sie diesen UA-Code, um ihn später in Flash zu verwenden, oder notieren Sie ihn.) Für diese Einführung behalten wir einfach alle Optionen bei ihren Standardeinstellungen.
Wenn Sie Ihre SWF-Datei auf Ihrer eigenen Webseite einbetten, muss der JavaScript-Code direkt vor dem eingeblendet werden
All dies ist großartig, aber Sie können die Interaktion Ihrer Besucher immer noch nicht genau bestimmen, da der HTML-Code für Ihre eigentlichen SWF- / Flash-Inhalte blind ist.
Um sicherzustellen, dass Sie sehen können, welche Teile Ihrer SWF-Datei verwendet werden, besuchen Sie http://code.google.com/p/gaforflash/..
Diese erstaunliche Open-Source-AS3-API bietet viele großartige Funktionen für die Integration von GA in Flash, aber selbst bei unseren größten und komplexesten Websites haben wir nur zwei Funktionen verwendet. (Mehr dazu später.) Laden Sie die neueste Version rechts auf der Seite herunter. (Kommen Sie jederzeit zurück, um das Wiki, Probleme usw. zu lesen und mehr über diese umfangreiche API zu erfahren.)
Die ZIP-Datei enthält einen Dokumentationsordner mit dem gesamten API-Layout, um Sie auf diesem Weg zu unterstützen. einen Bibliotheksordner (lib), in dem Sie die beiden Komponenten finden; und einige Textdateien, die Sie wahrscheinlich nie lesen werden. Zumindest habe ich nicht;]
Stellen Sie zur Installation der Komponenten sicher, dass Flash geschlossen ist, und navigieren Sie zu:
An diesem Punkt müssen Sie ein Verzeichnis mit dem Namen "Google" erstellen und die Dateien aus dem Ordner \ lib \ in der ZIP-Datei in das Verzeichnis kopieren.
Grundsätzlich bieten die beiden Komponenten die gleiche Funktionalität, wurden jedoch für zwei verschiedene Zwecke entwickelt. Die Analytics-Komponente ist für diejenigen gedacht, die mit AS3 nicht vertraut sind. Ich nehme an, die meisten von Ihnen verwenden bereits AS3, also verwenden wir die AnalyticsLibrary-Komponente.
Öffnen Sie in Flash die FLA für das Projekt, an dem Sie arbeiten, und klicken Sie auf Fenster> Komponenten, Ziehen Sie die AnalyticsLibrary-Komponente in Ihre Bibliothek.
Unabhängig davon, ob Sie auf der Timeline codieren oder eine Dokumentenklasse verwenden, müssen Sie einige Importe durchführen:
// Import der Analytics-Klassen import com.google.analytics.AnalyticsTracker; import com.google.analytics.GATracker;
Erstellen Sie außerdem in Ihrem Code eine neue Instanz von AnalyticsTracker:
var tracker: AnalyticsTracker = neuer GATracker (dies "UA-XXXXXX", "AS3", true);
Die Parameter sind: stage, UA-Code, Actionscript 3-Modus, visueller Debugger ein / aus. Lass sie alle so, wie ich sie eingestellt habe, abgesehen von dem UA-Code, den du für deinen eigenen eintauschen musst. Stellen Sie den letzten Parameter auf falsch wenn Sie mit Ihren Testphasen fertig sind, als wann wahr Es wird ein Overlay über Ihrer SWF-Datei erstellt, wie im obigen Beispiel.
Testen Sie dies, indem Sie einem Ihrer Movieclips oder Schaltflächen einen Click-Ereignislistener und -Handler hinzufügen:
myMc.addEventListener (MouseEvent.CLICK, onClick);
Accentsconagua
Funktion onClick (Ereignis: MouseEvent): void // macht Ihre Kunden glücklich. // Verwenden Sie 'event.target.name' anstelle von 'event.target' // Hier wird 'myMc' anstelle von [object myMc] angezeigt, was offensichtlich eine schönere Ausgabe ist. var mySelection: String = event.target.name; tracker.trackPageview ("gallery =" + mySelection); Hier benutzen wir die trackPageView () Funktion. Verwenden Sie dies für Navigationszwecke. Sie können eine Zeichenfolge hinzufügen, damit Ihr Client weiß, welcher Teil verfolgt wird. In diesem Fall verfolgen wir, welche Galerie ausgelöst wurde. Kopieren Sie diesen Code also überall, wo Sie Ihre Interaktionen verfolgen möchten, und geben Sie den Daten eine verständliche Zeichenfolge.
Wenn Sie beispielsweise auf der Bühne eine Schaltfläche "Handlungsaufforderung" haben, um potenzielle neue Kunden anzulocken, können Sie Folgendes schreiben:
tracker.trackPageview ("Hire me"); … Im Click-Ereignishandler für diese Schaltfläche. Oder wenn Sie nachverfolgen möchten, wie oft Ihr Haftungsausschluss gelesen wurde:
tracker.trackPageview ("Haftungsausschluss"); Ich bin mir sicher, dass du die Idee hast.
Verwenden Sie die Ereignisprotokollierung, wenn Sie verfolgen möchten, welches Video oder MP3-Ereignis abgespielt wird oder wenn der Benutzer das Video anhält. Es ist im Grunde für jede Aktion, die nicht das Öffnen einer "Seite" darstellt..
Der Code sieht so aus:
trackEvent (Kategorie, Aktion, Bezeichnung);
Zum Beispiel:
tracker.trackEvent ("Profilvideos", "Abspielen", "Erstes Video: Einführung"); Zusätzlich können Sie einen vierten Parameter hinzufügen. Dies kann einen beliebigen Wert darstellen, muss aber eine ganze Zahl (ganze Zahl) sein. Sie möchten beispielsweise die genaue Uhrzeit ermitteln, zu der das Video angehalten wurde.
Es ist großartig zu sehen, wie gut Ihr Streaming oder Download für Ihre Besucher abschneidet (nicht jeder hat erstklassige Internetverbindungen):
var currentTime: Date = new Date (). Zeit; // aktuelle Uhrzeit abrufen // hier das Video laden var readyToRoll: Date = new Date (). time - currentTime; // Holen Sie sich die Zeit zum Laden des Videos tracker.trackEvent ("Profilvideos", "Wiedergabe des Videos", "Video 1/3: Einführung", readyToRoll); Rufen Sie http://google.com/analytics/settings/ auf und klicken Sie auf Ihren Kontonamen. Klicken Sie neben Ihrem Domainnamen auf Bericht anzeigen.
Hier sehen Sie eine Zeitleiste. (Bitte beachten Sie: Abhängig von der Antwortzeit Ihres Servers kann es eine Weile dauern, bis die Daten gespeichert sind, es sollte jedoch nicht zu lange dauern.) Wählen Sie die Daten aus, zu denen Sie den Kalender oben rechts getestet haben:
Suchen Sie die Inhaltsübersicht. Hier können Sie sehen, welche Events oder Schaltflächen ausgelöst wurden:
Wie Sie sehen können, erklärte ich einige Schritte zurück, event.target.name zeigt einen "schönen" Namen an wie "/ gallery = gallery 1", während event.target gibt etwas wie "[object picture1]" zurück
Wenn Sie auf einen dieser Links klicken (z. B. "/ gallery = gallery2"), können Sie detaillierte Informationen anzeigen, z. B. über die Bildschirmauflösung Ihrer Benutzer, wenn Sie eine Option im Dropdown-Menü auswählen.
In fast jedem Zweig des Google Analytics-Moduls gibt es eine umfassende und umfassende Informationsquelle. Es ist fast unmöglich, alle aufzulisten. Fürchte dich nicht; Schauen Sie sich um und sehen Sie, welche Daten Sie Ihren Kunden und sich selbst zur Verfügung stellen können.
Es ist eine gute Idee, das eigene Verhalten herauszufiltern. Andernfalls erhalten Sie falsche Daten, da Sie diese wahrscheinlich ausführlich testen werden.
Sie können dies tun, indem Sie alle Aktivitäten filtern, die von Ihrer IP-Adresse stammen. Beachten Sie jedoch, dass dies nur funktioniert, wenn Sie eine statische IP-Adresse haben. Die Hilfedateien enthalten eine Menge Dokumentation. Ich kann hier nicht alles behandeln. Besuchen Sie http://www.google.com/support/googleanalytics/bin/answer.py?hl=de&answer=55481
Filter können auch aus anderen Gründen nützlich sein. Weitere Informationen finden Sie hier: http://www.google.com/support/googleanalytics/bin/topic.py?hl=de&topic=11091
In diesem Quick Tip habe ich nur eine Schneeflocke an der Spitze des Eisbergs behandelt, was Sie mit dieser erstaunlichen API tun können. Sie erhalten einen schnellen Überblick über die beiden wichtigsten Funktionen, mit denen wir unsere Websites verbessern und die Wünsche unserer Kunden erfüllen.
Sie können auch vordefinierte Ziele festlegen, Benutzer gruppieren, die (z. B.) Breitbildmonitore verwenden, Ihre Analytics auf Schlüsselwörter der Suchmaschine stützen und so weiter. Für Ihre Kunden können Sie eine E-Mail mit täglichen, wöchentlichen oder monatlichen Berichten (als XML-, PDF- oder andere Formate) senden oder ihnen sogar Zugriff auf Ihre Analytics-Seite gewähren. Wenn Sie weitere Informationen wünschen, fragen Sie bitte in den Kommentaren!
Obwohl es von Vorteil ist, die Interaktionen Ihrer Besucher zu lesen und zu verfolgen, ist dies ein weiter Weg von Flash in einer SEO-freundlichen Welt. Ich habe Sie für ein optimales Website-Design und den Fokus auf Return of Investment aufgewärmt, aber wir sind noch nicht da.
Ein guter nächster Schritt wäre, einen Blick auf das Gaia-Framework zu werfen und seine mächtigen Einstellungen für die Arbeit mit swfaddress und Deeplinking zu nutzen. Auf diese Weise können Sie einzelne Seiten Ihres Website-Projekts nachverfolgen. In Kombination mit Ihrer kürzlich gelernten Google Analytics-Magie wird Ihnen sicher nicht nur Ihre Kunden ein Lächeln auf den Kopf stellen.
Anmerkung des Herausgebers: Wir haben einige Gaia-Tutorials in einer Reihe, keine Sorge;)
Ich arbeite seit über 10 Jahren in der Welt des Grafikdesigns und hatte noch nie so viel Kraft, um genau zu wissen, was meine Kunden und Besucher wollen. Ich nenne es oft "freies Marketing und Recherche von Ihrem Desktop". (Wenn Sie sich fragen, warum meine eigene Website diese Technologie nicht verwendet, nun ehrlich… Ich hoffe, dass Sie bis Mitte 2010 einen Neustart erhalten * sips coffee *).
Ich hoffe, das öffnet Ihnen neue Türen und steigert Ihre Fähigkeiten. Viel Glück und hab Spaß!
