Locaweb Style

Documentação

Saiba todas as features que te ajudarão a produzir sistemas mais rapidamente.

Rastreando eventos

Rastreio de eventos automáticos para quem usa o "Analytics" do Google

O que é?

É uma forma de registrar os eventos comuns em projetos que usam o Locastyle. Por exemplo, registramos se a ação está abrindo ou fechando um collapse, se é um link externo ou na página, se está abrindo um modal e etc.

Como usar?

Para que este componente comece a fazer o "tracking" dos eventos, duas coisas são necessárias

  1. Ter o código ga configurado
  2. Inicializar o "tracking"

Inicializando o tracking

Este componente precisa ser inicializado a parte, caso contrário, ele não faz nada.

Há duas maneiras de fazer isto:

Manualmente pelo JS

1

    locastyle.trackEvents.init();

Isto precisa rodar depois que o Locsatyle já foi carregado na página.

Adicionando uma classe CSS na tag html

1

    <html class="ls-trackevent-on">
Classe / Método Descrição
locastyle.trackEvents.init() Método a ser chamado no JS para inicializar o tracking de eventos.
ls-trackevent-on Classe CSS que deve ir na tag HTML para inicializar o tracking de eventos.

ATENÇÃO: Não use as duas maneiras, use apenas uma.

Requisitos

Este componente funciona apenas na versão 3 do Locastyle e suporta apenas o novo analytics, ou "Universal Analytics".

Se você ainda usa o antigo, procure atualizar, existem documentações de como fazer este upgrade.

Opções

Por padrão, o Locastyle vai nomear os atributos de cada evento, são eles: categoria, ação e label.

É possível alterar cada um deles com atributos data-ls-te-[atributo], assim o seu analytics pode ficar organizado da maneira que preferir.

Classe / Atributo Descrição
data-ls-te-category Atributo referente a categoria do evento, pode ir na tag body para ficar genérico da página ou em cada elemento para ficar específico. Caso tenha nos dois, o do elemento terá prioridade.
data-ls-te-action Atributo referente a ação do evento, deve ir na tag do elemento que dispara o evento, normalmente, um link ou um botão.
data-ls-te-label Atributo referente a label do evento, igual ao atributo da ação, deve ir na tag do elemento que dispara o evento, normalmente, um link ou um botão.