O acionador de visibilidade do elemento do Gerenciador de tags do Google é disparado quando um elemento selecionado é exibido na janela de visualização do navegador da Web. Os eventos que exibem um elemento incluem carregamentos de página, rolagens, quando uma guia do navegador foi movida para o primeiro plano ou rotinas programáticas que afetam a posição ou a visibilidade do elemento.
Para configurar um acionador de visibilidade do elemento:
- Clique em Acionadores Novo.
- Clique em Configuração do acionador e escolha o tipo Visibilidade do elemento.
Use o menu Método de seleção para escolher se quer selecionar os elementos usando um atributo "ID" ou um seletor de CSS:
- Código: seleciona um único elemento com base no valor do atributo "ID" de um elemento.
- Seletor de CSS: seleciona um ou mais elementos com base em um padrão de seletor de CSS especificado.
Você também terá estas opções para determinar com que frequência um acionador será disparado:
- Uma vez por página: o acionador só será disparado uma vez por página. Se vários elementos de uma determinada página corresponderem ao código ou seletor de CSS, o acionador só será disparado na primeira vez que um elemento estiver visível. Se o usuário atualizar a página ou acessar uma nova, o acionador será redefinido e poderá ser disparado novamente com base na visibilidade do elemento selecionado.
- Uma vez por elemento: o acionador só será disparado uma vez por elemento selecionado por página. Se vários elementos de uma determinada página corresponderem a um seletor de CSS, esse acionador será disparado na primeira vez em que cada um deles for exibido. Caso vários elementos de uma página tenham o mesmo código, apenas o primeiro elemento correspondente irá disparar esse acionador. No entanto, se a opção Acompanhar alterações do DOM estiver ativada nas configurações avançadas, e vários elementos na página tiverem o mesmo código, essa opção poderá causar outro disparo do acionador caso uma alteração acompanhada do DOM remova o primeiro elemento correspondente. Se o usuário atualizar a página ou acessar uma nova, o acionador será redefinido e poderá ser disparado novamente com base na visibilidade do elemento selecionado.
- Toda vez que um elemento aparecer na tela: o acionador será disparado toda vez que um elemento correspondente for exibido, seja de forma programática ou por interação do usuário.
Opções avançadas
-
Porcentagem mínima visível: por padrão, pelo menos metade do elemento precisa estar na tela para que o acionador seja disparado. Aqui você pode especificar um percentual diferente do elemento selecionado que precisa ficar visível na tela antes do disparo.
-
Definir duração mínima na tela: marque essa caixa de seleção para especificar por quanto tempo um elemento selecionado precisa ficar visível na tela (com a porcentagem mínima visível especificada) antes do disparo do acionador. Por padrão, essa opção fica desativada, e o acionador é disparado quando um elemento selecionado é exibido.
Observação: o tempo na tela de um elemento selecionado é cumulativo por visualização de página. Ou seja, se um elemento fica visível por 5.000 milissegundos, deixa de ser exibido e, depois, fica visível novamente por outros 5.000 milissegundos, o tempo total na tela será de 10.000 milissegundos. Se o usuário atualizar a página ou acessar uma nova, o acionador e o tempo serão redefinidos.
-
Acompanhar alterações do DOM: marque essa caixa de seleção para ativar o acionador e acompanhar os elementos correspondentes que são exibidos como as alterações do DOM.
Quando um acionador de visibilidade do elemento é disparado, as variáveis a seguir são preenchidas automaticamente:
-
Porcentagem visível: um valor numérico (de 0 a 100) que indica qual parte do elemento selecionado estará visível quando o acionador for disparado.
-
Tempo na tela: um valor numérico que indica por quantos milissegundos o elemento selecionado estará visível quando o acionador for disparado.