<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デザインディレクター
画像、動画、GIF
Web Storiesは視覚的にリッチなメディアを使用して構築されており、写真、動画、GIF のどのアセットを利用するかはあなた次第です。画像と動画が視覚的に読者の画面いっぱいに広がり、スムーズで魅力あふれる体験をもたらします。AMP ではファイルタイプを指定することで、ユーザーのネットワーク接続とブラウザの機能を考慮することができます。
テキストと音声
モバイルデバイスに最適化するため、非常に小さな1つか2つの文のかたまりを使って事実と数字を伝えることができます。さまざまなフォント色を選び、基本的な可読性を向上させることができます。または、微妙に黒く透明なグラデーションオーバーレイなどの視覚要素を追加し、不規則な背景画像（ユーザー生成コンテンツなど）でも可読性を向上させることができます。さらに、全ページで短い音声ファイルを使用することで、音声情報やバックグラウンドミュージックを提供することもできます。
アニメーションとインタラクション
簡単に視覚効果とタップ操作を実現し、読者を引き付けることができます。タイトルをページにドロップしたり、フェードインしたり、アニメーション化したりできます。動画スニペットが終了したら次のページに自動的に遷移するようにストーリーを構成することができます。ストーリーの最後にソーシャルメディアへの共有リンクと関連リンクを提供し、ユーザーがそれらを共有したり、あなたのサイト上の他のコンテンツをさらに閲覧できるようにすることができます。
ウェブ上の Web Stories をご覧ください
ストーリー広告テンプレートで始めましょう
ストーリーの作成を始める
コーディングなしでストーリーを作成し始めるには、複数のエディタのうちいずれかを選択してください。
Looking to get your Story creation resource listed? Create a request here!