Instalação de várias tags em um site

Às vezes, pode ser necessário colocar diversas tags numa página de uma só vez. Da mesma forma, você pode posicionar o código de incorporação da imagem, que é usado quando o JavaScript está desabilitado, dentro de um único elemento noscript.

Caso esteja instalando diversas tags, conecte a Reprise de Sessão apenas a uma tag especificada no código.

Para inicializar uma tag, use o parâmetro ssr.

<!-- Yandex Metrica tag -->
<script type="text/javascript">
    (function(m,e,t,r,i,k,a){
        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
        m[i].l=1*new Date();
        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=XXXXXXXXX', 'ym');

ym(XXXXXXXXX, 'init', {ssr:true, webvisor:true, clickmap:true, accurateTrackBounce:true, trackLinks:true});

    (function(m,e,t,r,i,k,a){
        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
        m[i].l=1*new Date();
        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=YYYYYYYYY', 'ym');

ym(YYYYYYYYY, 'init', {ssr:true, clickmap:true, accurateTrackBounce:true, trackLinks:true});

</script>
<noscript>
  <div>
    <img src="https://mc.yandex.ru/watch/XXXXXXXXX" style="..." alt="" />
  </div>
  <div>
    <img src="https://mc.yandex.ru/watch/YYYYYYYYY" style="..." alt="" />
  </div>
</noscript>

<!-- Yandex Metrica tag -->

Aqui, XXXXXXXX e YYYYYYYY são as IDs das tags Yandex Metrica.

Snippet de código sem o parâmetro ssr
<!-- Yandex Metrica tag -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

ym(XXXXXXXX, "init", {clickmap:true, trackLinks:true, accurateTrackBounce:true});
ym(YYYYYYYY, "init", {clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor: true});

</script>
<noscript>
  <div>
    <img src="https://mc.yandex.ru/watch/XXXXXXXX" style="..." alt="" />
    <img src="https://mc.yandex.ru/watch/YYYYYYYY" style="..." alt="" />
  </div>
</noscript>
<!-- Yandex Metrica tag -->

Aqui, XXXXXXXX e YYYYYYYY são as IDs das tags Yandex Metrica.

Como combinar tags com diferentes versões de código

Caso haja várias tags instaladas em uma página e uma delas carregue com o parâmetro ssr: true, algumas combinações de configurações podem causar problemas na Reprise de Sessão.

Vamos supor que haja duas tags configuradas em uma mesma página:

  • A tag XXXXXXXX foi instalada com o parâmetro ssr: true. Nas configurações dessa tag, a Reprise de Sessão está desabilitada.
  • A tag YYYYYYYY foi instalada de maneira padrão e utiliza carregamento deferido, por exemplo com a função setTimeout. Nas configurações dessa tag, a Reprise de Sessão está habilitada.

Nesse caso, a Reprise de Sessão não irá funcionar em ambas as tags devido a um processo específico de carregamento do código:

  1. O código da primeira tag é gerado no servidor (como determinado pelo parâmetro ssr: true). Aqui, as configurações da interface do Yandex Metrica determinam se a Reprise de Sessão será carregada ou não.
  2. A Reprise de Sessão está desabilitada nas configurações do Yandex Metrica, portanto o arquivo de tag tag.js carregado não contém o módulo da Reprise de Sessão.
  3. A segunda tag será carregada após a primeira. Se o código de inicialização não tiver o parâmetro ssr: true, ele carregará o mesmo arquivo tag.js que foi gerado para a primeira tag.
  4. Consequentemente, tag.js não irá conter o código da Reprise de Sessão e não há como a Reprise de Sessão funcionar.

Para garantir que a Reprise de Sessão funcione corretamente na tag YYYYYYYY:

  1. Habilite a Reprise de Sessão nas configurações da tag XXXXXXXX.
  2. Adicione o parâmetro webvisor: false ao código de inicialização da tag XXXXXXXX.

Neste caso, tag.js irá conter o código da Reprise de Sessão, mas o parâmetro webvisor: false impedirá que a Reprise de Sessão seja executada na primeira tag.

Exemplo de código para a tag XXXXXXXX:

ym(XXXXXXXX, "init", {
    ssr: true,
    webvisor: false,
    // outros parâmetros
});

Fale conosco

Escrever um e-mail

Caso não tenha conseguido checar a tag de forma independente, siga as recomendações abaixo.

Isso pode acontecer pelos seguintes motivos:

  • A tag está instalada de maneira incorreta. Por exemplo, o CMS modificou o código da tag. Reinstale a tag ou entre em contato com o serviço de suporte do seu CMS.
  • Scripts inoperantes estão impedindo que a tag Yandex Metrica funcione no site. Isso pode ser verificado no console do navegador.
As recomendações não ajudaram

Isso significa que as informações estão sendo transmitidas para o Yandex Metrica. No entanto, os dados podem não estar sendo exibidos nos relatórios por algum dos seguintes motivos:

  • Os dados são enviados com um número diferente para uma tag.
  • A aba Filtros das configurações da tag está definida com filtros excessivamente restritivos. Remova filtros desnecessários.
  • A aba Filtros das configurações da tag está com o filtro Não contabilizar minhas sessões habilitado. Isso significa que a tag não registra as suas próprias sessões. Tente acessar o site com o navegador no modo "anônimo".
As recomendações não ajudaram

Links úteis

Treinamento online
Anterior
Instalação e configuração de tag em sites AJAX e Flash
Seguinte
Instalação e configuração de tag em Artigos Instantâneos do Facebook