AMP_Conf_2019__5_20_.pdf

Transcript

1. The material contained in this documentation is proprietary and confidential to PIXNET. Copies are made available on the basis that use is limited to the sole purpose of evaluating PIXNET’s capabilities. It is not permissible to use, modify, copy or disclose any information contained in this presentation document for any other purpose without the express written permission of PIXNET. If you are not the intended recipient of this material you are requested to take immediate steps to destroy it. Copyright © 2018 PIXNET. All rights reserved. @cypresskuo 心得分享 AMP Conf 2019
2. What is AMP Accelerated Mobile Pages
3. What is AMP AMP Project AMP is a web component framework to easily create user-first websites/stories/ads/emails.
4. AMP Conf 2019 - 第三年舉辦 - 日本東京 - 單軌議程 - 兩天一夜
5. AMP websites
6. AMP websites
7. AMP websites
8. AMP websites
9. AMP websites
10. AMP websites
11. AMP websites - HTML CSS - JS (amp-script) - worker DOM -> DOM API (http://bit.ly/amp-script-compat) - 150 KiB - 0 mutations without interaction - 5 seconds mutations after event - coming soon(http://bit.ly/amp-script-trial)
12. AMP websites - URL: google.com/amp/www.example.com - Signed Exchange(Chrome v73) - cookies and storage is not problem any more
13. AMP websites - PWA - One Line Service Worker
14. AMP stories
15. AMP stories http://bit.ly/2VKLiCK
16. AMP stories - page attachments - sidebar - support desktop
17. AMP stories - story ads
18. AMP stories - affiliate links
19. AMP stories - google discover (US only) - Google Search Console
20. AMP emails
21. AMP emails - Text email - HTML email - AMP email
22. AMP emails
23. AMP emails
24. AMP emails
25. AMP emails
26. AMP emails - 設定 -> 動態電子郵件
27. AMP ads
28. AMP ads - speed is revenue - AMPHTML Ads (12% Google Ads)
29. AMP ads
30. AMP ads
31. AMP - As a Service - 社群的力量 - 更快速創作、更好的 DX、UX
32. 使用公司(亞洲)
33. AMP x PIXNET
34. AMP x PIXNET - AMP website: - Blog AMP 主題，使用者無痛轉移 - AMP 文章模式 - AMP email: - 利用動態式郵件推廣，增加會員黏著度 - AMP Story: - 採用自動生成 - 手動產生
35. AMP x PIXNET - 大量的限制 - 學習成本 - Engineer - UI
37. Q & A
38. 謝謝聆聽