Фон
У меня есть страница AMP, в которой отлично работают истории AMP. Также аналитика настроена, как показано ниже. Аналитика основных событий, таких как аудио, вход и выход из книги, просмотр страницы ... отлично работает.
Проблема
Тем не менее, для конфигурации подставки, показанной во втором коде ниже, мне не удалось отследить щелчки по ссылкам, которые AMP генерирует из JSON. Я пробовал использовать базовые селекторы, но это тоже не сработало. В настоящее время подставка для книг настроена как JSON. Есть ли способ отслеживать аналитику кликов для ссылок в книжной обложке? Документация, похоже, больше на страницах AMP. Поскольку подставка для книг относительно новая, меня беспокоит, что для нее есть поддержка аналитики.
<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>