Share
I denne Quick Tip vil jeg vise deg hvordan du undersøker måten besøkende bruker på nettsteder, widgets og spill. Så ser vi på hvordan du kan forbedre dem basert på denne informasjonen!
Å bygge flotte nettsteder er flott; bygge nettsteder som har en høy avkastning på investering er uvurderlig.
Nylig ble jeg med i et team i Brussel, et kommunikasjonsbyrå, et team med ekspertviten innen design, innholdsstrategier, programvareutvikling og interaksjonsdesign. Vi bruker mye tid på wireframes, storyboards og prototyper, noe som garanterer at funksjonaliteten og innholdet på nettstedene er optimale før noen Grafisk design foregår. Dette betyr at våre nettsteder har en solid base som skal bygges på, noe som resulterer i et høyere avkastning med mindre tid brukt på utvikling.
En stor del av vårt arbeid ligger under hetten: Google Analytics i Flash.
Dette verktøyet lar oss måle hvor godt våre nettsteder gjør mot våre forhåndsdefinerte mål: sprettfrekvens, klikkveier og til og med egendefinerte målinger som hvor mange som har rullet en bestemt side. Våre spesialister analyserer all denne informasjonen og bruker den til å optimalisere nettstedet. Hvis du ikke måler hvordan folk bruker nettstedet ditt, kan du bare gjette om suksessene og fiaskoen.
Følgende oppsett er en avkortet versjon av et bildegalleri; Google Analytics tillot klienten å finne ut hvilke bilder som utløste mest interesse. Jeg har utelatt den faktiske galleribyggingen som det ligger utenfor omfanget av denne opplæringen; det er mange på Activetuts + allerede skjønt - bare søk etter "galleri".
Vi vil fokusere på hvordan du konfigurerer Google Analytics for å sette et smil på kundens ansikter (og sannsynligvis din også ...)
Her er det forenklede bildegalleriet:
Som du ser når et bilde klikkes, blir identiteten sendt til min Google Analytics-konto. Senere kan jeg se på all statistikk av hvilke bilder som ble klikket, på hvilke tider, i hvilke land osv.
(Selvfølgelig fjerner du all den overlappede informasjonen når den er live på ditt eget nettsted!)
Tenk deg deg selv arbeidstimer, uker, selv måneder på et nettsted. Du klarer å levere filene før tidsfristen, men noen måneder senere er det klart at nettstedet til tross for å være vakkert ikke tiltrekker seg så mange kunder som kunden din forventet. Google Analytics hjelper deg med å vurdere besøkerens vaner og oppdage hvilke deler av nettstedet som kan bli bedre uthevet. Skjønnhet er flott, men jeg tror at Return of Investment bør være din hovedprioritet.
I et annet scenario hjelper dette samme verktøyet deg til å forstå hvilket område av nettstedet ditt som har flest sidevisninger, hvor mange ganger besøkende ønsket å kontakte deg, eller hvilke elementer av dine porteføljebesøkere som elsker mest. Hvor mange fordeler kan du tenke på for ditt nettsted?
Hvis du ikke allerede har en Google-konto, må du registrere deg her - det tar bare noen sekunder.
Når det er gjort, gå til http://google.com/analytics og registrer deg for en Analytics-konto. Der kan du gi et kontonavn for nettstedene du vil spore.
Gå til https://google.com/accounts/ManageAccount
og bruk musekompetanse til å klikke på Analytics.
Flott, vi er nå på oversiktssiden. Du bør se Analytics-kontonavnet ditt; klikk på det og du vil finne deg selv på nettsiden profiler.
Hvis du ikke har opprettet et nettsted for å spore, klikker du ganske enkelt på «Legg til nettsideprofil». Skriv inn domenenavnet ditt og Land, og klikk deretter Fullfør.
Siden Sporingsstatus vises automatisk:
Den viktigste delen er din web-ID-ID. Dette er et unikt nummer som Google Analytics vil bruke til å sende og lagre nettstedets trafikk. (Kopier denne UA-koden for senere bruk i Flash, eller skriv den ned.) For denne introduksjonen holder vi ganske enkelt alle alternativene til sine standardinnstillinger.
Hvis du skal legge inn din SWF på din egen nettside, må javascript-koden limes rett før
Alt dette er bra, men du vil fortsatt ikke kunne identifisere de besøkendees interaksjon i detalj, da HTML er blind for ditt faktiske SWF / Flash-innhold.
For å sikre at du kan se hvilke deler av SWF du bruker, kan du gå til http://code.google.com/p/gaforflash/.
Denne fantastiske open source AS3 API har mange flotte funksjoner for å integrere GA til Flash, men selv med våre største og mest komplekse nettsteder har vi bare brukt to funksjoner. (Mer om disse senere.) Pass på at du laster ned den siste avgiften til høyre på siden. (Kom tilbake når som helst for å lese wiki, problemer osv. For å lære mer om denne store API.)
Zip inneholder en dokumentasjonsmappe med hele API-oppsettet for å hjelpe deg underveis; en bibliotekskatalog (lib) hvor du finner de to komponentene; og noen tekstfiler du sannsynligvis aldri vil lese. I det minste gjorde jeg det ikke;]
For å installere komponentene, kontroller at Flash er lukket, og naviger deretter til:
På dette tidspunktet må du opprette en katalog med navnet 'Google' og kopiere filene fra \ lib \ -mappen i zip til den.
I utgangspunktet gir de to komponentene deg den samme funksjonaliteten, men er utviklet for to forskjellige formål. Analytics-komponenten er for de som ikke er kjent med AS3. Jeg antar at de fleste av dere allerede bruker AS3, så vi bruker AnalyticsLibrary-komponenten.
Inne i Flash, åpne FLA for prosjektet du jobber med, klikk Vindu> Komponenter, og dra AnalyticsLibrary-komponenten til biblioteket ditt.
Enten du koder på tidslinjen eller bruker en dokumentklasse, må du gjøre litt import:
// importere Analytics-klassene importere com.google.analytics.AnalyticsTracker; importer com.google.analytics.GATracker;
I koden din oppretter du også en ny forekomst av AnalyticsTracker:
var tracker: AnalyticsTracker = ny GATracker (dette, "UA-XXXXXX", "AS3", sant);
Parametrene er: scene, UA kode, actionscript 3 modus, visuell debugger på / av. La dem alle som jeg har satt dem, bortsett fra UA-koden som du må bytte for deg selv. Sett den siste parameteren til falsk når du er ferdig med testfaser, som når ekte det vil lage et overlegg på toppen av SWF-filen som i eksemplet ovenfor.
Test dette ved å legge til en klikkhendelselytter og -håndterer til et av filmklippene eller knappene dine:
myMc.addEventListener (MouseEvent.CLICK, onClick);
Accentsconagua
funksjon onClick (event: MouseEvent): void // gjør kundene dine lykkelige. // bruk 'event.target.name' i stedet for 'event.target' // dette vil vise 'myMc' i stedet for [objekt myMc], som åpenbart er en finere utgang. var mySelection: String = event.target.name; tracker.trackPageview ("gallery =" + mySelection); Her bruker vi track () funksjon. Bruk dette til navigasjonsformål. Du kan legge til en streng slik at klienten vet hvilken del som spores. I dette tilfellet sporer vi hvilket galleri som har blitt utløst. Så kopier og lim inn denne koden overalt hvor du vil spore interaksjonene dine og gi en forståelig streng til dataene.
Hvis du for eksempel har en "call to action" -knapp på scenen for å lokke potensielle nye kunder, kan du skrive:
tracker.trackPageview ("Hire me"); ... i klikkhendelsesbehandleren for den knappen. Eller hvis du vil spore hvor mange ganger de har lest ansvarsfraskrivelsen din:
tracker.trackPageview ( "forbehold");
Jeg er sikker på at du får ideen.
Bruk hendelsessporing hvis du vil spore hvilken video eller MP3-hendelse som spilles, eller når brukeren pauser det - ting som det. 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 ("profilvideoer", "spill", "første video: introduksjon"); I tillegg kan du legge til en fjerde parameter. Dette kan representere enhver verdi du liker, men den må være et heltall (hele tallet). For eksempel vil du kanskje finne ut den nøyaktige tiden da videoen ble satt på pause.
Dette er flott å se hvor godt streaming eller nedlasting utfører for dine besøkende (ikke alle har førsteklasses Internett-tilkoblinger):
var currentTime: Date = new Date (). time; // få gjeldende tid // last videoen her var readyToRoll: Date = new Date (). time - currentTime; // få tid tatt for å laste video tracker.trackEvent ("profil videoer", "spille av videoen", "video 1/3: introduksjon", readyToRoll); Gå til http://google.com/analytics/settings/ og klikk på kontonavnet ditt. Ved siden av domenenavnet ditt, klikk på Vis rapport.
Her ser du en tidslinje. (Merk: avhengig av serverens responstid kan det ta litt tid før dataene blir lagret, men det bør ikke ta for lang tid.) Velg datoene for når du har testet ved hjelp av kalenderen øverst til høyre:
Finn innholdsoversikten; her kan du se hvilke hendelser eller knapper som ble utløst:
Som du kan se, som jeg forklarte noen få skritt tilbake, event.target.name viser et "fint" navn som "/ gallery = gallery 1", while event.target returnerer noe som "[objektbilde1]"
Ved å klikke på en av disse koblingene - for eksempel "/ gallery = gallery2" - vil du kunne se grundig informasjon, som hvilken 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-modulen. Det er nesten umulig å liste dem alle. Ikke vær redd; se deg og se hvilke data du kan gi til dine kunder og deg selv.
Det er en god ide å filtrere ut din egen oppførsel; Ellers vil det gi deg feil data siden du vil sannsynligvis teste dette i detalj.
Du kan gjøre dette ved å filtrere all aktivitet som kommer fra din IP-adresse - men vær oppmerksom på at dette bare vil fungere hvis du har en statisk IP-adresse. Det er mye dokumentasjon i hjelpefilene; Jeg kan ikke dekke alt her. Ta en titt på http://www.google.com/support/googleanalytics/bin/answer.py?hl=no&answer=55481
Filtre kan også være nyttige av andre grunner. Her er litt mer informasjon: http://www.google.com/support/googleanalytics/bin/topic.py?hl=no&topic=11091
I denne Quick Tip har jeg bare dekket en snøfnugg på toppen av isbreen av hva du kan gjøre med denne fantastiske API. Det er en rask oversikt over de to mest fordelaktige funksjonene som vi håndterer for å forbedre våre nettsider og matche våre kunders ønsker.
Du kan også angi forhåndsdefinerte mål, gruppere brukere som (for eksempel) bruke widescreen-skjermer, baser Analytics på søkemotorens søkeord og så videre. For dine kunder kan du sende en epost med daglige, ukentlige eller månedlige rapporter (som xml, PDF eller andre formater), eller til og med gi dem tilgang til Analytics-siden din. Hvis du vil ha mer informasjon, vennligst spør i kommentarene!
Selv om det er gunstig å lese og spore de besøkendees interaksjoner, er dette langt fra å bruke Flash i en SEO-vennlig verden. Jeg har oppvarmet deg for optimal webdesign og fokuserer på Return of Investment, men vi er ikke der ennå.
Et godt neste skritt ville være å se på Gaia-rammen, og bruk det mektige oppsettet for å jobbe med swfaddress og deeplinking. Dette vil tillate deg å spore enkelte sider på nettstedet ditt, og i kombinasjon med din nyopplærte Google Analytics-magi, er jeg sikker på at ikke bare dine kunder vil smile.
Redaktørens merknad: Vi har noen Gaia tutorials lined up, ikke bekymre deg;)
Jeg har jobbet i over 10 år i grafisk designverden, og har aldri hatt så mye makt til å vite nøyaktig hva mine kunder og besøkende vil ha. Jeg liker ofte å kalle det "gratis markedsføring og forskning fra skrivebordet ditt". (Hvis du lurer på hvorfor mitt eget nettsted ikke bruker denne teknologien, er du ærlig ... Jeg håper å lansere innen midten av 2010 * sips kaffe *)
Jeg håper dette åpner nye dører for deg og øker ferdighetssettet ditt. Lykke til og ha det moro!
