Tracking-Navigation und Aktionen Flex mit Google Analytics

am 11. Dezember 2007 von Julien Lestelle

Die Untersuchung der Navigation der Nutzer und ihre Aktionen im Internet ist oft unumgänglich, um einen Dienst. Die meisten Webseiten verwenden werden. Wenn Sie ihn nicht verwenden können, bietet Google einen Dienst namens Google Analytics (GA), mit der die Besucher sehr einfach. Hier finden Sie weitere Informationen und ein Konto hier: http://www.google.com/analytics/

Die Farben eines Bildes in Flex & Google Analytics flex

Ich Baue von Flex-Anwendungen und die Analyse der Navigation, ist wichtig in einer Anwendung Flex. Doch Google Analytics ist für den Einsatz in herkömmlichen HTML-Seiten, mit vielen Worten als Barbaren "body onLoad" und andere. Also, muss Analytics mit einer Flex Anwendung nicht möglich war, auf den ersten Blick, ich werde Ihnen zeigen den Weg, wenn Sie Google Analytics in Flex.
Tracking der Navigation und Aktionen Flex:

1: Legen Sie ein, ein neues Profil und Ihren Account abrufen id.
Es ist ganz einfach. Am Ende des Prozesses, finden Sie einen JavaScript werden soll in der HTML-Wrapper für Ihre Anwendung Flex.

2: Ändern der HTML-Wrapper:
Wenn Sie Flex Builder behindert "Wrapper", kannst du ändern in der Datei "index.template.html", andernfalls ist gerade in die HTML-Wrapper. Cdr und kleben den ganzen Block von JavaScriptdans HTML Wrapper. Ich meine stellt gerade die Definition von Stilen und über den Block, déifni die globalen Variablen. Der erste Tag ist include der JS-Datei, die folgenden Tags setzen id-Account, und berufen sich auf die Funktion "urchinTracker ()", die mit dem Google speichern Besuche mit Google Analytics. Die JavaScript-Block sieht so aus:

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </ script>
<script type="text/javascript">
_uacct = "UA-xxxxxxx-x" / / ist Ihr Account Id
urchinTracker (); / / genannt, wenn die Seite nennt
</ script>

Jetzt möchten Sie mehr über die Navigation Ihren visuteurs in Ihrer Anwendung Flex. Dazu muss eine ExternalInterface in Flex um die Funktion "urchinTracker ()", aber er über ein Argument ... Dieses Argument wie eine URL. In meinem Fall ist es nicht ein Problem, weil die Navigation wird durch einen form:

/ ApplicationName / MainNav / SubNav / OptionalAction.

Ich implementierte eine öffentliche Methode in der Hand meiner Anwendung Flex:

/ ** Sendet usageID zu GoogleAnalytics * /
public function logUsage (sUsageId: String): void
(
ExternalInterface.call ( "urchinTracker" sUsageId);
)

An die Navigation und in den unter-Anwendungen, wenn man will, man ruft die Methode:

_app.logUsage ( "/" _sAppName + + "/ SubAppName [Aktion]");

Das Ergebnis ist sehr interessant, da sich die Navigation der Besucher in meiner Anwendung wird von Google Analytics. Google Analytics bietet viele Filter und Werkzeuge für die Analyse für die Analyse der Besuche auf Ihrer Anwendung.

Tracking Ecommerce in Flex:

Google Analytics ermöglicht es Ihnen auch Tracker die Verkäufe über Ihre Anwendung. Google einmal mehr seltsame Begriffe wie "submit form" und "receipt Seite, die wir nicht kennen in Flex.
Aber, wenn deine Website Flex online verkauft, ist einfach zu speichern, die in GA.

1: GA für das Tracking Ecommerce:
Loggen Sie sich mit Ihrem Konto.
Klicken Sie auf "Bearbeiten" auf das Profil, die in der Online-Verkäufe.
Auf der Konfigurationsseite, klicken Sie auf Bearbeiten neben Website Profile Information.
Ändern Sie den Radio-Button in der E-Commerce-Website von Nein auf Ja.

2: Ändern der HTML-Wrapper:

Das funktioniert, indem die Daten der Transaktionen Ihre Verkäufe in einem Formular versteckt in der HTML-Wrapper. Dieses Formular unsichtbar muss kurz vor der Schließung der Tag body. Das ist es, was es gibt, können Sie es genau:

<form style="display:none;" name="utmform">
<textarea id="utmtrans"> </ textarea>
</ form>

Dann wird noch ExternalInterface, um die Transaktion und die bestellten Produkte und in der Wrapper:

/ * Ruft ExternalInterface * /
function logTransaction (sTransInfo)
(
document.getElementById ( 'utmtrans). innerHTML = sTransInfo;
__utmSetTrans ();
)

Sie sehen, dass die Funktion nimmt der Verkauf und setze die Informationen in einem Formular versteckt. Danach folgt die focntion "__utmSetTrans", das liest die Werte des Formulars versteckt und sendet diese an Google Analytics. Die Zeichenfolge, die die Transaktion wird formatiert und besitzt folgende Form:

UTM: T | [order-id] | [affiliation] | [total] | [tax] | [shipping] | [city] | [state] | [country] UTM: I | [order-id] | [sku / code] | [productname] | [category] | [price] | [quantity]

Das funktioniert mit Trennzeichen, "UTM" und "|", Leerzeichen und leere Zeilen werden nicht in diesem Channel compte.Construisez jetzt in Ihrem Warenkorb-Seite, wie Sie voulez.Vous können mehrere Artikel (UTM: I) in Ihrem Geschäft .. Ich glaube, nur die order-id wird aber trotzdem alle Trennzeichen "|", auch wenn keine Daten untereinander.

Hinweis: Es dauert ungefähr 12 bis 24 Stunden, um die Daten visiblent in den Google Analytics-Berichten. Es muss nur geduldig sein.

Sie sehen unter GA für weitere Infos.

Mit Javascript, Ihre Anwendung wird nicht geändert, und nicht, sie zu tun bei Problemen mit crossdomain, etc. ...

Ich hoffe, dass Sie diesen Artikel hilfreich war!

Wenn Sie zum ersten Mal auf Flex-Info.fr, können Sie sich den RSS-Feed. Danke für Ihren Besuch!

1 étoile2 étoiles3 étoiles4 étoiles5 étoiles (1 Stimmen, 3,00 von 5)
Loading ... Loading ...

6 Kommentare zu diesem Artikel

  1. Thomas Says:

    Yop, das sympa tuto. Auf meiner Seite, ich will lieber in die Daten von Google Analytics, um die Statistik auf ihrer Website den Nutzern meines CMS. Hast du vielleicht eine Spur?

  2. Andreas Says:
    Std. Min.

    Es gibt die Anwendung AIR Analytics, die du für dein CMS integriert: http://www.aboutnico.be/index.php/google-analytics-air-beta-sign-up/

    Wenn nicht, kannst Du wieder Spaß zu machen analytics in Flex / AIR. Google Speisen zur Verfügung, um ein webservice Deine analytics und in schöne Charts : D

  3. Rémi Says:

    Ich habe ein Projekt über die Verwendung von Google Analytics mit Flex / Flash-Blog http://lab.31septembre.com/blog/

    Ich verwende die neueste Version des Google-Tracker. Dies kann nützlich für die Aktualisierung Ihrer Projekte.
    :)

  4. Julien Lestelle Says:
    Std. Min.

    Denn es sieht nett die Arbeit, die du hast zu diesem gaff. J e eine Registrierung in Kürze an ;)

  5. Rémi Says:

    Danke. :)
    Es ist noch nicht fertig, es bleibt mir das Tracking von externen Links und vor allem der E-Commerce. Dort geht es interessant werden.

  6. Julien Lestelle Says:

    Oki! gut gut :)
    Zögern Sie nicht, mich über die Entwicklung Ihres Projekts ... das könnte sich zu einem Standard für RIA ich denke, da viele Projekte Flex Blockade noch ein wenig, um ein Tracking-System komplett ;)

Kommentar schreiben

Subscriptions

  • Add to My AOL
  • Add to Google
  • Add to Zune
  • Add to Netvibes
  • Add to Technorati
  • Add to My Yahoo
  • Add to Zune

Umfrage

Wie finden Sie das neue Flex-info.fr?

View Results

Loading ... Loading ...

Mugsho