Как отслеживать ускоренные мобильные страницы (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, уже есть готовые плагины по созданию ускоренных мобильных страниц. Используете ли вы ускоренные мобильные страницы для своего проекта? Какие пробовали плагины, и есть ли в них встроенное отслеживание аналитики? Пишите в комментариях.
Комментарии:
Как понять, что именно нравится подписчикам в вашей рассылке...
22 06 2025 2:17:12
Бренду нужно зайти на Фейсбук? Несколько очень полезных советов об измерении эффективности SMM....
21 06 2025 12:36:57
Как написать годный кейс и победить страх чистого листа...
20 06 2025 7:16:19
Инструкция по технической подготовке к продвижению...
19 06 2025 4:22:33
Полезный ликбез для новичков и бизнесменов: анкорные и безанкорные ссылки. Чем отличаются, зачем нужны, какое влияние оказывают на раскрутку сайта в интернете? Узнать!...
18 06 2025 20:16:39
Минусовки это не только про эстраду. Какой метод кросс-минусовки ключевых слов лучше?...
17 06 2025 19:39:52
Перед нами стояла цель увеличить поисковый трафик и видимость, не охватывая новые города. Через 8 месяцев после старта сотрудничества сайт переносили на новый front-end. Узнать больше!...
16 06 2025 10:23:53
«Настольная» методичка для предпринимателей и маркетологов....
15 06 2025 22:44:56
Как и зачем мигрировать со старой на новую версию API на языке R. С пакета RAdwords на rgoogleads. Руководство от Алексея Селезнева. Читать дальше!...
14 06 2025 12:45:20
На украинском рынке услуг велик выбор качественных платформ. Главное понимать, как правильно проводить миграцию....
13 06 2025 19:31:11
Заимствуете лучшее, коллекционируйте идеи и не откладывайте тестирование фишек в долгий ящик...
12 06 2025 13:33:17
Участники Netpeak Cluster поделились своими инсайтами....
11 06 2025 10:26:45
Всё, что важно узнать о лидогенерации и работе с целевой аудиторией....
10 06 2025 9:29:38
Продвижение бытовой техники в социальных сетях: кейс с целями и задачами, механикой конкурса, выбором целевой аудитории, концепции и условий, а также итогами акции с цифрами по количеству постов, участников и ростом узнаваемости бренда...
09 06 2025 5:32:36
Как добиться 100% пользы от контекстных объявлений с помощью расширений...
08 06 2025 10:27:26
Идеи для интернет-маркетологов, как получить дополнительные каналы трафика и сделать заметным сниппет в поисковой выдаче....
07 06 2025 9:11:12
Почему важно знать детали создания и защиты уникального контента? Потому что это позволит защитить ваш сайт от санкций поисковых систем из-за неуникального контента...
06 06 2025 11:46:13
Помимо полезного и качественного продукта, услуги, компании нужен мощный маркетинг. И возможно это только благодаря хорошему директору по маркетингу. Только так это работает. Кто лучшие в этой нише в Казахстане? Узнать!...
05 06 2025 6:39:57
Краткая инструкция для новичков. Структура сайта, внутренняя перелинковка, юзабилити, контент, оптимизация тегов и заголовков, HTTPS, скорость загрузки сайта, mobile friendly и другие. Узнать больше!...
04 06 2025 23:19:52
Инсайты Диви Конф 2021, онлайн-конференции о видеомаркетинге....
03 06 2025 0:22:15
«Что такое диджитал и чем это отличается от услуги продвижения в социальных сетях» — о цифровой стратегии, креативных концепциях и том, как это все происходит в крупных агентствах....
02 06 2025 13:26:53
+ таблица с примерами использования каждой функции....
01 06 2025 21:38:10
Как вести рекламные кампании и что делать на разных этапах настройки. Делимся опытом: примерами, кейсами и рекомендациями. Узнать больше и настроить свои РК, как боженька!...
31 05 2025 9:41:36
Как эффективно распределять бюджет и ресурсы на обучение сотрудников. Статья будет полезной для собственников бизнеса и HR-специалистов....
30 05 2025 1:39:34
Лайфхаки, как упростить работу с соцсетями от специалиста агентства Netpeak и ежедневной работы SMM-специалиста. Телеграм-боты, которые облегчат рутину и сэкономят время. Узнать больше!...
29 05 2025 20:26:23
Руководитель отдела HR, Ольга Пачесная, написала пост о главном — людях, которые выбрали работу в Netpeak....
28 05 2025 16:16:10
9 тревожных признаков того, что ваши подчиненные могут выгореть и уволиться. Обратите внимание и, возможно, не придется терять ценных для компании людей....
27 05 2025 8:38:36
Выдержка из интервью Дэнни Салливаном с представителями компаний Google и Bing...
26 05 2025 17:29:47
С каждым годом китайские маркетплейсы увеличивают свое влияние, и покупатели всё активней заказывают товары из Поднебесной. Но не всё скидки да покупки — обладатели интернет-аудитории и маркетологи могут еще и хорошо заработать на этих площадках....
25 05 2025 5:35:52
Продолжаем уроки по Google ***ytics для новичков. Сегодня рассмотрим основные моменты, касающиеся отчетов....
24 05 2025 10:40:48
Как поможет Regex Engines в работе с Google ***ytics и преимущества использования Regex в Диспетчере тегов Google. Узнать больше....
23 05 2025 11:23:23
Многие расширения Google Chrome предназначены для изучения иностранных языков, позволяют сохранять историю переводов и отдельные слова в словарь для дальнейшего запоминания....
22 05 2025 17:38:28
Что такое App Store optimization и как раскручивать мобильные приложения...
21 05 2025 17:38:32
Гифка — это зациклиненное видеоизображение, рисунок-ролик, крохотный фильм, без которого трудно представить современный сайт. Как быстро создавать гифки и получать профит....
20 05 2025 19:39:42
1 — меняй работу внутри работы, 2 — выбери то, что нравится больше всего и старайся делать это чаще, 3 — придумай себе развлечения. Подробности — в посте. Читать дальше....
19 05 2025 8:21:13
Email-маркетинг — хороший полицейский, спам — плохой....
18 05 2025 17:26:26
Раньше покупка фолловеров, лайков, репостов строго осуждалась. Сегодня это обычное дело. Всё больше сервисов предлагают по приемлемой цене купить репутацию в соцсетях: от лайков в Instagram до фолловеров в твиттере. Покупка фолловеров аукнется мне в будущ...
17 05 2025 13:40:40
Образец чек-листа по созданию форм заказа на сайте интернет-магазина...
16 05 2025 2:25:29
Активно юзая Google Tag Manager, узнали много нового о dataLayer и методах отслеживания статистики в Google ***ytics для SPA-сайтов и лендингов. Об этом и расскажем...
15 05 2025 22:24:49
Лафхаки для маркетологов и владельцев сайтов на Prom...
14 05 2025 0:29:17
Создаем фид с помощью выгрузки товаров в формате yml и специального скрипта, который сделает всю (почти) грязную работу за вас....
13 05 2025 3:37:52
Партнерская программа — это когда сервис дает партнеру вознаграждение за приведенных клиентов. Получить деньги и/или другие плюшки можно также по реферальной программе. Как это работает? Разбираемся на примерах....
12 05 2025 11:32:19
Откуда берутся установки и стоит ли тратить деньги на покупку мотивов...
11 05 2025 4:58:45
в поисках нового источника трафика расскажем о Pinterest — современной поисковой сети c акцентом на визуальном контенте...
10 05 2025 8:31:43
Сохраняем время и ресурсы для проверки типичных задач и тратим его на реализацию креативных идей по оптимизации сайта....
09 05 2025 19:47:23
Обидно терять сохраненные достижения. Почему падает трафик из поисковых систем и как это исправить...
08 05 2025 3:33:53
Хотите узнать, сколько стоит клик в вашей тематике? Как эффективно распределить рекламный бюджет? В этом исследовании я изучил, сколько стоил клик в Google Ads и Яндекс.Директ в Казахстане...
07 05 2025 9:32:22
Алексей Селезнев, руководитель отдела аналитики Netpeak делится статистикой по самым дорогим и самым дешевым тематикам, регионам размещения рекламы, каналам и устройствам. Узнать больше!...
06 05 2025 5:57:43
Алексей Селезнев проанализировал 29 млн кликов, и в этой статье вы прочитаете, как дорого обходятся рекламодателям клики в Google Ads....
05 05 2025 13:17:28
Как и где найти хорошего автора для вашего сайта: сравнение платформ копирайтинга, форматы оплаты (объем или качество), фишки по выбору фрилансера. Читать дальше!...
04 05 2025 4:55:14
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::