Несмотря на ограниченные возможности AMP-страниц (на сегодняшний день), их аналитика также важна, как и для полноценного сайта. Это касается и сайтов компаний, и интернет-магазинов, и статейных сайтов.
В данной статье рассмотрим вставку аналитических счётчиков в AMP-страницы.
В разметке страницы счётчики вставляются после закрывающих тегов /header (то есть после «шапки» сайта) или /footer (то есть после «подвального» блока).
Шаблон вставки счётчика Google Analytics
<amp-analytics id="cnt1" type="googleanalytics">
<script type="application/json">{"vars":{"account":"UA-XXXXXXXXX-Y"},"triggers":{"trackPageview":{"on":"visible","request":"pageview"}}}</script>
</amp-analytics>
Шаблон вставки счётчика Яндекс Метрика
<amp-analytics id="cnt2" type="metrika">
<script type="application/json">{"vars":{"counterId":"AAAAAAAA"},"triggers":{"notBounce":{"on":"timer","timerSpec":
{"immediate":false,"interval":15,"maxTimerLength":16},"request":"notBounce"}}}</script>
</amp-analytics>
Шаблон вставки счётчика Рейтинг Mail.ru
<amp-analytics id="cnt3" type="topmailru">
<script type="application/json">{"vars":{"id":"BBBBBBB"}}</script>
</amp-analytics>
Шаблон вставки счётчика Rambler TOP-100
<amp-analytics id="cnt4" type="top100">
<script type="application/json">{"vars":{"pid":"CCCCCCC"}}</script>
</amp-analytics>
Важное замечание
В type необходимо указывать именно так:
- для Google Analytics — googleanalytics
- для Яндекс Метрики — metrika
- для Рейтинга Mail.ru — topmailru
- для Rambler TOP 100 — top100
и никак иначе!
id счётчика может быть произвольным.
Вставка контейнера Google Tag Manager
В GTM необходимо зарегистрировать контейнер для AMP-страниц и дать ему название. После этого получаем код для вставки в AMP-страницы.
В GTM можно подключить счётчик Google Аналитики.
Для этого необходимо выполнить два несложных действия:
Создать пользовательскую переменную типа Переменная AMP, а в Имени переменной AMP прописать идентификатор счётчика
Создать тег с типом Google Аналитика — Universal Analytics. В идентификаторе отслеживания в двойных квадратных скобках прописать наименование переменной, которое было дано в названии переменной AMP. Например, если переменная называется Google Analytics ID, то в идентификатор прописать {{Google Analytics ID}}. Тип отслеживания задать Просмотр страницы. В Триггере активации задать All Pages — Просмотр страницы (то есть все AMP-страницы).
Затем необходимо сохранить и опубликовать
Плагины для WordPress
На движке WordPress для реализации AMP-страниц используются плагины, один из самых популярных — одноимённый плагин AMP. В нём предусмотрена вставка счётчиков аналитики.
Здесь достаточно вставить код счётчика по шаблонам
Google Analytics
Тип: googleanalytics
ID: присвоится автоматически после сохранения
Конфигурация JSON:
{
"vars": {
"account":"UA-XXXXXXXXX-Y"
},
"triggers": {
"trackPageview": {
"on":"visible",
"request":"pageview"
}
}
}
UA-XXXXXXXXX-Y — это id счётчика Google Analytics
Яндекс Метрика
Тип: metrika
ID: присвоится автоматически после сохранения
Конфигурация JSON:
{
"vars": {
"counterId": "AAAAAAAA"
},
"triggers": {
"notBounce": {
"on": "timer",
"timerSpec": {
"immediate": false,
"interval": 15,
"maxTimerLength": 16
},
"request": "notBounce"
}
}
}
AAAAAAAA — это id счётчика Яндекс Метрики
Рейтинг Mail.ru
Тип: topmailru
ID: присвоится автоматически после сохранения
Конфигурация JSON:
{
"vars": {
"id": "BBBBBBB"
}
}
BBBBBBB — это id счётчика Майл.ру
Rambler TOP-100
Тип: top100
ID: присвоится автоматически после сохранения
Конфигурация JSON:
{
"vars": {
"pid": "CCCCCCC"
}
}
CCCCCCC — это id счётчика Рамблера
Пример на скриншоте
Таким образом, посещения AMP-страниц будут учитываться в аналитических счётчиках.
Поделиться ссылкой:
