!
AMP

Web Stories

使用 AMP 在網路上建立視覺故事。

開始開發 訴說故事
<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 讓讀者沉浸在快速載入的全螢幕體驗中。輕鬆建立視覺敘事,搭配引人入勝的動畫和可點擊的互動。Web Story 格式 (前身為 AMP Stories) 是免費的,屬於開放網路的一部分,所有人都可以試用在其網站上。它們可以在網路上分享和嵌入,而不會受限於封閉的生態系統或平台。

Web Stories 為內容發布商提供以行動裝置為中心的格式,以視覺豐富、可點擊的故事形式傳遞新聞和資訊。Web Stories 為廣告商和發布商提供強大的廣告機會,讓他們透過沉浸式體驗在網路上接觸獨特的受眾。

作為突發新聞和資訊的來源,Web Stories 讓我們能夠在有多個元素想要整合在一起時,展示我們優質的新聞報導。結合報導、攝影、影片和動態圖形,這為讀者在搜尋我們的報導時提供更視覺化的切入點。

Greg Manifold,《華盛頓郵報》設計總監

閱讀成功案例

Web Stories 的優點

輕鬆建立精美且引人入勝的內容 從技術角度來看,Web Stories 盡可能簡化故事的製作流程。
為編輯自由和品牌塑造提供創意彈性 Web Stories 格式隨附預設但彈性的版面配置範本、標準化的 UI 控制項,以及用於分享和新增後續內容的元件。
可在開放網路上分享和連結 Web Stories 是開放網路的一部分,可以在網站和應用程式之間分享和嵌入,而不會受限於單一生態系統。
追蹤和衡量 支援分析和書籤功能,以實現病毒式分享和營利。
快速載入時間 Web Stories 載入速度極快,讓您的受眾保持參與和娛樂。
沉浸式敘事 Web Stories 是一種接觸現有讀者的新穎現代方式。
強大的廣告支援 Web Stories 為發布商提供營利能力,可使用全螢幕沉浸式故事廣告和聯盟行銷連結。對於廣告商而言,Stories 是一種在全新的敘事體驗中接觸獨特受眾的方式。

圖片、影片和 GIF

Web Stories 採用視覺豐富的媒體建構,無論您使用圖片、影片或 GIF 素材都由您決定。圖片和影片會擴展以在視覺上填滿讀者的螢幕,提供流暢且完全引人入勝的體驗。AMP 允許您指定檔案類型,以考量使用者的網路連線和瀏覽器功能。

文字和音訊

透過簡短的一兩個句子傳達事實和數據 – 非常適合行動裝置。從不同的字體顏色中選擇,以確保基本的可讀性。或新增視覺元素,例如細微的黑色透明漸層覆蓋,以確保即使在隨機背景圖像 (例如使用者產生的內容) 上也能保持可讀性。最重要的是,您可以在每個頁面上使用簡短的音訊檔案來提供口語資訊或背景音樂。

動畫和互動

輕鬆建立視覺效果和可點擊的互動,讓讀者保持參與。標題可以飛入、淡入或動畫到頁面上。設定您的故事在影片片段結束時自動進展到下一頁。在故事結尾提供社群分享和相關連結,以便使用者可以分享或深入瞭解您網站上的其他內容。

在網路上查看 Web Stories

Web Stories
營利選項

單頁故事廣告

故事廣告是全螢幕、單頁廣告,會出現在 Web Stories 內。廣告商/發布商可以邀請使用者透過單次點擊前往網頁、AMP 頁面或應用程式。故事廣告具有豐富、彈性的畫布,允許圖片、影片、動畫或所有這些元素的組合。
Google Ad Manager 和 Google DV360 (Beta) 支援故事廣告,更多廣告伺服器支援即將推出!

開始建立故事

選擇多個編輯器之一,開始建立故事,無需任何編碼。

想要將您的故事建立資源列入清單嗎? 在此建立請求!