Quick Tips: Hvordan bruke Google Analytics for sporing i Flash

Quick Tips: Hvordan bruke Google Analytics for sporing i Flash
3
Del
to
Del

Dette Cyber ​​mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.

I denne hurtig Tip vil jeg vise deg hvordan du skal undersøke hvordan besøkende bruker dine nettsteder, widgets og spill. Deretter vil vi se på hvordan man kan forbedre dem basert på denne informasjonen




Innledning

Bygge fine hjemmesider er flott!; bygge nettsteder som har en høy avkastning på investeringen er uvurderlig.

Nylig har jeg sluttet nettet team av en Brussel-basert kommunikasjon byrå, et team med spisskompetanse innen brukeropplevelse design, innholdsstrategier, utvikling av programvare, og interaksjonsdesign. Vi bruker mye tid på trådmodeller, storyboards, og prototyper, som garanterer at funksjonaliteten og innholdet av nettstedene er optimal før alle
grafisk design tar sted. Dette betyr at våre nettsteder har en solid base som skal bygges på, noe som resulterer i en høyere avkastning med mindre tid brukt på utvikling

En stor del av vårt arbeid er under panseret.. Google Analytics inne Flash

Dette verktøyet tillater oss å måle hvor godt våre nettsider gjør mot våre forhåndsdefinerte mål: sprette rate, klikk stier og selv definerte målinger som hvordan mange mennesker rullet en bestemt side. Våre spesialister analysere all denne informasjonen og bruke den til å optimalisere nettstedet. Hvis du ikke måle hvordan folk bruker nettstedet ditt, du kan bare gjette om sine suksesser og fiaskoer

Følgende oppsett er en nedstrippet versjon av et bildegalleri.; Google Analytics lov klienten til å oppdage hvilke bilder utløste mest interesse. Jeg har utelatt selve galleriet bygningen som det er utenfor omfanget av denne opplæringen; det er nok på Activetuts + allerede skjønt - bare søk etter "galleri"

Vi vil fokusere på hvordan du setter opp Google Analytics for å sette et smil på kundenes ansikter (og trolig din også ...) <. br>



Google Analytics in Action

Her er den forenklede bildegalleriet:

Som du ser, når et bilde er klikket, sin identitet blir sendt over til Google Analytics konto. Senere kan jeg se på alle statistikker som bildene ble klikket, til hvilke tider, i hvilke land, og så videre.

(Selvfølgelig, du vil fjerne alt som kledde informasjon når det er live på din egen side)



Trinn 1:! Forstå fordelene

Tenk deg selv arbeidstids, uker, måneder på en nettside. Du kunne levere filene før fristen, men noen måneder senere er det klart at - til tross for å være vakker - området ikke tiltrekker seg så mange kunder som klienten forventet. Google Analytics hjelper deg til å gjennomendes surfing vaner og finne ut hvilke deler av området kunne vært bedre merket. Beauty er flott, men jeg tror at Return Of Investment bør være hovedprioritet.

I et annet scenario dette samme verktøyet hjelper deg til å forstå hva området av nettstedet har flest sidevisninger, hvor mange ganger de besøkende ønsket å kontakte deg, eller hvilke elementer i din portefølje besøkende elsker mest. Hvor mange fordeler du kan tenke på for nettstedet



Trinn 2: Konfigurer en Google Analytics-konto

Hvis du ikke har en Google-konto allerede, registrere deg for en her - det tar bare noen få sekunder

Når det er gjort, hodet til http://google.com/analytics og registrere deg for en Analytics-konto.. Der kan du gi et kontonavn for nettstedene du ønsker å spore



Trinn 3:. Inside the Machine

Head to http://google.com/accounts/ManageAccount
og bruke musen ferdigheter til å klikke Analytics.

Great, er vi nå i oversiktsside. Du skal se Analytics-kontoen navn; Klikk på den og du vil finne deg selv på nettstedet profiler.

Hvis du ikke har satt opp et nettsted for å spore, bare klikk "Legg til Website profil". Skriv inn ditt domenenavn og Country, klikk deretter Fullfør



Trinn 4:. Hent din UA koden og Tracking Status

Sporingsstatus vises automatisk:

Den viktigste delen er nett eiendom ID. Dette er et unikt nummer Google Analytics vil bruke til å sende og lagre nettstedets trafikk. (Kopier UA koden for senere bruk i Flash, eller skrive det ned.) For denne innledningen vil vi bare holde alle muligheter til standardverdiene.

Hvis du skal legge inn SWF på egen hånd nettside, må Javascript-koden limes rett før < /body > tag i sidens HTML. Dette vil tillate deg å holde statistikken for selve selve siden, samt for i SWF. Det er verdt å sette inn denne koden på hver side på nettstedet ditt.

Alt dette er flott, men du fortsatt ikke vil være i stand til å finne de besøkendes interaksjon i stor detalj, som HTML er blind for den faktiske SWF /Flash-innhold



Trinn 5:. Gathering Treverk

For å sikre at du kan se hvilke deler av SWF blir brukt, leder til http://code.google.com /p /gaforflash /.

Denne utrolige open source AS3 API har mange flotte funksjoner for å integrere GA i Flash, men selv med våre største og mest komplekse nettsteder, har vi bare brukt to funksjoner. (Mer om disse senere.) Kontroller at du laste ned den nyeste utgaven til høyre på siden. (Kom tilbake når som helst å lese wiki, spørsmål osv, for å lære mer om dette enorme API.)



Trinn 6: Installer Components

zip inneholder en dokumentasjon mappe med hele API layout for å hjelpe deg på veien; bibliotek mappe (lib) der du finner de to komponenter; og noen tekstfiler du sannsynligvis ikke har lest. Minst gjorde jeg ikke;]

For å installere komponentene, sørg for Flash er lukket, gå til:

Windows-brukere: C: \\ Program Files \\ Adobe \\ Adobe Flash CS X \\ språk \\ Configuration \\ Components

Mac brukere: Macintosh HD /Programmer /Adobe Flash CS X /konfigurasjon /Components
< p> På dette punktet du trenger for å lage en katalog som heter "Google" og kopiere filene fra \\ lib \\ mappen i zip til det.

I utgangspunktet de to komponentene gir deg samme funksjonalitet, men er utviklet for to ulike formål. Analytics komponent er for de som ikke er kjent med AS3. Jeg antar de fleste av dere allerede bruker AS3, så vi bruker den AnalyticsLibrary komponent



Trinn 7:. Feeding the Fire

Inside Flash, åpne FLA for prosjektet du 're arbeider på, klikk Vindu > Komponenter
, og dra AnalyticsLibrary komponent i biblioteket



Trinn 8:. Handling! (Manus)

Enten du koder på tidslinjen eller ved hjelp av et dokument klasse, må du gjøre noen import:
//importere Analytics classesimport com.google.analytics.AnalyticsTracker; import com.google.analytics.GATracker;

Også i koden din, opprette en ny forekomst av AnalyticsTracker:
Var tracker: AnalyticsTracker = new GATracker (dette, "UA-XXXXXX", "AS3", true);

Parametrene er: scenen, UA code, Actionscript 3-modus, visuell debugger på /av. La dem alle som jeg har sett dem, bortsett fra UA kode som du trenger å bytte for din egen. Still siste parameter til false
når du er ferdig med testfaser, som da true
det vil skape et overlegg på toppen av SWF-fil som i eksempelet over. Anmeldelser

Test ut dette ved å legge en Klikk hendelse lytteren og handler til en av dine filmklipp eller knapper:
myMc.addEventListener (MouseEvent.CLICK, onClick), funksjon onClick (event: MouseEvent): void {//gjøre dine kunder fornøyde. //bruk 'event.target.name' i stedet for 'event.target' //dette vil vise 'myMc "i stedet for [objekt myMc], som er åpenbart en bedre utgang. Var mySelection: String = event.target.name; tracker.trackPageview ("galleri =" + mySelection);}

Her er vi ved hjelp av track ()
funksjon. Bruk dette for navigasjonsformål. Du kan legge til en streng, slik at kunden vet hva del spores. I dette tilfellet er vi sporer som galleriet har blitt utløst. Så kopier og lim inn denne koden overalt du ønsker å spore din samhandling og gi en forståelig String til dataene.

For eksempel, hvis du har en "call to action" på scenen for å lokke potensielle nye kunder, du kunne skrive:
tracker.trackPageview ("Utleie meg");

... i Click hendelseshåndterer for den knappen. Eller hvis du ønsker å spore hvor mange ganger de har lest din ansvarsfraskrivelse.
Tracker.trackPageview ("Ansvarsfraskrivelse");

Jeg er sikker på at du får tanken



Trinn 9 : aktivitetssporing

Bruk hendelsessporing hvis du ønsker å spore hva video eller MP3 hendelsen blir spilt, eller når brukeren stanses - sånt. Det er i utgangspunktet for enhver handling som ikke representerer åpne en "side"

Koden ser slik ut:
trackEvent (kategori, handling, etikett);

For eksempel:.
Tracker .trackEvent ("profile videoer", "play", "første video: introduksjon");

I tillegg kan du legge til en fjerde parameter. Dette kan representere noen verdi du vil, men det må være et heltall (hele tall). For eksempel vil du kanskje finne den nøyaktige tiden da videoen ble pauset

Dette er flott å se hvor godt din streaming eller nedlasting utfører for de besøkende (ikke alle har førsteklasses Internett-forbindelser).
Var currentTime. Date = new Date () tid; //få gjeldende tid //laste videoen herevar readyToRoll. Date = new Date () tid - currentTime; //få tiden det tar å laste videotracker.trackEvent ("profile videoer", "spille videoen", "video 1/3: introduksjon", readyToRoll);



Trinn 10: Se Data i Google Analytics

Gå til http://google.com/analytics/settings/og klikk kontonavnet. Ved siden av domenenavnet, klikker du på Vis rapport.

Her vil du se en tidslinje. (OBS: avhengig av din server responstid det kan ta en stund før dataene blir lagret, men det bør ikke ta for lang tid.) Velg datoer for når du har testet ved hjelp av kalenderen øverst til høyre:

Finn Innholdsoversikt; her kan du se hvilke hendelser eller knapper ble utløst:

Som du kan se, som jeg forklarte noen skritt tilbake, event.target.name
viser en "hyggelig" navn som "/gallery = gallery 1 ", mens event.target
returnerer noe sånt som" [objekt picture1] "

Ved å klikke på en av disse linkene - for eksempel" /gallery = gallery2 "- vil du kunne se detaljert informasjon, som hva skjermoppløsning brukerne har, når du velger et alternativ i rullegardinmenyen.

Det er en dyp og rik informasjonskilde i nesten hver eneste gren av Google Analytics modul. Det er nesten umulig å liste dem alle. Ikke vær redd for; se deg rundt og se hva du kan gi til dine kunder og selv



Trinn 11:. Eliminer selv fra statistikken som bruker Filters

Det er en god idé å filtrere ut din egen oppførsel; ellers vil det gi deg informasjon som er feil, siden du sannsynligvis vil teste dette i stor detalj

Du kan gjøre dette ved å filtrere all aktivitet som kommer fra din IP-adresse -. skjønt vær oppmerksom, dette vil bare fungere hvis du har en statisk IP-adresse. Det er mye dokumentasjon i hjelpefilene; Jeg kan ikke dekke alt her. Sjekk ut http://www.google.com/support/googleanalytics/bin/answer.py?hl=en&answer=55481

Filtre kan også være nyttig for andre grunner. Her er litt mer informasjon: http://www.google.com/support/googleanalytics/bin/topic.py?hl=en&topic=11091



Trinn 12: The End er begynnelsen ...

I denne hurtig Tips har jeg bare dekket et snøfnugg på toppen av isfjellet av hva du kan gjøre med denne fantastiske API. Det er en rask oversikt over de to mest fordelaktige funksjoner som vi har med å forbedre våre nettsteder og matche våre kunders ønsker.

Du kan også angi forhåndsdefinerte mål, gruppe brukere som (for eksempel) bruker widescreen-skjermer, basen Analytics på søkemotor søkeord og så videre. For kundene dine, kan du sende en e-post med daglige, ukentlige eller månedlige rapporter (som xml, PDF, eller andre formater), eller gi dem tilgang til Analytics-siden. Hvis du ønsker mer informasjon, kan du spørre i kommentarfeltet!



Mine meninger om Search Engine Friendly Flash Nettsteder

Selv om det er gunstig å lese og spore de besøkendes interaksjoner, Dette er en lang vei fra å bruke Flash i en SEO-vennlig verden. Jeg har varmet deg opp for optimal webdesign og fokusere på Return of Investment, men vi er ikke der ennå.

En god neste skritt vil være å se nærmere på Gaia rammeverk, og bruke sin mektige oppsett til jobbe med swfaddress og deeplinking. Dette vil tillate deg å spore individuelle sider på nettstedet ditt prosjekt og i kombinasjon med den nylig lært Google Analytics magi, er jeg sikker på at ikke bare kundene dine vil smile

Red.anm:. Vi har noen Gaia tutorials stilte opp, ikke bekymre deg;)

Jeg har jobbet i over 10 år i grafisk design verden, og aldri hatt så mye makt til å vite nøyaktig hva mine kunder og besøkende vil. Jeg liker ofte å kalle det "gratis markedsføring og forskning fra skrivebordet". (Hvis du lurer på hvorfor min egen side ikke bruker denne teknologien, vel ærlig talt ... Jeg håper å re-lansering av midten av 2010 * drikker kaffe *)

Jeg håper dette åpner nye dører for deg og øker din kompetanse. Lykke til og ha det gøy! Anmeldelser