AMP-сторінки показуються через домен кешу AMP, який відрізняється від домену вашого сайту. Відстежувати шлях користувача через кеш AMP та сторінки вашого сайту можна за допомогою зв’язування AMP або тегу amp-analytics, який об’єднує сеанси відвідувачів, використовуючи ідентифікатор клієнта AMP як ідентифікатор користувача.
Зв’язування AMP оформлюють зовнішні посилання зі сторінок кешу AMP за допомогою ідентифікатора клієнта AMP. Сторінки з тегом Google Analytics отримують ідентифікатор клієнта AMP з параметра запиту URL-адреси й додають його до сеансу користувача, використовуючи ідентифікатор клієнта AMP як ідентифікатор користувача.
У цій статті описано, як налаштувати зв’язування AMP в Google Analytics.
Як ідентифікатор клієнта AMP впливає на ваші дані
Синхронізація ідентифікаторів клієнтів AMP між кешем AMP та доменом оригінального сайту дає змогу отримувати точніші показники за користувачами, зокрема тривалість сеансу, показник відмов і кількість сторінок за сеанс. Зверніть увагу, що для того, щоб ідентифікатор клієнта AMP був корисним, дані мають збиратися в межах одного ресурсу Google Analytics.
Як налаштувати зв'язування AMP
Налаштування зв’язування AMP в Google Analytics відбувається в три етапи.
- Додавання тегів на AMP-сторінки
- Додавання тегів на стандартні сторінки
- Налаштування виключень перенаправлень
Крок 1. Додайте теги на AMP-сторінки, щоб призначити параметри зв’язування AMP
Установіть тег Google Analytics за допомогою тегу Google (gtag.js) або Менеджера тегів Google. Дотримуйтеся наведених нижче вказівок.
Варіант 1. Тег Google
Додайте стандартний тег Google для AMP на цільові сторінки AMP. Перегляньте наведений нижче приклад фрагмента коду та внесіть у нього зміни.
Замініть ідентифікатор MEASUREMENT_ID
ідентифікатором відстеження ресурсу Google Analytics, у який потрібно надсилати дані.
Якщо ваші AMP-сторінки розміщено в домені верхнього рівня, який відрізняється від вихідних посилань на ваш сайт, або в маловідомому субдомені (не www., amp., m.), за потреби можна включити конфігурацію зв’язування, як показано нижче. Додайте домен, у якому розміщено AMP-сторінку, а також домени для будь-яких вихідних посилань.
<script type="application/json">
{
"vars": {
"gtag_id": "MEASUREMENT_ID",
"linker": {
"domains": ["example.com", "example2.com"]
}
,
"config": {
"MEASUREMENT_ID": {
"groups": "default"
}
}
}
}
</script>
</amp-analytics>
gtag_id
можна вказати ідентифікатор із будь-якого продукту Google (наприклад, Google Ads або Search Ads 360), який використовується на AMP-сторінках. Зверніть увагу, що в полі gtag_id
можна вказувати ідентифікатор лише одного продукту Google.Варіант 2. Менеджер тегів Google
Створіть контейнер AMP в Менеджері тегів Google.
Додайте тег Google Analytics у контейнер AMP.
Додайте тег зв’язування конверсій у контейнер AMP й виберіть "Увімкнути зв’язування між доменами" та "Увімкнути зв’язування з ідентифікатором клієнта Google Analytics". Якщо ваші цільові AMP-сторінки розміщено в тому самому домені верхнього рівня, що й вихідні посилання на ваш сайт, поле доменів можна залишити порожнім.
Якщо ваші AMP-сторінки розміщено в домені верхнього рівня, який відрізняється від вихідних посилань на ваш сайт, або в маловідомому субдомені (не www., amp., m.), за потреби ви можете додати такий домен верхнього рівня, а також домени вихідних посилань, відокремлюючи їх комами в списку.
Додайте на AMP-сторінку фрагмент коду Менеджера тегів за умовчанням. Перегляньте приклад нижче й замініть ідентифікатор GTM_CONTAINER_ID
ідентифікатором контейнера Менеджера тегів.
<!-- Google Tag Manager →
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=< GTM_CONTAINER_ID>>m.url=SOURCE_URL" data-credentials="include">
</amp-analytics>
Крок 2. Додайте теги на стандартні сторінки, щоб переглянути параметри зв'язування AMP
Існує кілька способів додати теги на стандартні сторінки для перегляду параметрів зв’язування AMP. Ознайомтеся з наведеними нижче вказівками й виберіть потрібний варіант.
Варіант 1. Тег Google
Включіть фрагмент коду gtag.js на стандартних сторінках. Нижче наведено приклад фрагмента коду.
- Замініть ідентифікатор
MEASUREMENT_ID
ідентифікатором відстеження ресурсу Google Analytics, у який потрібно надсилати дані. - Якщо ваші AMP-сторінки розміщено в домені верхнього рівня, який відрізняється від вихідних посилань на ваш сайт, або в маловідомому субдомені (не www., amp., m.), за потреби можна включити конфігурацію зв’язування, як показано нижче. Додайте домен, у якому розміщено AMP-сторінку, а також домени для будь-яких вихідних посилань.
<script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('set', 'linker', {
'domains': ['example.com', 'example2.com']
});
gtag('js', new Date());
gtag('config', 'MEASUREMENT_ID');
</script>
Варіант 2. Менеджер тегів Google
Використовуючи веб-контейнер Менеджера тегів Google, переконайтеся, що додано тег Google Analytics.
Якщо ваші AMP-сторінки розміщено в домені верхнього рівня, який відрізняється від вихідних посилань на ваш сайт, або в маловідомому субдомені (не www., amp., m.), у тегу Google Analytics додайте поле allowLinker зі значенням true, виконавши наведені нижче дії.
- Відкрийте змінну налаштувань Google Analytics, яку потрібно відредагувати, і натисніть картку Конфігурація змінної.
- Перейдіть до розділу Інші налаштування > Налаштування полів.
- Натисніть + ДОДАТИ ПОЛЕ.
- Для параметра Назва поля виберіть allowLinker, а для Значення – true.
- Збережіть нову конфігурацію змінної.
- Повторіть указані вище дії для всіх відповідних змінних налаштувань Google Analytics (якщо в контейнері використовується більше однієї змінної).
- Опублікуйте контейнер.
Використовуйте код Менеджера тегів за умовчанням на стандартних сторінках.
Варіант 3. analytics.js
Щоб переглядати параметри зв’язування AMP, на стандартних сторінках можна використовувати фрагмент коду analytics js за умовчанням.
<!-- Початок тегу Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'GA_TRACKING_ID', 'auto');
ga('send', 'pageview');
</script>
<!-- Кінець тегу Google Analytics -->
Якщо ваші AMP-сторінки розміщено в домені верхнього рівня, який відрізняється від вихідних посилань на ваш сайт, або в маловідомому субдомені (не www., amp., m.), за потреби можна додати наведену нижче конфігурацію (описано в розділі Міждоменне налаштування для analytics.js).
<!-- Початок тегу Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'GA_TRACKING_ID', 'auto', {'allowLinker': true});
ga('require', 'linker');
ga('linker:autoLink', ['subdomain1.example.com', 'subdomain2.example.com','www.example2.com'] );
ga('send', 'pageview');
</script>
<!-- Кінець тегу Google Analytics -->
Крок 3. Додайте виключення перенаправлень у Консоль адміністратора Google Analytics
Коли Google показує вміст AMP користувачам, використовується кеш Google AMP. Щоб кешовані субдомени AMP не переривали сеанси, потрібно додати виключення перенаправлень для домену cdn.ampproject.org
.
subdomain.example.com
, тоді слід додати виключення перенаправлення subdomain-example-com.cdn.ampproject.org
. Докладніше про формат URL-адреси для кешу AMP.Як підтвердити налаштування
Переконайтеся, що ідентифікатор клієнта Google AMP збігається на звичайних сторінках і сторінках AMP.
Варіант 1. Підтвердження за допомогою інструмента тестування тегу AMP
Щоб пройти перевірку, скористайтесь інструментом тестування тегу AMP та введіть URL-адресу сторінки AMP.
Примітка. Інструмент тестування тегу AMP – це автоматизована функція перевірки, яка симулює потік з AMP-сторінки, що показується через засіб перегляду, до переходу за посиланням на наступну сторінку. Інструмент лише слугує орієнтиром і не охоплює всі сценарії тестування (наприклад, якщо AMP-сторінка має посилання на різні домени чи субдомени). Щоб тестувати вручну, скористайтеся наведеними нижче варіантами.
Варіант 2. Підтвердження за допомогою розширення Google Tag Assistant для Chrome
- Завантажте та встановіть розширення Google Tag Assistant для Chrome.
- Введіть пошуковий запит на сайті google.com, який поверне AMP-сторінку для вашого сайту.
- Запустіть Записи Tag Assistant.
- Оновіть результати пошуку в веб-переглядачі після початку запису.
- Натисніть результат пошуку, який посилається на вашу сторінку AMP.
- Натисніть посилання, яке веде від сторінки AMP до стандартної сторінки.
- Зупиніть Записи Tag Assistant.
- Переконайтеся, що існує лише один сеанс з узгодженими ідентифікаторами, як наведено нижче (тобто завантаження сторінки 2 не відображає початок сеансу).
Варіант 3. Підтвердження за допомогою Інструментів розробника Chrome
- Відкрийте веб-переглядач Google Chrome у режимі анонімного перегляду. Увімкніть емуляцію мобільного пристрою в Інструментах розробника Chrome.
- Введіть пошуковий запит на сайті google.com, який повертає AMP-сторінку для вашого сайту, і натисніть результат пошуку для AMP-сторінки, що має показуватися через кеш Google AMP та відображається в засобі перегляду AMP Пошуку Google.
- Примітка. Якщо ваша сторінка ще не доступна в результатах пошуку Google, ви можете перевірити об’єднання сеансів, перейшовши в інструмент Перевірка AMP-сторінок. Там ви зможете переглянути результати пошуку й виконати наведені нижче кроки, доки Google не проіндексує сторінку.
- Знайдіть запит мережі Google Analytics для перегляду AMP-сторінки. Для цього перейдіть на вкладку Мережа в Інструментах розробника Chrome і введіть значення collect у поле Фільтр.
- Знайдіть і виберіть запит мережі, який веде на сторінку
www.google-analytics.com
. На вкладці "Заголовки" для запиту знайдіть ідентифікатор клієнта, прокрутивши до розділу "Параметри рядка запиту". Запишіть параметр ідентифікатора клієнта. - Коли AMP-сторінка показується через засіб перегляду AMP, рядок
cid
має містити 64 символи в стандартному кодуванні base64: - Натисніть Очистити, щоб видалити запити мережі.
- Щоб перевірити, чи ввімкнено стандартні сторінки, переконайтеся, що під час переходу на таку сторінку зберігається той самий параметр ідентифікатора клієнта. Для цього натисніть будь-яке посилання на сторінку AMP, що спрямовує на стандартну сторінку, яка відображається з домену. Щоб знайти ідентифікатор клієнта, знову відфільтруйте дані за рядком collect. Виберіть будь-який запит мережі, який надходить на сторінку
www.google-analytics.com
. Переконайтеся, що значення параметра запиту ідентифікатора клієнта відповідає значенню, указаному в кроці 5.
Обмеження
- Об’єднання сеансів через зв’язування AMP не відбудеться, якщо користувач, який уперше відвідує ваш сайт, закриє AMP-сторінку без переходу до наступної, оскільки об’єднання сеансів працює через оформлення посилання.