Google Analytics para Flex
Para aqueles como eu, amantes dos produtos Google, e querem utilizar o Google Analytics em todos os sistemas, segue aqui uma forma fácil de integra-lo com o Flex.
- Crie um novo Website Profile para conseguir uma nova Web Property ID.
- Faça o download do zip contendo o swc em http://code.google.com/p/gaforflash/downloads/list
- Copie o analytics.swc para a pasta /libs do seu projeto.
O Exemplo abaixo, comentado possui um TabNavigator que possui sua navegaçaõ integrada com uma conta minha do Google Analytics.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
creationComplete="init()">
<mx:Script>
<![CDATA[
import com.google.analytics.components.FlexTracker;
/**
* váriavel global para o Analytics
*/
private var tracker:FlexTracker
/**
* Executa quando a aplicação é carregado
*
* Nesta função criamos uma nova instancia,
* passamos as configurações
* e chamamos o registro inicial
*/
private function init():void
{
// Nova instancia do Analytics para o Flex
tracker=new FlexTracker()
// passando a conta que você deve ter criado
// para o prjeto
tracker.account='UA-4869081-3'
// Define que o modo é para AS3
tracker.mode="AS3"
/*
* Visualizar o debug no projeto,
* para saber se esta funcionando
*
* Em projeto em produção, definir
* tracker.visualDebug=false
*/
tracker.visualDebug=true
// Registra o acesso inicial
tabnavigatorChange();
}
/**
* Executa quando uma aba é alterada
*
* Neste método é chamado quando iniciamos a aplicação
* e quando a alteramos entre as abas.
*/
private function tabnavigatorChange():void
{
/*
* O método trackPageview recebe uma String contendo a url acessada
* Esta url deve começar com "/" e seguido do endereço a ser registrado
*
* Neste caso estou enviando o valor do label da aba selecionada,
* substituindo o espaço por underline
*/
var itemView:String='/' + tabnavigator1.selectedChild.label.replace( ' ', '_' )
tracker.trackPageview( itemView )
}
]]>
</mx:Script>
<mx:TabNavigator id="tabnavigator1"
x="31" y="43" width="380" height="423"
change="tabnavigatorChange()">
<mx:HBox label="Aba 1" width="100%" height="100%"
horizontalAlign="center">
<mx:Text text="Esta é a aba 1."/>
</mx:HBox>
<mx:HBox label="Aba 2" width="100%" height="100%"
horizontalAlign="center">
<mx:Text text="Esta é a aba 2."/>
</mx:HBox>
<mx:HBox label="Aba 3" width="100%" height="100%"
horizontalAlign="center">
<mx:Text text="Esta é a aba 3."/>
</mx:HBox>
<mx:HBox label="Aba 4" width="100%" height="100%"
horizontalAlign="center">
<mx:Text text="Esta é a aba 4."/>
</mx:HBox>
</mx:TabNavigator>
</mx:Application>
Veja o exemplo funcionando abaixo. Veja que ele possui diversos itens que foram adicionados devido a termos definido tracker.visualDebug=true.
Código fonte disponível aqui.
Você pode seguir todas as respostas a esta entrada através do RSS 2.0 feed. Você pode deixar um comentário, ou colocar um link em seu site.


Ei eduardo qual a função que eu utilizo se eu quiser colocar um botão para fechar em uma aba dessa????
tipo eu quero colocar um botão fechar ‘para fechar a aba’ lá ao lado do nome “aba 1″ como e que eu faço????
@Caio
No caso poderia ser, idDoTabNavigatior.removeChildAt(0);
Mas esse existe um componente chamado SuperTabNavigator, que faz isso que você quer.Dê uma olhada que você vai gostar
ei eduardo eu estou com a mesma duvida do caio….
so que num deu para mim entender com a explicação do rafael tem como vc manda uma demostração pro meu e-mail so para mim esclarecer essa duvida?????
flw
@Victor @Caio
Para isso utilize o componente SuperTabNavigator presente na biblioteca do FlexLib. http://code.google.com/p/flexlib/
http://code.google.com/p/flexlib/source/browse/trunk/src/flexlib/containers/SuperTabNavigator.as
olá,
Gostaria de saber se do jeito que você fez as abas, eu condigo fazer gráfico no flex com esta ferramenta???
você poderia me responder?
Muito Obrigada,
Rafaela Gomes
Você pode usar o Google Analytics em qualquer ambiente ou sistema. Apenas chame tracker.trackPageview( “URL” ) alterando a “URL” pelo item que queiras salvar