Как отслеживать ускоренные мобильные страницы (AMP) в Google ***ytics
В феврале 2016 года Google начал выводить ускоренные мобильные страницы (AMP) в новостном блоке мобильного поиска. Вебмастера обратили внимание на этот промоушн AMP HTML и напрямую спросили Джона Мюллера, станут ли ускоренные мобильные страницы новым фактором ранжирования. Представитель Google ответил, что пока использование AMP — просто плюс для ранжирования на мобильных устройствах, и только. Глобальная цель проекта AMP от Google — увеличение производительности мобильного интернета. Так что корпорация вряд ли откажется от дальнейшего развития ускоренных мобильных страниц, и если вы еще не начали работать с AMP HTML, то это стоит сделать в ближайшее время.
Что такое AMP?
AMP (Accelerated Mobile Pages, ускоренные мобильные страницы) — проект от Google и Twitter, запущенный в октябре 2015 года. Основным средством его реализации служит AMP HTML, формат для максимального ускорения загрузки страниц на телефонах и любых мобильных устройствах с медленным интернет-соединением. По сути, АМР HTML — это урезанный HTML, со специальным набором тегов и JS библиотекой. АМР-страницы сохраняются в кеше Google и при медленном соединении загружаются на устройство пользователя прямо из кеша. Таким образом Google выступает как огромная CDN сеть для страниц вашего сайта. Элементы АМР-страницы подгружаются последовательно, по мере прокрутки страницы, что также повышает скорость загрузки для конечного пользователя. Интересно, что рекламные баннеры от AdSense, Google Менеджера рекламы и нескольких других рекламных сетей закешируются вместе со страницей и будут показаны посетителю. Авторы блога Moz прозвали АМР «диетическим HTML», так как на ускоренных мобильных страницах следует убрать все «лишнее». Именно поэтому для АМР-страниц предложена альтернатива стандартным вариантам установки отслеживания аналитики.
Установить Google ***ytics для Accelerated Mobile Page
Для отслеживания данных аналитики на сайте проекта АMP в стандартном наборе тегов доступен элемент amp-pixel с функционалом подсчета количества просмотров страниц. Но он не передает данные напрямую в Google ***ytics. Поэтому для работы с Google ***ytics мы будем использовать элемент amp-***ytics из расширенных компонентов Accelerated Mobile Pages.
1. Для включения функционала отслеживания аналитики добавляем строку в head:
<script async=\"\" custom-element=\"amp-***ytics\" src=\"https://cdn.ampproject.org/v0/amp-***ytics-0.1.js\"></script>После этого подключаем JS библиотеку AMP:
<script async=\"\" src=\"https://cdn.ampproject.org/v0.js\"></script>2. В body страницы добавляем элемент “amp-***ytics” с атрибутом type=“google***ytics”. Так что данные внутри тега будут переданы в систему GA. Также рекомендуется для каждого элемента добавлять уникальный id в рамках текущей страницы. В примере это ***ytics1, но можно использовать любой другой.
Обратите внимание: если вы используете другие системы сбора аналитики, например Adobe ***ytics, Chartbeat, замените значение атрибута type на указанное в спецификации amp-***ytics.3. Лучше создать в Google ***ytics отдельный ресурс только для AMP-страниц. Идентификатор этого ресурса будет использован при настройке передачи данных об AMP в GA (смотри в примерах кода ниже).
4. Разместить внутри тега amp-***ytics код ниже, указав идентификатор ресурса GA для АМР страниц. Пример кода для отслеживания просмотров страниц:
<script type=\"application/json\">{ \"vars\": { \"account\": \"UA-XXXXX-Y\" // Указать идентификатор нового ресурса GA из п.3 }, \"triggers\": { \"trackPageview\": { \"on\": \"visible\", \"request\": \"pageview\" } }}script>Этот скрипт обрамляем строками: Это только базовый код для сбора данных о просмотрах страниц. Тег amp-***ytics позволяет отправлять не только данные о просмотрах страниц (pageview), событиях (event) или социальных взаимодействиях (social interaction), но и передавать пользовательские параметры или любые другие значения на уровне hit через Measurement Protocol. Если вам нужно передавать более широкий спектр данных — ознакомьтесь со справкой по АМР от Google.
Что еще нужно знать об ускоренных мобильных страницах
На одной АМР-странице можно использовать несколько тегов amp-***ytics для разных систем аналитики. Но авторы проекта Accelerated Mobile Pages рекомендуют помнить, что чем проще АМР-страница, тем лучше для пользователей. Не стоит использовать теги, в которых нет необходимости. В механизм кеширования АМР страниц от Google встроена система валидации для проверки работоспособности страниц. Обязательно проследите, чтобы ваши АМР-страницы были реализованы без ошибок. В ином случае они не будут закешированы Google и показаны пользователям.
Проверить, пройдет ли страница валидацию, можно по ссылке.
Функционал АМР HTML существенно ограничен. AMP рекомендуется использовать для контентных проектов или отдельных информационных страниц. Если есть сомнения, подойдут ли вашему сайту ускоренные мобильные страницы, — ознакомьтесь с перечнем доступных расширенных компонентов АМР. Для известных CMS, таких как Wordpress, уже есть готовые плагины по созданию ускоренных мобильных страниц. Используете ли вы ускоренные мобильные страницы для своего проекта? Какие пробовали плагины, и есть ли в них встроенное отслеживание аналитики? Пишите в комментариях.
Комментарии:
Если вам нужно быстро изменить небольшой объем контента на сайте без доступа к CMS, можно воспользоваться GTM. Как именно, читайте дальше....
02 11 2026 19:20:54
О ловушке медиа, Стивене Пинкере и почему в любой ситуации важно оставаться оптимистом....
01 11 2026 2:48:55
При создании рекламы на украинском мы завоевываем большую долю рынка без повышения цены за клик....
31 10 2026 4:57:13
Пять примеров дизайна, который помогает продавать в рассылках. Просто любуемся и тренируем насмотренность....
30 10 2026 17:57:43
Заимствуете лучшее, коллекционируйте идеи и не откладывайте тестирование фишек в долгий ящик...
29 10 2026 21:34:59
Давайте больше не будем сливать бюджет, выбирая неправильный параметр....
28 10 2026 9:22:10
Отличный кейс Ольги Костовой. Увеличивая бюджет на рекламу вдвое, вы начинаете заpaбатывать не вдвое больше, а в 2.5, 3 и так далее раз больше. На примере кейса показываем, как это происходит. Читать дальше....
27 10 2026 8:37:12
Перед нами стояла цель увеличить поисковый трафик и видимость, не охватывая новые города. Через 8 месяцев после старта сотрудничества сайт переносили на новый front-end. Узнать больше!...
26 10 2026 12:44:43
Фильтруем свой трафик от сотрудников в Google ***ytics...
25 10 2026 11:57:54
Руководство к действию от основателя Netpeak Group....
24 10 2026 14:51:23
К чему стоит относиться с особенным вниманием при отправке рассылок. Грамматические ошибки, тема, прехедер и другие стратегически важные составляющие письма. Узнать больше!...
23 10 2026 7:35:27
Комaнда Serpstat проанализировала стратегии продвижения лидеров ниши онлайн-образования. Читайте о главных инсайтах в посте....
22 10 2026 15:40:22
Основатель Depositphotos и Clashot Дмитрий Сергеев рассказал нам о базовых правилах ведения бизнеса на западном рынке....
21 10 2026 23:43:40
Устраняем причины, по которым пользователи покидают сайт без покупки....
20 10 2026 5:35:18
Как получить больше конверсионного трафика из поиска и не выйти за рамки KPI? Запустите SNDS-кампании...
19 10 2026 19:27:10
Как обезопасить себя от интернет-пиратов и защитить авторское право онлайн....
18 10 2026 16:43:11
Создание успешного стартапа в нише телемедицины. Без дополнительных трат увеличил за 6 месяцев доход на 1983%, а клиентскую базу — более чем на 1000%....
17 10 2026 3:25:11
Как перенести сайт с http на https и сохранить трафик, потратив минимум времени....
16 10 2026 3:18:57
Дизайн макета сайта должен полностью соответствовать представлениям о готовом ресурсе. Создать его можно с помощью онлайн-сервисов, стационарных программ либо через HTML-код...
15 10 2026 0:32:13
Психологический бестселлер. Как достичь гармонии во всех делах и начать получать удовольствие от жизни, — об этом читайте в новой рецензии Константина Рябенко на книгу Михая Чиксентмихайи «Поток»....
14 10 2026 17:57:29
Таблица общих для Google и Яндекс микроформатов инсайде...
13 10 2026 1:33:10
Как нарисовать круговую или столбчатую диаграмму. Избавляемся от популярных ошибок при оформлении...
12 10 2026 18:49:16
Пример использования пакета google***yticsR от Марка Эдмондса...
11 10 2026 5:21:10
Оставить заявку на горячей линии МОЗ — это только вершина айсберга. Необходимо провести опрос среди сотрудников компании. И не один. А ещё подготовить несколько помещений для вакцинации и отдыха. Узнать больше!...
10 10 2026 13:34:50
Как грамотно раскрутить пиццерию. Сняли фильтр и достигли хороших результатов....
09 10 2026 7:42:56
Ситема управления проектами, которой пользуются в Netpeak....
08 10 2026 13:22:38
Где искать информацию, как составить контент-план, писать тексты быстро и легко, а затем продвигать их. Собрали для вас подборку постов о разных этапах работы с контентом....
07 10 2026 19:18:28
Мы решили определить и раскрыть самые популярные вопросы по работе нового алгоритма Google Колибри...
06 10 2026 3:20:57
Как найти продавцов для маркетплейса с помощью рекламы в Google, Facebook, TikTok и Viber....
05 10 2026 8:35:35
Как перенести рекламные кампании из адвордс в директ, используя только Google Editor и Директ Коммaндер? Делимся быстрым и эффективным методом...
04 10 2026 22:35:12
Что нужно знать перед запуском рекламы в мессенджерах....
03 10 2026 20:24:55
Обидно терять сохраненные достижения. Почему падает трафик из поисковых систем и как это исправить...
02 10 2026 20:35:59
Слорварь сленга, без которого к 25-летним не подходи...
01 10 2026 18:39:27
5 кейсов отлично иллюстрируют правила юзабилити и находки веб-аналитиков....
30 09 2026 3:42:25
Flash онлайн объявлений в формат HTML5: нововведение гугл рекламы...
29 09 2026 8:54:22
Мы уже писали о Google Shopping, в каких странах он доступен и как его настроить. В этом посте я покажу один из способов создания и загрузки фида данных. Это важный этап подготовки к запуску Google Shopping...
28 09 2026 1:17:51
Образец товарного фида можно использовать при запуске динамических объявлений в поисковой сети Яндекса и Google, в кампаниях со смарт-баннерами в Яндекс.Директ, в динамических медийных кампаниях Google Рекламы, в товарной рекламе — с помощью Google Merchant Center....
27 09 2026 14:50:33
Как завоевать Instagram, задавая правильные цели и вопросы. Также в статье делимся табличкой лучшего времени постинга для различных тематических публикаций. Узнать больше!...
26 09 2026 15:45:41
Опыт коллег и их рекомендации — самая ценная валюта в арбитраже. Давайте объединим усилия и составим актуальный рейтинг СРА-сетей Украины....
25 09 2026 8:36:31
Опыт удаленки стартапа lemlist. Как сотрудники работали онлайн в доковидные времена и совмещали профессиональную деятельность с тимбилдингом. Читайте в коротком посте Владимира Поло, основателя AcademyOcean....
24 09 2026 2:33:56
Публикуем рецензию на новое издание Брайана Клифтона. Несмотря на узкую специализацию, эта книга стала бестселлером на Amazon и уже переведена на 5 разных языков. Стоит отметить, что две предыдущие редакции «Google ***ytics для профессионалов» успешно ис...
23 09 2026 9:50:30
Офис Netpeak в Харькове официально открыт! В этом посте, вместо игры на фанфарах, мы на собственном примере рассмотрим, что нужно для создания регионального отделения в разгар кризиса....
22 09 2026 10:54:43
Какие шаги стоит сделать, чтобы обойти ямы профессионального влогинга и как заработать на его вершинах...
21 09 2026 18:21:53
Работа велась с конца августа прошлого года до конца декабря и включила в себя анализ рынка, конкурентов, целевой аудитории, поиск инсайта, разработку стратегии, подготовку медиаплана, создание промо-сайта и само проведение рекламной кампании, в котором б...
20 09 2026 2:24:41
Примеры инновационных проектов. Нескучная рецензия на интересную книгу....
19 09 2026 20:52:11
Пока вы не осознаете причины, почему вам выгодно не хвалить, забудьте про качественную обратную связь и максимальную включенность комaнды. Фишки управления собой, людьми и проектами....
18 09 2026 3:56:12
Нашим решением было трaнcлировать хотя бы часть опыта спикеров 8P, составив дайджест лучших, на их взгляд, кейсов, о которых они узнали за этот год....
17 09 2026 10:21:37
Как говорят легенды, на создание дизайна этих носочков Sammy Icon вдохновили рисунки на стенах храма Темпло Майор в древнем городе Теночтитлан. К сожалению, город сейчас разобрали перуанские строители, но память о нем осталась в киевских носках...
16 09 2026 12:52:44
Рассказываем, как обменять свои деньги на действительно полезные знания....
15 09 2026 23:27:55
Продажа климатического оборудования. Кейс о проекте, который продвигался у нас на услуге «продвижение по позициям» и не демонстрировал хороших результатов как по росту трафика, так и по продажам, не смотря на высокие места в выдаче. Узнать больше!...
14 09 2026 14:42:21
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
