AMP 網站範例
精選範例
設計與版面配置
適用於現代響應式網頁和現代網頁的範例
進階互動性
基於這些以使用者優先的網路體驗、沉浸式故事、電子商務系統和動態電子郵件範例進行建構。
依類別篩選
All introduction components guides advertising-analytics e-commerce interactivity-dynamic-content multimedia-animations news-publishing personalization style-layout user-consent visual-effects
introduction
components
amp-3d-gltf
amp-access-laterpay
amp-access
amp-accordion
amp-ad
amp-addthis
amp-analytics
amp-anim
amp-anim
amp-app-banner
amp-audio
amp-autocomplete-email
amp-autocomplete
amp-bind-macro
amp-bind-macro
amp-bind-recaptcha
amp-bind
amp-bind
amp-bodymovin-animation
amp-brid-player
amp-brightcove
amp-call-tracking
amp-carousel
amp-carousel
amp-dailymotion
amp-date-countdown
amp-date-display
amp-date-picker
amp-dynamic-css-classes
amp-experiment
amp-facebook-comments
amp-facebook-like
amp-facebook-page
amp-facebook
amp-fit-text
amp-font
amp-form
amp-fx-collection
amp-fx-flying-carpet
amp-geo
amp-gfycat
amp-gist
amp-hulu
amp-iframe
amp-ima-video
amp-image-lightbox
amp-image-lightbox
amp-image-slider
amp-img
amp-inputmask
amp-instagram
amp-install-serviceworker
amp-jwplayer
amp-kaltura-player
amp-lightbox-gallery
amp-lightbox
amp-lightbox
amp-list
amp-list
amp-live-list
amp-mustache
amp-mustache
amp-next-page
amp-o2-player
amp-pinterest
amp-pixel
amp-reach-player
amp-recaptcha-input
amp-reddit
amp-render
amp-script
amp-selector
amp-sidebar
amp-social-share
amp-soundcloud
amp-springboard-player
amp-sticky-ad
amp-story-360
Interactive polls with results
Interactive quizzes with results
amp-story-shopping
amp-timeago
amp-timeago
amp-twitter
amp-user-notification
amp-video-iframe
amp-video
amp-vimeo
amp-vine
amp-web-push
amp-youtube
guides
advertising-analytics
電子商務
互動性-動態內容
進階伺服器請求
amp-list amp-form amp-mustache 文章書籤電子郵件
amp-form amp-mustache 條件狀態
amp-bind 條件狀態
amp-bind 會議調查電子郵件
amp-form 貨幣轉換
amp-bind 動態手風琴
amp-accordion amp-bind amp-list amp-mustache 動態更新 Feed 中的項目
amp-list amp-form amp-mustache 限制重複選擇
amp-bind amp-list amp-selector amp-mustache 限制重複選擇
amp-bind amp-list amp-selector amp-mustache 座位圖多重選擇
amp-pan-zoom amp-bind amp-list amp-mustache amp-selector 幻燈片廣告
amp-carousel 堆疊與綁定廣告
訂閱設定
amp-list amp-mustache amp-form amp-bind 多媒體動畫
自訂載入指示器
amp-list amp-mustache amp-iframe 滾動綁定影片廣告
amp-animation amp-video amp-position-observer AMP 故事中支援的媒體類型
amp-audio amp-gfycat amp-video 影片廣告
amp-video