/
githubmirror
/
amphtml
Обзор
Документация
Войти
/
githubmirror
/
amphtml
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
examples/amp-story/auto-analytics.html
85 строк
4 KB
Ya-Chen Hsieh
♻️ Convert cta layer to page outlink (#37995)
14 апр 2022, 23:48
Не верифицирован
14 апр 2022, 23:48
32d29a0
Код
Авторство
О чём код?
<!doctype html> <html amp lang="en"> <head> <meta charset="utf-8"> <script async src="https://cdn.ampproject.org/v0.js"></script> <script async custom-element="amp-video" src="https://cdn.ampproject.org/v0/amp-video-0.1.js"></script> <script async custom-element="amp-story" src="https://cdn.ampproject.org/v0/amp-story-1.0.js"></script> <script async custom-element="amp-story-auto-analytics" src="https://cdn.ampproject.org/v0/amp-story-auto-analytics-0.1.js"></script> <title>My Story</title> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <link rel="canonical" href="analytics.html"> <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript> <style amp-custom> body { font-family: 'Roboto', sans-serif; } amp-story-page { background: white; } h1 { font-size: 2.875em; font-weight: normal; line-height: 1.174; text-transform: uppercase; } </style> </head> <body> <amp-story title="Analytics amp-story example" publisher="The AMP Team" publisher-logo-src="https://example.com/logo/1x1.png" poster-portrait-src="https://example.com/my-story/poster/3x4.jpg" poster-square-src="https://example.com/my-story/poster/1x1.jpg" poster-landscape-src="https://example.com/my-story/poster/4x3.jpg" standalone> <amp-story-auto-analytics gtag-id="UA-174115079-1"> </amp-story-auto-analytics> <amp-story-page id="p1"> <amp-story-grid-layer template="vertical"> <h1>Page One</h1> </amp-story-grid-layer> <amp-story-page-attachment layout="nodisplay"> <div> <h1>Some really cool video</h1> <p style="color: black"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p> </div> </amp-story-page-attachment> </amp-story-page> <amp-story-page id="p2"> <amp-story-grid-layer template="vertical"> <h1>Page Two</h1> </amp-story-grid-layer> </amp-story-page> <amp-story-page id="p3"> <amp-story-grid-layer template="vertical"> <h1>Page Three</h1> <a href="https://google.com">click me</a> </amp-story-grid-layer> <amp-story-page-outlink layout="nodisplay" href="https://google.com"></amp-story-page-outlink> </amp-story-page> <amp-story-page id="p4"> <amp-story-grid-layer template="vertical"> <h1>Page Five</h1> <amp-video id="vid1" src="../av/ForBiggerJoyrides-short.mp4" width="720" height="405" layout="responsive" autoplay> </amp-video> </amp-story-grid-layer> </amp-story-page> </amp-story> </body> </html>