Como configurar o Firebase Analytics usando Cordova, Ionic ou Phonegap

"Firebase Google Analytics com Cordova"

O problema

Oficialmente, o Firebase Analytics foi lançado para funcionar com Android e iOS, portanto não há documentação explicando como fazer funcionar com o Cordova, mas é isso que vamos fazer!

Adicione o plugin

Graças a linda comunidade, um desenvolvedor chamado Arnesson criou um plugin do Firebase para o Cordova, e esse plugin dá suporte ao recurso Analytics, porém o repositório não explica muito bem como configurar, eu tive que perder quase um dia para aprender a fazer isso.

Adicione o plugin ao seu projeto:

cordova plugin add cordova-plugin-firebase@0.1.20 --save

Acesse o console do Firebase https://console.firebase.google.com, dentro do seu projeto, clique em Analytics e adicione os dois aplicativos, na versão Android você irá obter um arquivo chamado google-services.json e na versão iOS o arquivo será o GoogleService-Info.plist. "Passo a passo dentro do Firebase"

Habilitar o Firebase Analytics para Android

Copie o arquivo google-services.json para o diretório principal do projeto, para Android é só isso (risos).

Habilitar o Firebase Analytics para iOS

Como tudo no iOS é mais complicado, vamos precisar fazer mais alguns passos, o primeiro é também copiar o arquivo GoogleService-Info.plist para o diretório principal do projeto.

Instale o Cocoapods

Para que o Analytics funcione, precisamos usar o gerenciador de dependencias do Swift ou Objective-C chamado cocoapods.

sudo gem install cocoapods

Adicione a plataforma iOS

Agora que temos o cocoapods instalado, vamos primeiro adicionar a plataforma ios ao projeto:

cordova platform add ios

E agora vamos inicializar os arquivos de configuração do cocoapods, para isso, acesse o diretório da plataforma ios, <nome_projeto> -> platforms -> ios e execute:

pod init

Adiciona a linha das dependencias

Dentro do diretório da plataforma iOS, agora existe um arquivo chamado Podfile, adicione o Pod do Firebase nesse arquivo:

pod 'Firebase'

Ainda no diretório da plataforma, agora execute o comando para instalar as dependencias no projeto:

pod install

Configure a variável POD_ROOT

"Configuração no XCode"

Último passo: adicione o AdSupport library

Você deve adicionar também a biblioteca AdSupport, com o Xcode aberto no seu projeto, faça:

  1. No seu projeto Xcode, selecione o destino.
  2. Selecione a aba Geral para o destino.
  3. Expanda a seção Frameworks e bibliotecas vinculadas.
  4. Clique em + para adicionar um framework.
  5. Selecione AdSupport.framework.

Pronto, win \o/

Agora é só enviar seu app para a loja e acompanhar gradualmente o Analytics no painel do Firebase, espero ter ajudado, eu realmente queria muito usar o Analytics desde que lançou, porém como não tem muita documentação para Cordova, fiquei perdido, espero que tenha lhe ajudado ;)

Ionic ou Phonegap

Se você tá desenvolvendo com Ionic ou Phonegap acredito que os passos serão os mesmos, afinal, todos são Cordova.