Het bijhouden van de navigatie en actie in Flex met Google Analytics

11 december 2007 door Julien Lestel

De analyse van de navigatie van de gebruikers en hun acties op een website is vaak essentieel voor verbetering van de service. De meeste websites gebruiken. Als u het niet gebruikt, kan Google een service genaamd Google Analytics (GA), waarmee bezoekers te volgen zeer gemakkelijk. U kunt meer informatie en om een account te maken hier: http://www.google.com/analytics/

De kleuren van een afbeelding in Flex & Google Analytics flex

Ik contruis Flex applicaties en analyse van de navigatie is net zo belangrijk is voor een Flex applicatie. Echter, Google Analytics is gemaakt om op te draaien traditionele HTML-sites, met veel termen als barbaren "body onLoad" en anderen. Daarom werken Analytics met een Flex aanvraag niet mogelijk was op het eerste gezicht, ik zal u de stappen te nemen indien u gebruik wilt maken van Google Analytics in Flex.
Navigatie Tracking en flex-aandelen:

1: Maak uw account een nieuw profiel, en je account-id.
Het is heel simpel. Aan het einde van het proces, zie je een blok van JavaScript die moeten worden gezet in de HTML-wrapper voor uw Flex applicatie.

2: Wijzig de HTML Wrapper:
Als u de algemene Flex Builder wrapper, kunt u wijzigen in het bestand "index.template.html", anders ga je gewoon in de HTML-wrapper. Paardenkoper en plak het gehele blok JavaScriptdans HTML-wrapper. Ik heb de mijne net onder de definitie van stijlen en boven het blok déifni globale variabelen. De eerste is de tag ook de JS-bestand, de volgende tags initialiseren van de account-id, en zich beroepen op de "urchinTracker ()", waarmee Google op te slaan de bezoeken met Google Analytics. Het blok van JavaScript als volgt uit:

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </ script>
<script type="text/javascript">
_uacct = "UA-xxxxxxx-x", / / dit is uw account-id
urchinTracker () / / wordt aangeroepen als de pagina wordt aangeroepen
</ Script>

Nu je meer wilt weten over uw navigatie visuteurs in uw Flex applicatie. Dit vereist het gebruik van ExternalInterface in Flex te bellen met de "urchinTracker ()", maar in het passeren van het argument ... Dit argument is vergelijkbaar met een URL. In mijn geval is dit geen probleem, aangezien de navigatie wordt vertegenwoordigd door een formulier:

/ ApplicationName / MainNav / subnav / OptionalAction.

Ik heb uitgevoerd een openbare methode in de hand van mijn Flex applicatie:

/ ** UsageID stuurt GoogleAnalytics * /
publieke functie logUsage (sUsageId: String): void
(
ExternalInterface.call ( "urchinTracker" sUsageId);
)

Punten van de scheepvaart en de sub-aanvragen indien u dat wenst, verzoeken wij de methode:

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

Het resultaat is zeer interessant, omdat de navigatie van bezoekers in mijn aanvraag is geregistreerd door Google Analytics. Google Analytics heeft een veel filters en analyse-tools voor het analyseren van de bezoeken aan uw aanvraag.

E-commerce bijhouden in Flex:

Google Analytics kunt u ook tracker verkoop via uw toepassing. Google gebruikt eenmaal meer vreemde woorden als' verzenden vorm "en" ontvangstpagina "we niet Flex.
Maar als je site verkoopt Flex online, het is makkelijk om de commando's in GA.

1: Instellen van GA voor eCommerce Tracking:
Log in met uw account.
Klik op Bewerken op het profiel dat maakt online verkoop.
Over de configuratie-pagina, klikt u op Bewerken naast Profielinformatie.
Verander het keuzerondje van E-Commerce Website voor nr. op Ja.

2: Edit Html Wrapper:

Het werkt door het plaatsen van de gegevens van de verkoop transacties in een vorm verborgen in de HTML-wrapper. Deze onzichtbare vorm moet worden geplaatst net vóór de afsluitende tag lichaam. Dat is wat er gebeurt, kun je het kopiëren precies:

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

Dan is het gebruik ExternalInterface om de transactie en het product en in de Wrapper:

/ * Called door ExternalInterface * /
logTransaction functie (sTransInfo)
(
document.getElementById ( 'utmtrans'). sTransInfo innerHTML =;
__utmSetTrans ();
)

U kunt zien dat de functie van de verkoop en dat de info in een verborgen vorm. Vervolgens vraagt zij de focntion "__utmSetTrans, die leest de waarden van de verborgen formulier en stuurt ze naar Google Analytics. De string die de transactie is geformatteerd en heeft de volgende vorm:

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

Het werkt met scheidingstekens, "UTM" en "|", spaties en lege regels niet worden genomen nu compte.Construisez deze string in uw mandje als je kunt meerdere voulez.Vous artikelen (UTM: I) in uw transactie .. Ik denk dat alleen de order-id is vereist, maar u moet nog steeds op alle scheidingsteken "|", zelfs als er geen gegevens tussen hen.

Opmerking: Het duurt ongeveer 12 tot 24 uur om de gegevens visiblent in Google Analytics-rapporten. Je gewoon even geduld.

U kunt een bezoek brengen aan het gebruik van HD voor meer info.

Het gebruik van Javascript, uw aanvraag wordt niet gewijzigd en niet laten u op de problemen van crossdomain, etc ...

Ik hoop dat dit artikel is nuttig!

Als u nu komt voor het eerst op Flex-info.fr, kunt u zich abonneren op de RSS-feed. Dank u voor uw bezoek!

1 étoile2 étoiles3 étoiles4 étoiles5 étoiles (1 stemmen, 3,00 van de 5)
Loading ... Laden ...

6 reacties op dit bericht

  1. Yoann Says:

    Yop, sympa le tuto. Wat mij betreft, ik probeer op te halen in plaats van gegevens uit Google Analytics te bekijken stats op hun site voor de gebruikers van mijn CMS. Misschien bent u een spoor?

  2. Julien Says:

    Het is de applicatie AIR Analytics kunt u proberen om uw CMS: http://www.aboutnico.be/index.php/google-analytics-air-beta-sign-up/

    Anders kunt u veel plezier opnieuw maken analytics in Flex / AIR. Google in uw beschikking een webservice het ophalen van uw gegevens analytics en doe ze in mooie grafieken : D

  3. Remi Says:

    Ik gestart met een project over het gebruik van Google Analytics met Flex / Flash op je blog http://lab.31septembre.com/blog/

    Ik gebruik de nieuwste versie van Google tracker. Het kan nuttig zijn om uw projecten.
    :)

  4. Julien Lestel Says:

    Want het ziet er mooi het werk dat u hebt gedaan op deze gaffel. J e is een nieuwssite over snel ;)

  5. Remi Says:

    Bedankt. :)
    Het is nog niet klaar, ik heb het volgen van externe links en vooral de e-commerce. Hier wordt het interessant.

  6. Julien Lestel Says:

    Oki! goed goed :)
    Voel je vrij om me op de hoogte van de voortgang van het project ... dat zou kunnen uitgroeien tot een standaard RIA omdat ik denk dat veel Flex projecten vast een beetje te beschikken over een uitgebreid tracking systeem ;)

Schrijf een reactie

Abonnementen

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

Onderzoek

Hoe vind je de nieuwe Flex-info.fr?

Bekijk Resultaten

Loading ... Laden ...

Mugsho