!
AMP-NEW

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 Stories immerse your readers in fast-loading full-screen experiences. Easily create visual narratives, with engaging animations and tappable interactions. The Web Story format (formerly known as AMP Stories) is free and part of the open web and are available for everyone to try on their websites. They can be shared and embedded across the web without being confined to a closed ecosystem or platform.

Web Stories provide content publishers with a mobile-focused format for delivering news and information as visually rich, tap-through stories. Web Stories offers a robust set of advertising opportunities for advertisers and publishers to reach a unique audience on the web with immersive experiences.

As a source for breaking news and information, Web Stories allow us to showcase our quality journalism when there are multiple elements we want to bring together. Combining reporting, photography, videos and motion graphics, this gives readers a more visual entry point when they are searching for our coverage.

Greg Manifold,The Washington Post 的设计总监

阅读成功案例

Web Stories 的优点

轻松制作美观且引人入胜的内容 Web Stories 从技术角度出发,使故事的创作尽可能简单。
灵活支持编辑自由与品牌塑造 Web Stories 格式提供了预置但灵活的布局模板、标准化的界面控件,以及用于分享和添加后续内容的组件。
在开放网络上共享和链接 Web Stories 是开放网络的一部分,可以在网站和应用之间共享和嵌入,而不局限于单一生态系统。
跟踪和衡量 支持病毒式分享和获利的分析与书挡功能。
快速加载 Web Stories 具有闪电般的速度,让您的受众乐于参与互动。
沉浸式叙事 Web Stories 是接触现有读者的崭新现代方式。
强大的广告支持 Web Stories 让发布商可以使用全屏沉浸式故事广告和联属链接实现获利。对于广告客户而言,故事是一种在新的叙事体验中吸引独特受众的方式。

图片、视频和 GIF

Web Stories are built with visually rich media, and whether you utilize pictures, videos or GIF assets is up to you. Images and videos expand to visually fill the readers’ screens, providing a smooth and fully engaging experience. AMP allows you to specify the file type to account for the user’s network connection and browser capabilities.

文本和音频

Convey facts and figures via bite-sized chunks of one or two sentences – ideal for mobile devices. Choose from different font colors for basic readability. Or add visual elements like subtle black transparent gradient overlays to ensure readability even on random background imagery, for example user generated content. On top of this, you can use short audio files on every page to provide spoken information or background music.

动画和互动

It’s easy to create visual effects and tappable interactions that keep readers engaged. Titles can fly drop, fade in, or animate onto the page. Configure your story to automatically progress to the next page when a video snippet is finished. Provide social sharing and related links at the end of your story, so users can share it or dive further into other content on your site.

查看网络上的 Web Stories

Web Stories
获利选项

单页故事广告

Story Ads are full screen, single page ads that appear within Web Stories. Advertisers/ Publishers can invite users to a web page, an AMP page or an App with a single tap. A story ad has a rich, flexible canvas that allows images, videos, animations or a combination of all those elements.
Story ads are supported by Google Ad Manager and Google DV360 (Beta) with additional ad server support coming soon!

开始创作故事

选择一个编辑器开始创作故事,无需编写任何代码。

Looking to get your Story creation resource listed? Create a request here!