Следуя этому руководству, я провел небольшой эксперимент на AMP-сайте: https://developers.google.com/optimize/devguides/amp-experiments.
Вот что я сделал:
1. Компоненты amp-analytics и amp-эксперимент
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<script async custom-element="amp-experiment" src="https://cdn.ampproject.org/v0/amp-experiment-0.1.js"></script>
2. Код для эксперимента
<amp-experiment>
<script type="application/json">
{
"AMP_Product_Page": {
"sticky": true,
"variants": {
"Original": 50,
"Variant_1": 50
}
}
}
</script>
</amp-experiment>
3. Код для аналитики
<amp-analytics id='analytics1' type='googleanalytics'>
<script type='application/json'>
{
"vars": {
"account": "UA-105350-7"
},
"requests": {
"experiment": "${pageview}&xid=${xid}&xvar=${xvar}"
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "experiment",
"vars": {
"xid": "fB2hAs9HS2WgWqe332c6Ow",
"xvar": "VARIANT(AMP_Product_Page)"
}
}
}
}
</script>
</amp-analytics>
4. Создал эксперимент в Google Optimize
Я создал эксперимент в Google Optimize и использовал идентификатор в приведенном выше коде. Я также вижу эксперимент в Google Analytics, правда, у него 0 сеансов.
Я также добавил несколько основных правил CSS, и они работают нормально.
Приведенный выше код активен, и я могу видеть эксперимент, запущенный на сайте, а также тег <body> имеет атрибут amp-x-amp_product_page="Variant_1".
Запросы Google Analytics
У меня есть интеграция с Google Analytics, развернутая с использованием контейнера GTM AMP, и она работает нормально.
Теперь, когда я смотрю на запросы, сделанные Google Analytics, я вижу следующее:
- Запрос на просмотр страницы (ОК)
- Запрос второго просмотра страницы с данными эксперимента (статус 302)
Этот второй запрос, похоже, не попал в GA.
Я попытался отправить данные эксперимента с событием, но похоже, что xid и xvar не являются допустимыми переменными для события в amp-analytics.
