Несмотря на ограниченные возможности 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-страниц будут учитываться в аналитических счётчиках.
Поделиться ссылкой: