---
metadata:
- name: generator
content: Diplodoc Platform v5.50.6
alternate:
- https://yandex.com.tr/support/metrica/en/code/install-counter-amp.md
- https://yandex.com.tr/support/metrica/es/code/install-counter-amp.md
- https://yandex.com.tr/support/metrica/pt/code/install-counter-amp.md
- https://yandex.com.tr/support/metrica/ru/code/install-counter-amp.md
- https://yandex.com.tr/support/metrica/tr/code/install-counter-amp.md
title: Instalação de contador em site com AMP
description: Como instalar uma tag em um site com AMP.
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/support/metrica/pt/llms.txt
# Instalação e configuração de tag em site com AMP
O contador do Yandex Metrica executa JavaScript. Se você instalar o código da tag em um site que usa [Páginas Móveis Aceleradas](https://amp.dev/about/how-amp-works/) (AMP), as páginas do site não vão passar na [validação](https://validator.ampproject.org/). Isso ocorre porque a tecnologia AMP restringe o uso de JavaScript e HTML5. Para contornar esse problema, é possível instalar a tag de uma maneira especial.
{% note info %}
Observe que, neste caso, as seguintes funcionalidades do Yandex Metrica não serão suportadas: [E-commerce](https://yandex.com.tr/support/metrica/pt/ecommerce/about.md), [Reprise de Sessão](https://yandex.com.tr/support/metrica/pt/webvisor/info.md) e rastreamento de cliques no [botão Compartilhar](https://yandex.com.tr/support/metrica/pt/content/share-button.md).
{% endnote %}
## Habilitação de tag em site com AMP {#how-to}
{% note alert %}
Os sites que utilizam a tecnologia de Páginas Móveis Aceleradas (AMP) não conseguem coletar dados de análise de conteúdo.
{% endnote %}
Faça alterações no código HTML das páginas do seu site:
1. O rastreamento de ações do usuário em sites com AMP utiliza o componente adicional [amp-analytics](https://amp.dev/documentation/components/amp-analytics/?format=websites). Adicione-o ao código da sua página, no interior do elemento `head`:
```javascript
...
...
```
1. Edite o elemento `body`: adicione o elemento `amp-analytics`. Para que os dados da sessão sejam transmitidos para o Yandex Metrica, defina o atributo `type` para o valor `metrika`, e use a variável `counterId` para definir o número do contador.
```javascript
...
...
```
## Transmissão de dados {#data}
{% note alert %}
Quando o usuário abre uma página AMP, o Yandex Metrica registra uma [visualização](*pageview) (`pageview`). Isso significa que você não precisa transmitir esse evento para o Yandex Metrica. Se você o enviar, os relatórios do Yandex Metrica mostrarão um número errado de visualizações de página.
{% endnote %}
Para transmitir dados quando a tag for inicializada, use:
- A variável [yaParams](https://yandex.com.tr/support/metrica/pt/data/visit-params-data.md) para enviar parâmetros de sessão.
- Os atributos de [triggers](https://amp.dev/documentation/components/amp-analytics/?format=websites#triggers) para transmitir eventos, como conclusões de objetivo.
### Envio de parâmetros de sessão e parâmetros de usuário {#params}
Exemplo de transmissão de [parâmetros de sessão](https://yandex.com.tr/support/metrica/pt/data/visit-params-data.md) e [parâmetros de usuário](https://yandex.com.tr/support/metrica/pt/data/user-params-data.md) personalizados durante uma sessão, usando a variável yaParams:
```javascript
...
"vars": {
"counterId": "XXXXXX",
"yaParams": "{\"key\":\"value\",\"__ymu\":{\"user_param_key\":\"user_param_value\"}}"
},
...
```
Você também pode transmitir apenas os parâmetros de sessão, ou apenas os parâmetros de usuário:
{% list tabs %}
- Parâmetros de sessão
```javascript
...
"vars": {
"counterId": "XXXXXX",
"yaParams": "{\"key\":\"value\"}"
},
...
```
- Parâmetros de usuário
```javascript
...
"vars": {
"counterId": "XXXXXX",
"yaParams": "{\"__ymu\":{\"user_param_key\":\"user_param_value\"}}"
},
...
```
{% endlist %}
### Taxa de rejeição precisa {#bounce}
Para obter a taxa de rejeição exata, use o atributo de acionamento [timer](https://amp.dev/documentation/components/amp-analytics/?format=websites#timer-trigger):
```javascript
{
...
"triggers": {
"notBounce": {
"on": "timer",
"timerSpec": {
"immediate": false,
"interval": 15,
"maxTimerLength": 14
},
"request": "notBounce"
},
...
}
}
```
### Conversão {#goal}
Para rastrear a conclusão de objetivos quando um elemento específico da página for clicado, use o atributo de acionamento [click](https://amp.dev/documentation/components/amp-analytics/?format=websites#click-trigger).
```javascript
{
...
"triggers": {
"someGoalReach": {
"on": "click",
"selector": "#Button",
"request": "reachGoal",
"vars": {
"goalId": "superGoalId",
"yaParams": "{\"key\": \"value\"}" // Quando o objetivo for concluído, o valor da variável do evento será usado para os parâmetros de sessão
}
},
...
}
}
```
#|
||
**Campo**
|
**Tipo**
|
**Descrição**
||
||
`goalId`
|
String
|
O identificador de objetivo definido durante a criação de um objetivo de [evento JavaScript](https://yandex.com.tr/support/metrica/pt/general/goal-js-event.md) na interface do Yandex Metrica.
||
|#
### Rolagem de página {#scroll}
É possível usar o atributo de acionamento [scroll](https://amp.dev/documentation/components/amp-analytics/?format=websites#scroll-trigger) para registrar a rolagem até um ponto específico da página (um percentual da altura da página). Você pode definir esse evento como objetivo.
```javascript
{
...
"triggers": {
"halfScroll": {
"on": "scroll",
"scrollSpec": {
"verticalBoundaries": [
50
]
},
"request": "reachGoal",
"vars": {
"goalId": "halfScrollGoal"
}
},
"partsScroll": {
"on": "scroll",
"scrollSpec": {
"verticalBoundaries": [
25,
90
]
},
"request": "reachGoal",
"vars": {
"goalId": "partsScrollGoal"
}
},
...
}
}
```
### Rolagem de feed infinito {#next-page-scroll}
Pode-se usar um feed infinito para visualizar artigos sequencialmente. Para registrar cliques de artigo para artigo e visualizações individuais, use o acionador [amp-next-page-scroll](https://amp.dev/documentation/components/amp-next-page/#analytics).
```javascript
{
...
"triggers": {
"trackScrollThrough": {
"on": "amp-next-page-scroll",
"request": "pageview"
},
...
}
}
```
### Carregamento de elemento de página individual {#visible}
Use o atributo de acionamento [visible](https://amp.dev/documentation/components/amp-analytics/?format=websites#page-and-element-visibility-trigger) para registrar quando os elementos de uma página são exibidos na tela do usuário.
### Exemplo genérico do código da tag {#general-amp}
Este exemplo de código é fornecido apenas para ilustrar as possibilidades da tag. Ao copiá-lo, exclua os comentários (//<…>), substitua XXXXXXXX pelo número da sua tag e faça outras alterações conforme necessário (por exemplo, configure a transmissão de parâmetros de usuário e parâmetros de sessão).
```
...
...
```
### Saiba mais
- [Informações gerais para integração de ferramentas de análise em site com AMP](https://github.com/ampproject/amphtml/blob/master/extensions/amp-analytics/integrating-analytics.md)
[Fale conosco](https://yandex.com.tr/chat/#/user/036e6a02-3620-9cdc-4c5e-a34667a7379e?utm_source=spravka){.button}
- - -
#|
||
Links úteis
- [Tag de demonstração](https://metrica.yandex.com.tr/r/dashboard?)
- [Adicionar uma tag](https://metrica.yandex.com.tr/add/)
- [Configuração gratuita de tag](https://yandex.com.tr/promo/freeservice/metrica?utm_source=help_metrica_tr&utm_medium=cpc&utm_campaign=1)
- [API do Yandex Metrica](https://tech.yandex.com.tr/metrika/)
- [Sugerir uma idea](https://yandex.com.tr/support/metrica/troubleshooting/idea.html)
- [Debater no Telegram](https://t.me/yandexmetrika)
|
Treinamento online
- [Obter um certificado do Yandex Metrica](https://yandex.ru/adv/expert/exam/metrika/?utm_source=metrika_help&utm_medium=web&utm_campaign=static&utm_content=useful_links)
- [Fazer um curso](https://yandex.com/adv/edu/online/metrika?utm_source=metrika_help&utm_medium=web&utm_campaign=static&utm_content=useful_links)
||
|#
[*pageview]: Carregamento de uma das páginas do site quando o usuário a acessa. Visualizações de página também incluem recarregamentos de página, atualizações de sites AJAX e envio de dados usando o [método hit](https://yandex.ru/support/metrica/objects/hit.html).
[*goal_id]: **Tipo**
String
**Descrição**
O identificador de objetivo definido durante a criação de um objetivo de [evento JavaScript](https://yandex.ru/support/metrica/general/goal-js-event.html) na interface do Yandex Metrica.
{% included (../_includes/popup/id-qanda/check2-2.md) %}
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.
{% endincluded %}