AMP

高度な AMP 機能の追加

完成したニュース記事

このチュートリアルでは、AMP の基礎知識への理解を深めて、広告、アナリティクス、埋め込み動画、ソーシャルメディアの統合、カルーセルなどを AMP でどのように扱うかを学習します。このチュートリアルの終了時には、これらの機能を含むモバイルのニュース記事が完成します。

学習する内容

  • amp-ad を使用して、広告を表示する
  • YouTube 動画、Twitter カード、レスポンシブなテキスト要素を埋め込む
  • amp-carousel を使用して、画像とコンテンツの組み合わせを含むカルーセルを作成する
  • amp-analytics を使用して、単純なパターンをトラッキングする
  • amp-sidebar を使用して、ページにサイトのナビゲーションを追加する
  • AMP でカスタムフォントを使用する

作成するもの

AMP 仕様に準拠し、広告、アナリティクス、埋め込み動画、ソーシャルメディアの埋め込み、カルーセル、サイトナビゲーションメニューが含まれるニュース記事のページ。

注意: このチュートリアルは、「HTML から AMP への変換」チュートリアルで紹介された概念の続きです。AMP の中心的な概念について基本を十分に理解していない場合は、「HTML から AMP への変換」チュートリアルに取り組んでください。