高度な AMP 機能の追加
このチュートリアルでは、AMP の基礎知識への理解を深めて、広告、アナリティクス、埋め込み動画、ソーシャルメディアの統合、カルーセルなどを AMP でどのように扱うかを学習します。このチュートリアルの終了時には、これらの機能を含むモバイルのニュース記事が完成します。
学習する内容
amp-adを使用して、広告を表示する- YouTube 動画、Twitter カード、レスポンシブなテキスト要素を埋め込む
amp-carouselを使用して、画像とコンテンツの組み合わせを含むカルーセルを作成するamp-analyticsを使用して、単純なパターンをトラッキングするamp-sidebarを使用して、ページにサイトのナビゲーションを追加する- AMP でカスタムフォントを使用する
作成するもの
AMP 仕様に準拠し、広告、アナリティクス、埋め込み動画、ソーシャルメディアの埋め込み、カルーセル、サイトナビゲーションメニューが含まれるニュース記事のページ。
注意: このチュートリアルは、「HTML から AMP への変換」チュートリアルで紹介された概念の続きです。AMP の中心的な概念について基本を十分に理解していない場合は、「HTML から AMP への変換」チュートリアルに取り組んでください。