
<amp-story-grid-layer
template="vertical">
<amp-img src="moons.jpg"
width="266" height="340"
layout="responsive">
</amp-img>
</amp-story-grid-layer>
作為突發新聞和資訊的來源,Web Stories 讓我們能夠在有多個元素想要整合在一起時,展示我們優質的新聞報導。結合報導、攝影、影片和動態圖形,這為讀者在搜尋我們的報導時提供更視覺化的切入點。
Greg Manifold,《華盛頓郵報》設計總監
輕鬆建立精美且引人入勝的內容 從技術角度來看,Web Stories 盡可能簡化故事的製作流程。
為編輯自由和品牌塑造提供創意彈性 Web Stories 格式隨附預設但彈性的版面配置範本、標準化的 UI 控制項,以及用於分享和新增後續內容的元件。
可在開放網路上分享和連結 Web Stories 是開放網路的一部分,可以在網站和應用程式之間分享和嵌入,而不會受限於單一生態系統。
追蹤和衡量 支援分析和書籤功能,以實現病毒式分享和營利。
快速載入時間 Web Stories 載入速度極快,讓您的受眾保持參與和娛樂。
沉浸式敘事 Web Stories 是一種接觸現有讀者的新穎現代方式。
強大的廣告支援 Web Stories 為發布商提供營利能力,可使用全螢幕沉浸式故事廣告和聯盟行銷連結。對於廣告商而言,Stories 是一種在全新的敘事體驗中接觸獨特受眾的方式。
圖片、影片和 GIF
Web Stories 採用視覺豐富的媒體建構,無論您使用圖片、影片或 GIF 素材都由您決定。圖片和影片會擴展以在視覺上填滿讀者的螢幕,提供流暢且完全引人入勝的體驗。AMP 允許您指定檔案類型,以考量使用者的網路連線和瀏覽器功能。
文字和音訊
透過簡短的一兩個句子傳達事實和數據 – 非常適合行動裝置。從不同的字體顏色中選擇,以確保基本的可讀性。或新增視覺元素,例如細微的黑色透明漸層覆蓋,以確保即使在隨機背景圖像 (例如使用者產生的內容) 上也能保持可讀性。最重要的是,您可以在每個頁面上使用簡短的音訊檔案來提供口語資訊或背景音樂。
動畫和互動
輕鬆建立視覺效果和可點擊的互動,讓讀者保持參與。標題可以飛入、淡入或動畫到頁面上。設定您的故事在影片片段結束時自動進展到下一頁。在故事結尾提供社群分享和相關連結,以便使用者可以分享或深入瞭解您網站上的其他內容。