Analytics.JS - Todo analista deve ter um bom conhecimento em duas habilidades principais para se tornar um especialista no campo da análise digital. Uma estatística e o outro JavaScript.

JavaScript é a linguagem de programação mais útil.

Todas as medidas ou tags são escritas em JavaScript. JavaScript é usado para ter um controle sobre o comportamento de HTML, CSS e navegadores da web.

O Google analytics.js é uma biblioteca JavaScript usada para avaliar como os usuários interagem com seu site. Esta é uma biblioteca herdada. Se você estiver usando o Google Analytics, use a biblioteca de rastreamento mais recente analytics.js.

Como adicionar analytics.js ao seu site

Existem três maneiras de adicionar JavaScript a um documento HTML.

  • JavaScript embutido
  • JavaScript incorporado
  • JavaScript externo

A maneira mais fácil de começar com o analytics.js é adicionar o código ao modelo do seu site. O script deve ser adicionado à tag e o código de rastreamento deve ser fornecido no lugar da string do Google Analytics que você deseja rastrear.

JavaScript embutido

O JavaScript embutido é o adicionado à tag HTML

Por exemplo

…

'Clique' neste exemplo é um manipulador de eventos usado no JavaScript embutido.

JavaScript incorporado

O JavaScript incorporado é adicionado ao documento HTML. Ele usa a tag, mas sem o atributo 'src'.

Um exemplo simples é dado abaixo

função greet () (

alerta ('oi);

)

O texto da fonte em itálico é código JavaScript.

JavaScript externo

JavaScript externo é adicionado ao documento HTML usando a tag com o atributo src.

Exemplo é

tipo de script = ”text / javascript” src = ”minescript.js“>

O JavaScript externo é o melhor método a ser usado, pois possui as seguintes vantagens sobre os outros dois métodos.

  1. Não interfere com os outros códigos da página
  2. É fácil de manter, entender e usar
  3. Pode acelerar o tempo de carregamento das páginas

Também é possível fazer personalizações no snippet de rastreamento de JavaScript. O código que carrega o analyticcs.js e inicia a função ga () não deve ser alterado.

O que o snippet de rastreamento faz?

Ao adicionar um dos snippets de rastreamento mencionados acima, você pode obter visualizações de página para cada página visitada pelos usuários. O Google analytics pode fornecer informações sobre

  • O tempo gasto em cada usuário no seu site
  • O tempo gasto por cada usuário em cada página e em que ordem eles navegaram entre as páginas
  • Quais são os links internos que foram clicados pelos usuários

Quando um novo rastreador é criado usando o analytics.js, ele é usado para descobrir o seguinte

  • Localização geográfica do usuário
  • Por qual sistema operacional ou navegador eles acessaram seu site
  • Qual é o tamanho da tela e se eles instalaram Java ou Flash
  • O site de referência

Instruções JavaScript

A instrução JavaScript é uma instrução executada pelos navegadores da web. Cada instrução JavaScript deve terminar com um ponto e vírgula. O código de rastreamento do Google Analytics contém várias instruções JavaScript. Um exemplo é dado abaixo.

Ordem de execução

As instruções JavaScript são executadas de cima para baixo na ordem em que são gravadas.

Se a ordem for alterada, o código se comportará de maneira diferente ou deixará de funcionar.

JavaScript e espaços em branco

JS ignora vários espaços em branco. É sempre recomendável adicionar espaços ao redor dos operadores para aumentar a legibilidade do código. Espaços extras, se usados ​​em uma string, podem criar problemas.

Comentários em JavaScript

Os comentários são usados ​​para adicionar uma nota a um JavaScript. Existem 2 tipos principais - Comentário de linha única e linha múltipla.

O comentário de linha única começa com duas barras. um exemplo é dado abaixo

ga ('criar', 'UA-XXXX-Y', 'automático'); // cria um rastreador

O comentário de várias linhas começa com / * e termina com * /. um exemplo é dado abaixo

Comentários também são usados ​​para impedir que uma instrução seja executada.

Variáveis ​​JavaScript

Criar variável em JavaScript é conhecido como declarar uma variável. Variáveis ​​são usadas para armazenar valores. As variáveis ​​podem ser criadas em JavaScript usando a palavra-chave 'var'. É recomendável criar variáveis ​​no início de um código.

var_gaq; // cria uma variável e denomina _gaq

Você também pode atribuir um valor à variável. Para usar o valor da variável, você deve usar o nome da variável sem incluí-lo entre aspas. Se você incluí-lo entre aspas, será considerado como uma sequência.

Nomeando variáveis ​​JavaScript

Existem seis recursos importantes de nomes de variáveis ​​no JavaScript

  • Eles diferenciam maiúsculas de minúsculas

var pagetracker;

var Pagetracker;

  • Os nomes das variáveis ​​podem ser alfanuméricos

var alpha46;

  • Espaços não são permitidos em um nome de variável

var primeiro nome = 'Nirmal'; // inválido

  • Recomenda-se usar letras minúsculas para nomes de variáveis
  • Caracteres especiais não são permitidos em um nome de variável, exceto $ e sublinhado

var primeiro nome = "Nirmal"; // hífen não é permitido

var_first name = "Peter"; // sublinhado é permitido

  • O nome da variável não pode começar com um número

var 46alfa;

  • O nome da variável não pode ser um nome de palavra-chave
  • É melhor usar sublinhado ou caixa de camelo para separar palavras no nome da variável

Palavras-chave JavaScript

Palavra-chave é uma palavra que possui um significado especial

A seguir, estão algumas das palavras-chave usadas no JavaScript

  • var
  • função
  • Retorna
  • para
  • verdade
  • falso
  • E se

Valores JavaScript

Variáveis ​​são usadas para armazenar valores de qualquer tipo de dados. Pode incluir o seguinte tipo de dados

  • Valor numérico
  • Valor da cadeia
  • Valor booleano
  • Valor Indefinido
  • Valor nulo
  • Matriz
  • Objeto
  • Matriz de objetos

Strings em JavaScript

String é uma série de caracteres de qualquer tamanho. As strings devem ser escritas entre aspas simples ou duplas.

var name = 'Nirmal Sharma';

Uma sequência pode ser qualquer caractere, incluindo espaços em branco. Os números também são considerados como uma sequência se forem incluídos entre aspas simples ou duplas.

Você pode usar barra invertida para usar aspas dentro de uma sequência que correspondam às aspas fora da sequência.

Matrizes JavaScript

Matriz é uma variável especial que é usada para armazenar vários elementos de tipos de dados iguais ou variados.

As matrizes podem ser cadeias, valores numéricos, valores indefinidos, valor booleano, outras matrizes ou objetos.

A matriz pode ser criada usando a função 'nova matriz ()' ou através da notação literal da matriz.

Exemplos estão listados abaixo

var bus = nova matriz ();

var bus = ();

Objetos em JavaScript

Objeto é outra variável especial que contém propriedades e métodos. A propriedade objeto pode ser uma sequência ou identificador.

Datalayer é um exemplo de matriz com um ou mais objetos. A sintaxe para criar objetos é mencionada abaixo

ObjectName = ('property10': value10, 'property11 ′: value11, … ..' propertyN ': valueN);

Funções em JavaScript

Função é um conjunto de códigos que é usado para executar uma tarefa específica quando é executada. Uma função precisa ser chamada para ser executada. A palavra-chave usada para criar uma função no JavaScript é 'function'.

A estrutura para criar a função é a seguinte

função (parâmetro1, parâmetro2, ….) (

Instrução Java Script 10

Instrução Java Script 11

Instrução Java ScriptN

)

Parâmetros são nomes listados para definir uma função. Argumentos são os valores para chamar uma função específica.

Função 'ga'

'ga' é a função integrada do Google Analytics '. Ele executa muitas tarefas no Google Analytics. O primeiro argumento da função 'ga' é um comando. É explicado na figura abaixo

Cada função possui apenas um número específico de parâmetros que podem ser adicionados.

Cada função pode aceitar apenas determinado tipo de dados.

Pontos importantes a serem lembrados

  • Use estrutura ou organização correta para todas as funções
  • Use apenas os métodos ou funções ativos encontrados
  • Nunca adicione aspas desnecessariamente
  • Consulte a documentação

Como o analytics.js funciona

  • A fila de comandos ga

A função ga também é chamada de fila de comandos, pois não executa os comandos imediatamente e adiciona os comandos à fila para executá-lo até que a biblioteca esteja totalmente carregada.

No JavaScript, as funções também são conhecidas como objetos, pois também contêm propriedades. O snippet de rastreamento define a propriedade aq na função ga () que atua como uma matriz vazia.

  • Incluindo comandos na fila

Todas as chamadas para a fila de funções ga () compartilham um recurso comum. O comando que atua como o primeiro parâmetro é uma sequência que ajuda a identificar um método analytics.js específico. Qualquer parâmetro adicional é considerado como argumento que passa pelo método.

O termo método aqui indica um método global como 'create' ou um método de instância como 'send'. Se a fila de comandos ga () obtiver algum comando, ela automaticamente chamará a função ga (), pois não retornará nenhum erro.

  • Parâmetros de comando

A maioria dos comandos e métodos no analytics.js aceita parâmetros em um tipo diferente de formato. Isso facilita a passagem de campos comumente usados ​​para métodos específicos.

Por exemplo, tome os dois comandos abaixo

ga ('criar', 'UA-XXXXX-Y', 'automático');

ga ('send', 'pageview');

No primeiro comando 'create', ele aceita os campos 'trackingId', 'cookieDomain' e 'name'. No segundo comando 'send', ele aceita o segundo parâmetro hitType como uma opção.

Todos os comandos executam um parâmetro 'fieldsObject' que pode ser usado para especificar qualquer campo.

Criando rastreadores

Rastreadores são objetos que podem coletar e armazenar dados. Em seguida, ele pode enviar esses dados para o Google Analytics. Para criar um novo rastreador, você deve especificar um ID de rastreamento e um domínio de cookie que serão usados ​​para especificar como os cookies precisam ser armazenados.

Se, para um domínio específico, não existir um cookie, para esse domínio, um novo ID de cliente será criado e armazenado no cookie. Aqui o usuário é reconhecido como novo. Se já existir um ID de cliente para esse domínio, o usuário será reconhecido como retornando.

Uma vez criados, os objetos rastreadores começam a coletar informações sobre o conteúdo da navegação, como o título da página e o URL, a resolução da tela, o tamanho da janela de exibição e outros. Mais tarde, quando surgir a necessidade, o rastreador envia todas as informações armazenadas para o Google Analytics.

  • Método de Criação

O Analytics.js oferece maneiras diferentes de criar rastreadores, mas a maneira mais usada é o comando 'create' e os campos de ID de rastreamento e domínio de cookie são usados ​​como segundo e terceiro parâmetros. um exemplo é dado abaixo

ga ('criar', 'UA-XXXXX-Y', 'automático');

  • Nomeando rastreadores

Você pode nomear o rastreador usando o campo name como o quarto argumento no comando create. É necessário nomear o rastreador quando houver mais de um rastreador em uma única página. Um rastreador sem um campo de nome é conhecido como rastreador padrão e é alocado internamente com o nome "t0".

ga ('criar', 'UA-XXXXX-Y', 'automático', 'myTracker');

Especificando campos no momento da criação

Outro objeto Campos também pode ser adicionado, o que permite definir qualquer um dos campos no momento da criação. Eles serão armazenados no rastreador e aplicados a todos os hits enviados. O objeto fields pode ser usado para especificar todos os campos enquanto chama as funções ga ().

Trabalhando com vários rastreadores

Onde houver mais de um proprietário para um site, você precisará enviar dados para várias propriedades de uma única página. Nesses casos, você precisa criar dois rastreadores separados e um deve ser um rastreador nomeado.

Para executar os comandos de um rastreador específico, você deve sempre prefixar o nome do comando com o nome do rastreador, que deve ser seguido por um ponto. O comando para enviar exibições de página é fornecido abaixo

ga ('send', 'pageview');

ga ('clientTracker.send', 'pageview');

Dicas importantes para lembrar sobre o Código de acompanhamento do Google Analytics

  • Cada página do seu site deve conter o GATC (código de acompanhamento do Google Analytics)
  • Você não deve copiar e colar o GATC de nenhum documento
  • Recomenda-se evitar a personalização do GATC, pois ele quebrará o código e, como resultado, o código deixará de funcionar
  • Tente evitar o uso de várias versões do código GATC, pois ele não é confiável para os usuários. Use a versão única do GATC em uma página de cada vez.
  • Insira o GATC dentro da seção principal da página do seu site.
  • Certifique-se de adicionar o GATC correto que pertence a esse site específico
  • Mesmo se você colocar o GATC em um arquivo externo, o Google Analytics coletará os dados
  • Depois que o código GATC é executado, ele envia uma resposta HTTP ao servidor do GA

Conclusão

Agora sabemos como começar facilmente com o analytics.js. Também há muito mais a explorar sobre o analytics.js. As informações coletadas podem ser usadas para melhorar suas campanhas de marketing e desenvolver seu site para fornecer a melhor experiência do usuário.

Artigo recomendado

  1. HTML5 vs Flash - o que é melhor
  2. Conceitos de programação - um guia perfeito para novos programadores
  3. Quais são os benefícios e limitações do uso de Python?
  4. 6 coisas que seu software de análise está escondendo de você

Categoria:

Desenvolvimento de software