15 de julio de 2009

Flex, Flash y Google Analytics

 

Recientemente el equipo de desarrollo y yo estuvimos conversando sobre google analytics (GA), yo había visto un post donde hablaban sobre cómo hacer tracking de contenido Flash y Flex (que es al final lo mismo) en GA, decidimos implementarlo y bueno buscando el post viejo sobre GAforFlash empecé a aplicarlo.

Les echo el cuento rapidito de cómo usarlo, y también les voy a dejar mi clase llamada AnalyticsService.as que está lista para usar después de todo esto, aja:

1. Bájense el archivo gaforflash-1.0.1.319.zip que está aquí http://files.getdropbox.com/u/592105/gaforflash-1.0.1.319.zip

2. Cuando se hayan bajado el archivo, lo descomprimen y lo instalan en su proyecto le dan propiedades -> Flex BuildPath -> LibraryPath -> AddSwc.. y buscan lo el directorio donde descomprimieron el zip y seleccionan lib/anaylitics.swc el otro es para flash.

3. Listo, ya está ahora se bajan mi clases, que es una clase con un método estático sencillo para no tener que instanciar la clase cada rato http://files.getdropbox.com/u/592105/AnalyticsService.as simplemente accedemos a ella de la siguiente manera

Esta línea es del evento show de mi modulo

<Module id="lo quesea" show="{AnalyticsService.trackPage('/home')}"/>

4. Y listo, eso es todos.. estoy esperando que sea mañana a ver si funcionó. :D Luego les comento...

Saludos, cualquier comentario pues nada, lo hacen saber.



Para los que hablan english, aquí esta el link original http://code.google.com/intl/es/apis/analytics/docs/tracking/flashTrackingSetupFlex.html

9 de julio de 2009

The CSS type Selector '$$$' was not processed, because the type was not used in the application.

Hola a todos... este warning es la cosa que más detesto en el flex builder... explico un poco que pasa con ese warning...

Cuando creamos nuestra hoja de css y tenemos selectores de tipo (type selectors) es decir aquellos que se van a aplicar a todos los componentes del mismo tipo por ejemplo un Button, o un Alert

Button{ color: #00000; }

Alert {color: #00000;}

Esos, son type selectors... que pasa: si dentro de nuestra aplicación principal .MXML NO hacemos referencia a ningún Button o Alert, en los problems nos va a aparecer unos hermosos Warnings que dicen:

The CSS type selector 'Button was not processed, because the type was not used in the application.    Dashboard/src    Dashboard.mxml    line 42    1247154055453    184589

The CSS type selector 'Alert' was not processed, because the type was not used in the application.    Dashboard/src    Dashboard.mxml    line 42    1247154055453    184589

Solución

Googleando la encontré... Hay dos maneras la primera no me funcionó que es buscar el flex-config.xml que está en mi caso C:\Program Files\Adobe\Flex Builder 3 Plug-in\sdks\3.3.0\frameworks ahí... y buscar la línea que dice

<!-- Run the AS3 compiler in a mode that detects legal but potentially incorrect -->
<!-- code.                                                                       -->
<show-ActionScript-warnings>true</show-ActionScript-warnings> y luego cambiarla a false...

(eso a mi no me funcióno.. me aparecen igual los warnings)

La segunda opción (que si me funcionó) es poner dentro de los parametros de compilación de nuestro proyecto la siguiente líena..

-compiler.show-unused-type-selector-warnings=false

Para los  que no saben donde está eso.. dentro del flex navigator le dan botón derecho a su mouse, y seleccionan Properties al final.. de ahí en las opciones de la izquierda seleccionan Flex Compiler.. pegan la línea en el cuadro que dice Additional Compiler Arguments..

Y listo.. No más Warnings de type selectors..

Otra solución:

No creen en sus hojas de estilos selectores de tipo, sino clases de estilos..

.button{ color="#00000"}

o Button.ButtonColorBlack {color="#00000}

Saludos espero les sirva...