A solução de instrumentação automática universal da web do mtracker é compatível com páginas para PC e H5 móvel. O recurso relata automaticamente dados de instrumentação com base em propriedades de tag e abrange eventos de visualização de página, clique em e exposição em páginas H5 móveis.
O mtracker oferece três tipos de instrumentação. Antes de configurar a instrumentação universal, consulte a tabela abaixo para entender o funcionamento de cada tipo e identificar quais exigem configuração adicional:
|
Tipo de instrumentação |
O que captura |
Acionador |
|
Evento de abertura sempre que uma página carrega |
Automático — nenhum código necessário |
|
|
Cliques em botões e links na página |
Baseado em tag (automático) ou chamada manual de JavaScript (JS) |
|
|
Segmentos de conteúdo que se tornam visíveis na viewport |
Chamada manual de JS |
Instrumentação de visualize de página
Após importar o mtracker, o sistema registra automaticamente um evento de visualize sempre que uma página carrega. Não é necessário código adicional.
Instrumentação de clique em
A instrumentação de clique em registra interações em botões e links dentro de uma página. Use a instrumentação baseada em tag (automática) ou um acionador manual via JS.
Instrumentação baseada em tag
Adicione o atributo data-seed a qualquer tag HTML. O mtracker monitora eventos de clique em e registra automaticamente as interações em tags com esse atributo.
-
Rastreamento básico — adicione
data-seedcom um nome de seed exclusivo:<div data-seed="seedname"></div> Código de negócio — adicione
data-biztypepara incluir um valorbizTypeno log junto aoseed:-
Propriedades de extensão — adicione atributos com o prefixo
data-mtr-para anexar metadados extras ao registro doseed. A saída do log remove o prefixodata-mtr-. O exemplo a seguir registra o seed comoseednamecom as propriedades de extensãoextra1=111eextra2=222:Marcação HTML:
<div data-seed="seedname" data-mtr-extra1="111" data-mtr-extra2="222"></div>Propriedades de extensão registradas:
extra1=111^extra2=222
<div data-seed="seedname" data-biztype="xxx"></div>
Acionador manual
Use o método de clique em JS quando a instrumentação baseada em tag não atender ao cenário, como nos casos em que uma única tag precisa registrar eventos diferentes conforme o contexto.
Tracker.click(eventId, options)
Parâmetros
|
Parâmetro |
Tipo |
Exemplo |
Descrição |
|
eventId |
String |
clickseedname |
ID do evento. |
|
options |
Object |
- |
Opções de configure. Contém |
|
options.bizType |
String |
Pay |
Código de negócio. |
|
options.ext |
Object |
|
Parâmetros de extensão. |
Exemplo de código
Tracker.click('clickseedname', { bizType: 'Pay', ext: { productId: 'xxx' } });
Instrumentação de exposição
A instrumentação de exposição registra a exibição de segmentos de conteúdo na página, como a apresentação de um carrossel de imagens.
Chame Tracker.expo() para registrar um evento de exposição:
Tracker.expo(eventId, options)
Parâmetros
|
Parâmetro |
Tipo |
Exemplo |
Descrição |
|
eventId |
String |
exposeedname |
ID do evento. |
|
options |
Object |
- |
Opções de configure. Contém |
|
options.bizType |
String |
Pay |
Código de negócio. |
|
options.ext |
Object |
|
Parâmetros de extensão. |
Exemplo de código
Tracker.expo('exposeedname', { bizType: 'Pay', ext: { productId: 'xxx' } });