Настройка аналитики для AMP-страниц

Несмотря на ограниченные возможности 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-страницы.

Создание контейнера в Менеджере тегов Google
Выбор типа контейнера – AMP
Получение кода GTM для вставки в 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-страниц будут учитываться в аналитических счётчиках.

Поделиться ссылкой: