Sfat rapid Cum să utilizați Google Analytics pentru urmărirea în Flash

În acest sfat rapid vă vom arăta cum să examinați modul în care vizitatorii folosesc site-urile web, widget-urile și jocurile. Apoi vom analiza cum să le îmbunătățim pe baza acestor informații!


Introducere

Construirea unor site-uri cu aspect frumos este grozav; construirea de site-uri web care au o rentabilitate ridicată a investiției este neprețuită.

Recent, m-am alăturat echipei web a unei agenții de comunicare bazate pe Bruxelles, o echipă cu cunoștințe de specialitate în domeniul designului de experiență a utilizatorilor, al strategiilor de conținut, al dezvoltării de software și al designului interacțiunii. Petrecem o mulțime de timp pe rame, tablouri și prototipuri, ceea ce garantează că funcționalitatea și conținutul site-urilor sunt optime înainte orice are loc proiectarea grafică. Aceasta înseamnă că site-urile noastre au o bază solidă de construit, ceea ce are drept rezultat o ROI mai mare, cu mai puțin timp petrecut pentru dezvoltare.

O mare parte din munca noastră se află sub capota: Google Analytics din Flash.

Acest instrument ne permite să măsuram cât de bine funcționează site-urile noastre în raport cu obiectivele predefinite: rata de respingere, căile de clic și chiar măsurătorile personalizate, cum ar fi câte persoane au derulat o anumită pagină. Specialiștii noștri analizează toate aceste informații și îl folosesc pentru a optimiza site-ul web. Dacă nu măsurați modul în care utilizatorii utilizează site-ul dvs., puteți ghici doar despre succesele și eșecurile acestuia.

Următoarea configurare este o versiune dezbinată a unei galerii de imagini; Google Analytics a permis clientului să descopere care imagini au declanșat cel mai mult interes. Am renunțat la clădirea actuală a galeriei, deoarece este dincolo de scopul acestui tutorial; există o mulțime de Activetuts + deja, totuși - doar căutați "galerie".

Ne vom concentra pe modul de a configura Google Analytics pentru a vă zâmbi pe fețele clienților dvs. (și, probabil, și dvs. ...)


Google Analytics în acțiune

Iată galeria de imagini simplificată:

După cum puteți vedea, când se face clic pe o imagine, identitatea sa este trimisă în contul meu Google Analytics. Mai târziu, mă pot uita la toate statisticile despre care imagini au fost făcute clic, la ce vremuri, în ce țări și așa mai departe.

(Desigur, veți elimina toate informațiile care au fost suprapuse atunci când sunt live pe propriul dvs. site!)


Pasul 1: Înțelegeți avantajele

Imaginați-vă personal orele, săptămânile, chiar luni pe un site web. Livrați cu succes fișierele înainte de termenul limită, dar câteva luni mai târziu este clar că - în ciuda faptului că sunt frumoase - site-ul nu atrage cât mai mulți clienți ca clientul dvs. de așteptat. Google Analytics vă ajută să examinați obiceiurile de navigare ale vizitatorilor și să descoperiți care părți ale site-ului ar putea fi mai bine evidențiate. Frumusețea este minunată, dar cred că revenirea investiției ar trebui să fie prioritatea dvs. principală.

Într-un alt scenariu, același instrument vă ajută să înțelegeți ce zonă din site-ul dvs. are cele mai multe vizionări ale paginii, de câte ori vizitatorii vroiau să vă contacteze sau care elemente ale vizitatorilor dvs. de portofoliu iubesc cel mai mult. Câte beneficii vă puteți gândi pentru site-ul dvs.?


Pasul 2: configurați un cont Google Analytics

Dacă nu aveți deja un cont Google, creați un cont aici - durează doar câteva secunde.

Odată ce ați terminat, mergeți la http://google.com/analytics și creați un cont Google Analytics. Acolo puteți oferi un nume de cont pentru site-urile pe care doriți să le urmăriți.


Pasul 3: În interiorul mașinii

Accesați https://google.com/accounts/ManageAccount
și folosiți abilitățile mouse-ului pentru a face clic pe Google Analytics.

Bine, suntem acum pe pagina Prezentare generală. Ar trebui să vedeți numele contului dvs. Google Analytics; faceți clic pe el și veți găsi pe cont propriu profilurile site-ului.

Dacă nu ați creat un site web pe care să îl urmăriți, faceți clic pe "Adăugați profilul de site". Introduceți numele de domeniu și Țara, apoi faceți clic pe Finalizare.


Pasul 4: Preluați codul dvs. UA și starea de urmărire

Se va afișa automat pagina Stare de urmărire:

Partea cea mai importantă este ID-ul proprietății web. Acesta este un număr unic pe care îl va utiliza Google Analytics pentru a trimite și a stoca traficul site-ului web. (Copiați acest cod UA pentru a fi folosit mai târziu în Flash sau scrieți-l jos.) Pentru această introducere vom păstra pur și simplu toate opțiunile la valorile lor implicite.

Dacă intenționați să încorporați fișierul SWF pe propria pagină web, codul JavaScript trebuie să fie lipit chiar înainte de etichetă în HTML-ul paginii. Acest lucru vă va permite să păstrați statistici pentru pagina însăși, precum și pentru SWF. Merită să inserați acest cod în fiecare pagină de pe site-ul dvs..

Toate acestea sunt minunate, dar tot nu veți putea să identificați în detaliu interacțiunea vizitatorilor dvs., deoarece HTML este orb pentru conținutul dvs. real SWF / Flash.


Pasul 5: Colectarea lemnului

Pentru a vă asigura că puteți vedea ce părți ale SWF sunt utilizate, accesați http://code.google.com/p/gaforflash/.

Acest uimitor open source AS3 API are o mulțime de caracteristici excelente pentru integrarea GA în Flash, dar chiar și cu site-urile noastre cele mai mari și mai complexe, am folosit doar două funcții. (Mai multe despre acestea mai târziu.) Asigurați-vă că descărcați cea mai recentă tranșă din partea dreaptă a paginii. (Întoarceți-vă în orice moment pentru a citi wiki-ul, probleme etc., pentru a afla mai multe despre acest API vast.)


Pasul 6: Instalați componentele

Zip-ul conține un dosar de documentație cu întregul aspect API pentru a vă ajuta pe parcurs; un folder de bibliotecă (lib) unde veți găsi cele două componente; și unele fișiere text pe care probabil nu le veți citi vreodată. Cel puțin nu am făcut-o;]

Pentru a instala componente, asigurați-vă că blitzul este închis, apoi navigați la:

  • Utilizatorii Windows: C: \ Program Files \ Adobe \ Adobe Flash CS X \ limba \ Configurație \ Componente
  • Utilizatorii Mac: Macintosh HD / Aplicații / Adobe Flash CS X / Configurație / Componente

În acest moment, trebuie să creați un director numit "Google" și să copiați fișierele din folderul \ lib \ din zip.

Practic, cele două componente vă oferă aceeași funcționalitate, dar sunt dezvoltate pentru două scopuri diferite. Componenta Google Analytics este pentru cei care nu cunosc AS3. Presupun că majoritatea dintre dvs. folosiți deja AS3, deci vom folosi componenta AnalyticsLibrary.


Pasul 7: Mâncarea focului

În interiorul Flash, deschideți FLA pentru proiectul pe care lucrați, faceți clic pe Fereastră> Componente, și glisați componenta AnalyticsLibrary în bibliotecă.


Pasul 8: Acțiune! (Script)

Indiferent dacă codificați pe cronologie sau dacă folosiți o clasă de documente, va trebui să efectuați unele importuri:

 // importați clasele Google Analytics de import com.google.analytics.AnalyticsTracker; import com.google.analytics.GATracker;

De asemenea, în codul dvs., creați o nouă instanță a instrumentului AnalyticsTracker:

 var tracker: AnalyticsTracker = nou GATracker (acest lucru, "UA-XXXXXX", "AS3", adevărat);

Parametrii sunt: ​​stadiul, codul UA, modul actionscript 3, debuggerul vizual activat / dezactivat. Lăsați-le pe toate așa cum le-am stabilit, în afară de codul UA pe care va trebui să le schimbați pentru propria dvs. Setați ultimul parametru la fals când ați terminat cu fazele de testare, ca atunci când Adevărat acesta va crea o suprapunere peste fișierul SWF ca în exemplul de mai sus.

Testați acest lucru prin adăugarea unui ascultător și a unui handler pentru un eveniment clic pe unul dintre clipurile video sau butoanele:

 myMc.addEventListener (MouseEvent.CLICK, onClick);
 function onClick (eveniment: MouseEvent): void // face clientii dumneavoastra fericiti. // utilizați 'event.target.name' în loc de 'event.target' // acesta va afișa 'myMc' în loc de [object myMc], ceea ce este evident o ieșire mai bună. Var mySelection: String = event.target.name; tracker.trackPageview ("galerie =" + alegerea mea); 

Aici folosim trackPageview () funcţie. Utilizați acest lucru pentru scopuri de navigare. Puteți adăuga un șir, astfel încât clientul dvs. să știe ce parte este urmărită. În acest caz, urmărim ce galerie a fost declanșată. Deci, copiați și inserați acest cod peste tot unde doriți să urmăriți interacțiunile dvs. și dați un șir de date ușor de înțeles.

De exemplu, dacă aveți un buton "apel la acțiune" pe scenă pentru a atrage clienți potențiali noi, puteți scrie:

 tracker.trackPageview ("Închiriez-mă");

... în modulul Handler pentru evenimentul clic pentru respectivul buton. Sau dacă doriți să urmăriți de câte ori au citit renunțarea la răspundere:

 tracker.trackPageview ( "Disclaimer");

Sunt sigur că ai idee.


Pasul 9: Urmărirea evenimentelor

Utilizați urmărirea evenimentelor dacă doriți să urmăriți ce eveniment video sau MP3 este redat sau când îl întrerupeți - lucruri de genul acesta. Este de fapt pentru orice acțiune care nu reprezintă deschiderea unei "pagini".

Codul arată astfel:

 trackEvent (categorie, acțiune, etichetă);

De exemplu:

 tracker.trackEvent ("videoclipuri de profil", "joacă", "primul videoclip: introducere");

În plus, puteți adăuga un al patrulea parametru. Aceasta poate reprezenta orice valoare doriți, dar trebuie să fie un număr întreg (număr întreg). De exemplu, este posibil să doriți să indicați exact momentul în care videoclipul a fost întrerupt.

Acest lucru este minunat pentru a vedea cât de bine funcționează streamingul sau descărcarea pentru vizitatorii dvs. (nu toți au conexiuni de Internet de vârf):

 var currentTime: Date = data nouă (). // obține timpul curent // încărcați videoclipul aici var readyToRoll: Date = new Date (). time - currentTime; // a lua timp pentru a încărca video tracker.trackEvent ("clipuri video de profil", "redarea videoclipului", "video 1/3: introducere", readyToRoll);

Pasul 10: Vedeți datele din Google Analytics

Accesați http://google.com/analytics/settings/ și faceți clic pe numele contului dvs. În dreptul numelui dvs. de domeniu, faceți clic pe Vizualizare raport.

Aici veți vedea o cronologie. (Vă rugăm să rețineți: în funcție de timpul de răspuns al serverului dvs. poate dura ceva timp înainte ca datele să fie stocate, dar nu ar trebui să dureze prea mult.) Selectați datele pentru momentul testării utilizând calendarul din partea dreaptă sus:

Găsiți Prezentarea generală a conținutului; aici puteți vedea ce evenimente sau butoane au fost declanșate:

După cum puteți vedea, așa cum am explicat câțiva pași înapoi, event.target.name afișează un nume "frumos" precum "/ gallery = galerie 1", în timp ce event.target se întoarce ceva de genul "[object picture1]"

Dacă faceți clic pe unul dintre aceste linkuri - de exemplu, "/ gallery = gallery2" - veți putea vedea informații detaliate, cum ar fi rezoluția pe ecran a utilizatorilor dvs., atunci când alegeți o opțiune din meniul drop-down.

Există o sursă de informații profundă și bogată în aproape fiecare ramură a modulului Google Analytics. Este aproape imposibil să le enumerăm pe toate. Nu vă temeți; uita-te in jur si vezi ce date poti oferi clientilor si dumneavoastra.


Pasul 11: Eliminați-vă din statistici utilizând filtrele

Este o idee bună să vă filtrați propriul comportament; în caz contrar, vă va oferi date incorecte, deoarece probabil veți testa acest lucru în detaliu.

Puteți face acest lucru prin filtrarea tuturor activităților provenite de la adresa dvs. IP - deși vă rugăm să rețineți că acest lucru va funcționa numai dacă aveți o adresă IP statică. Există o mulțime de documente în fișierele de ajutor; Nu pot să acop aici. Consultați http://www.google.com/support/googleanalytics/bin/answer.py?hl=ro&answer=55481

Filtrele pot fi, de asemenea, utile din alte motive. Iată câteva informații suplimentare: http://www.google.com/support/googleanalytics/bin/topic.py?hl=ro&topic=11091


Pasul 12: Sfârșitul este începutul ...

În acest sfat rapid am acoperit doar o fulg de zăpadă pe vârful aisbergului a ceea ce puteți face cu acest API uimitor. Este o scurtă trecere în revistă a celor două funcții cele mai benefice cu care ne confruntăm pentru a îmbunătăți site-urile noastre și pentru a corespunde dorințelor clienților noștri.

De asemenea, puteți seta obiective predefinite, utilizatori de grup care (de exemplu) utilizează monitoare pe ecran lat, bazează-vă pe Google Analytics pe cuvinte-cheie din motorul de căutare și așa mai departe. Pentru clienții dvs., puteți trimite un e-mail cu rapoarte zilnice, săptămânale sau lunare (ca xml, PDF sau alte formate) sau chiar să le oferiți acces la pagina dvs. Google Analytics. Dacă doriți mai multe informații, vă rugăm să întrebați în comentarii!


Opiniile mele despre motoarele de căutare prietenoase pe site-urile Flash

Deși este util să citiți și să urmăriți interacțiunile vizitatorilor dvs., acest lucru este un drum lung de la utilizarea Flash într-o lume prietenoasă cu SEO. Te-am încălzit pentru optimizarea designului site-ului și pentru a vă concentra pe Return of Investment, dar nu suntem încă acolo.

Un pas bun următor ar fi să privim în cadrul Gaia și să folosim configurația sa puternică pentru a lucra cu bătăi de cap și de deplinking. Acest lucru vă va permite să urmăriți paginile individuale ale proiectului dvs. de site și în combinație cu noua dvs. magie Google Analytics învățată, sunt sigur că nu numai clienții dvs. vor zâmbi.

Nota editorului: Avem câteva tutoriale Gaia aliniate, nu vă îngrijorați;)

Am lucrat timp de peste 10 ani în lumea designului grafic și nu am avut niciodată prea multă putere să știu exact ce doresc clienții și vizitatorii mei. Adesea îmi place să-i spun "marketing gratuit și cercetare de pe desktop". (Dacă vă întrebați de ce site-ul meu nu utilizează această tehnologie, bineînțeles ... Sper să relanseze până la jumătatea anului 2010 * consumă cafea *)

Sper că acest lucru deschide noi porți pentru tine și îți mărește setul de abilități. Noroc si sa te distrezi!

Cod