Как отправить AMP Analytics в историю AMP для ссылок в Bookend JSON
Фон
У меня есть страница AMP, в частности истории AMP, которые работают отлично. Также аналитика настроена как показано ниже. Аналитика для базовых событий, таких как аудио, букмекерские входы и выходы, просмотр страниц... отлично работает.
проблема
Тем не менее, для конфигурации конфигурации, показанной во втором коде ниже, я не смог отследить ссылку на клики, которые AMP генерирует из JSON. Я попробовал основные селекторы для этого, но это тоже не работает. В настоящее время bookend настроен как JSON. Есть ли способ отследить аналитику кликов по ссылкам в форзаце? Документация, кажется, больше на страницах AMP. Поскольку bookend является относительно новым, я беспокоюсь, что есть аналитическая поддержка для него.
<amp-analytics>
<script type="application/json">
{
"vars": {
"storyURL": "${sourceUrl}",
"type": "story_analytics",
"templateId": "<%= @template_id %>",
"storyId": "<%= story.id %>",
"selectorGamedayURL": "amp-story-bookend",
"userId": "CLIENT_ID(site-user-id-cookie-fallback-name)"
},
"requests": {
"endpoint": "<%= AMP_ANALYTICS_URL %>",
"base": "${endpoint}"
},
"triggers": {
"anchorClicks": {
"on": "click",
"selector": "div.i-amphtml-story-bookend-article.i-amphtml-story-bookend-component", // This doesn't work. the selector is correct but no analytics is sent
"request": "event",
"vars": {
"event_id": "bookend-link-click"
}
},
"storyPageVisible": {
"on": "story-page-visible",
"request": "base",
"extraUrlParams": {
"event_id": "story_page_impression",
"story_progress": "${storyProgress}",
"story_page_index": "${storyPageIndex}",
"story_page_count": "${storyPageCount}",
"story_page_id": "${storyPageId}",
"story_id": "${storyId}",
"template_id": "${templateId}",
"story_url": "${storyURL}",
"timestamp": "${timestamp}",
"type": "${type}",
"user_id": "${userId}"
}
},
"trackPageView": {
"on": "visible",
"request": "base",
"extraUrlParams": {
"event_id": "story_impression",
"story_id": "${storyId}",
"template_id": "${templateId}",
"story_url": "${storyURL}",
"timestamp": "${timestamp}",
"type": "${type}",
"user_id": "${userId}"
}
},
"bookendEnter": {
"on": "story-bookend-enter",
"request": "base",
"extraUrlParams": {
"event_id": "story_bookend_enter",
"story_progress": "${storyProgress}",
"story_page_index": "${storyPageIndex}",
"story_page_count": "${storyPageCount}",
"story_page_id": "${storyPageId}",
"story_id": "${storyId}",
"template_id": "${templateId}",
"story_url": "${storyURL}",
"timestamp": "${timestamp}",
"type": "${type}",
"user_id": "${userId}"
}
},
"bookendExit": {
"on": "story-bookend-exit",
"request": "base",
"extraUrlParams": {
"event_id": "story_bookend_exit",
"story_id": "${storyId}",
"template_id": "${templateId}",
"story_url": "${storyURL}",
"timestamp": "${timestamp}",
"type": "${type}",
"user_id": "${userId}"
}
},
"audioMuted": {
"on": "story-audio-muted",
"request": "base",
"extraUrlParams": {
"event_id": "story_audio_muted",
"story_id": "${storyId}",
"template_id": "${templateId}",
"story_url": "${storyURL}",
"timestamp": "${timestamp}",
"type": "${type}",
"user_id": "${userId}"
}
},
"audioUnmuted": {
"on": "story-audio-unmuted",
"request": "base",
"extraUrlParams": {
"event_id": "story_audio_unmuted",
"story_progress": "${storyProgress}",
"story_page_index": "${storyPageIndex}",
"story_page_count": "${storyPageCount}",
"story_page_id": "${storyPageId}",
"story_id": "${storyId}",
"template_id": "${templateId}",
"story_url": "${storyURL}",
"timestamp": "${timestamp}",
"type": "${type}",
"user_id": "${userId}"
}
}
},
"transport": {
"beacon": true,
"xhrpost": true,
"useBody": true,
"image": false
}
}
</script>
</amp-analytics>
Bookend JSON выглядит так
<amp-story-bookend layout=nodisplay>
<script type="application/json">
{
"bookendVersion": "v1.0",
"components": [
{
"type": "small",
"title": "<%= title %>",
"url": "<%= url %>",
"category": "astronomy",
"image": "<%= image_url %>"
}
]
}
</script>
</amp-story-bookend>
0 ответов
Вы можете отслеживать это с помощью недавно представленного триггера: story-bookend-clickкак видно в этом пиаре.
Чтобы использовать его, просто добавьте это в свою конфигурацию:
"trackBookendClicks": {
"on": "story-bookend-click",
"request": "click",
"vars": {
"eventId": "clickOnBookend"
}
},
и в своем запросе вы можете отправить такие переменные, как:"bookendClick": "${base}?bookendTargetHref=${storyBookendTargetHref}&bookendCardType=${storyBookendComponentType}&bookendCardPosition=${storyBookendComponentPosition}"
Надеюсь это поможет!