Z2000.it - Tutorial Flash CS 3-4-5 AS3 - Google Analytics Flash AS3

In questo tutorial vedremo come inserire le statistiche in un sito Flash per monitorare qualsiasi azione vogliamo.
Grazie all'utilizzo delle API di Google, è molo facile implementarle in qualsiasi sito in pochi minuti.

La prima cosa che dovete fare, se non lo avete ancora, è l'account su Google Analytics

Per fare funzionare Google Analytics è indispensabile avere un codice account. Per visualizzare subito il vostro codice account, accedete nella pagina principale e a fianco del nome del sito vedrete il codice account:

Account Google

Google ha sviluluppato due components (SWC) che possiamo installare nel nostro Flash.
Potete scaricare i components SWC a questo link

Quindi de-zippiamo il file gaforflash-1.0.1.319.zip e cerchiamo la cartella /lib
all'interno troveremo i due SWC:
analytics_flash.swc che implementa il tracking con il component Analytics
analytics.swc che implementa il tracking con il component Analytics

Vediamo come installare i component in Flash CS 3/4/5:
Se abbiamo Flash aperto, dobbiamo chiuderlo.

Creiamo una cartella chiamata "Google" nel seguente percorso:
◦ Per Windows: C:\Program Files\Adobe\ Adobe Flash CS3\language\Configuration\Components
◦ Per Mac OS X: Macintosh HD/Applications/Adobe Flash CS3/Configuration/Components
◦ Per Win7 e CS5: C:\Program Files\Adobe\Adobe Flash CS5\Common\Configuration\Components

Riapriamo Flash e nel pannello componenti ci troveremo i due componenti Google analitycs:

Flash Analytics

Il primo è consigliato a chi non ha dimistichezza col codice.
Basta trascinare il componente nello stage e andare sul pannello proprietà:

Analytics Flash Setting

Dobbiamo inserire solo il codice account di Google Analytics.
Come opzioni possiamo settare il mode (AS3 o Bridge) e il visualizzatore del debug.
Per i programmatori invece è stato realizzato il secondo componente.

Trascinandolo nella libreria potremo accedere alle librerie e importare le Classi.
Inseriamolo nella Document Class con poche righe di codice:

package
{

import com.google.analytics.AnalyticsTracker;
import com.google.analytics.GATracker;
import flash.display.MovieClip;
import flash.events.Event;
import flash.events.MouseEvent;

public class Google_Test extends MovieClip
{

          public static var tracker:GATracker;
          private const ACCOUNT_GOOGLE_ANALYTICS:String = "GA-6586216-1";

          public function Google_Test():void
         {

             tracker = new GATracker(stage, ACCOUNT_GOOGLE_ANALYTICS, "AS3", false );

             buttGoogle.addEventListener( MouseEvent.CLICK, onButtonClick );

}

private function onButtonClick (event:Event ):void
{

tracker.trackPageview("/test_google_flash");

}

Dobbiamo solo inserire nella costante ACCOUNT_GOOGLE_ANALYTICS il nostro account Google
Possiamo mettere la funzione tracker.trackPageview("/path") sui pulsanti o su qualsiasi evento che vogliamo monitorare.
Il path è quello che ci apparirà nelle nostre statistiche.

Tutte le istruzioni e il reference (in inglese) su Code Google

Scarica i file di questo tutorial (FLA, As, Componenti): Donwload Tutorial

Leggi articoli o scrivi commento: Post di questo Tutorial

Flash CS 3/4/5 Tutorial: Inseriamo le statistiche Google Analitycs in Flash