!
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のフォーマットには、柔軟性の高い既製のレイアウトテンプレート、標準UIコントロール、および後続のコンテンツを共有・追加するためのコンポーネントが付属しています。
オープンウェブ上で共有・リンク可能 Web Storiesはオープンウェブの一部であり、単一のエコシステムに限定されることなくサイトやアプリ間で共有したり、埋め込んだりできます。
追跡と測定 バイラル共有や収益化のための分析機能とブックエンド機能をサポートします。
高速な読み込み時間 Web Storiesはオーディエンスを引き付けて楽しませるため、高速に表示されます。
没入型ストーリーテリング AMPストーリーは、新しい最新の方法で既存の読者にリーチします。
強力な広告サポート 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!