!
Do you build things with AMP? Fill out the new AMP Developer Survey!
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 Storiesは、読み込みの速い全画面表示で読者を没頭させます。魅力的なアニメーションとタップ操作を備えた視覚的な物語を簡単に作成できます。AMP ストーリーの形式は自由であり、オープンウェブの一部であり、誰でもウェブサイトで試すことができます。閉じたエコシステムやプラットフォームに限定されることなく、ウェブ全体で共有したり埋め込んだりできます。

Web Storiesは、ニュースや情報を視覚的にリッチでタップ操作で読み進められるストーリーとして配信できるモバイル向けフォーマットをコンテンツ発行者に提供します。AMP ストーリーは、広告主とサイト運営者が没入感のあるウェブでユニークなオーディエンスにリーチできるような強力かつ豊富な広告の機会を提供します。

Web Storiesを最新ニュースや情報のソースとして使用すると、複数の要素をまとめたい場合に質の高い記事を届けることができます。レポート、写真、動画、モーショングラフィックスを組み合わせることで、読者は私たちの記事を検索する際により視覚的な情報から入り込むことができます。

Greg Manifold、The Washington Postデザインディレクター

成功事例を読む

Web Storiesのメリット

美しく魅力的なコンテンツを簡単に作成 Web Storiesは、技術的な観点からストーリーをできるだけ簡単に作成できるようにしています。
柔軟な想像力で自由に編集してブランディングを実現できます Web Storiesのフォーマットには、柔軟性の高い既製のレイアウトテンプレート、標準UIコントロール、および後続のコンテンツを共有・追加するためのコンポーネントが付属しています。
オープンウェブ上で共有・リンク可能 Web Storiesはオープンウェブの一部であり、単一のエコシステムに限定されることなくサイトやアプリ間で共有したり、埋め込んだりできます。
追跡と測定 バイラル共有や収益化のための分析機能とブックエンド機能をサポートします。
高速な読み込み時間 Web Storiesはオーディエンスを引き付けて楽しませるため、高速に表示されます。
没入型ストーリーテリング AMPストーリーは、新しい最新の方法で既存の読者にリーチします。
強力な広告サポート Web Storiesは、サイト運営者が全画面表示の没入型ストーリー広告とアフィリエイトリンクを使用して収益化能力を発揮できるようにします。広告主の場合、ストーリーは新しいストーリーテリング体験の中でユニークなオーディエンスにリーチするための手段になります。

画像、動画、GIF

Web Storiesは視覚的にリッチなメディアを使用して構築されており、写真、動画、GIF のどのアセットを利用するかはあなた次第です。画像と動画が視覚的に読者の画面いっぱいに広がり、スムーズで魅力あふれる体験をもたらします。AMP ではファイルタイプを指定することで、ユーザーのネットワーク接続とブラウザの機能を考慮することができます。

テキストと音声

モバイルデバイスに最適化するため、非常に小さな1つか2つの文のかたまりを使って事実と数字を伝えることができます。さまざまなフォント色を選び、基本的な可読性を向上させることができます。または、微妙に黒く透明なグラデーションオーバーレイなどの視覚要素を追加し、不規則な背景画像(ユーザー生成コンテンツなど)でも可読性を向上させることができます。さらに、全ページで短い音声ファイルを使用することで、音声情報やバックグラウンドミュージックを提供することもできます。

アニメーションとインタラクション

簡単に視覚効果とタップ操作を実現し、読者を引き付けることができます。タイトルをページにドロップしたり、フェードインしたり、アニメーション化したりできます。動画スニペットが終了したら次のページに自動的に遷移するようにストーリーを構成することができます。ストーリーの最後にソーシャルメディアへの共有リンクと関連リンクを提供し、ユーザーがそれらを共有したり、あなたのサイト上の他のコンテンツをさらに閲覧できるようにすることができます。

Check out Web Stories on the web

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!

Start creating stories

コーディングなしでストーリーを作成し始めるには、複数のエディタのうちいずれかを選択してください。

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