The AMP Component Catalogue

The AMP HTML library consists of a basic runtime that brings the core functionalities of AMP to your page. If you want to add additional features you can do so by using one or more of the ready-to-use AMP components. They are classified as:

Built-in Components that are included in the base library, such as amp-img and amp-pixel.

Extended Extensions to the base library that must be explicitly included in the document as custom elements.

Experimental Components that are released but are not yet ready for wide use.

Highlighted Components

amp-analytics

AMP ドキュメントからアナリティクスデータを収集します。

amp-autocomplete

Suggests completed results corresponding to the user input as they type into the input field.

Displays multiple similar pieces of content along a horizontal axis.

広告を表示するコンテナです。

データを動的にダウンロードし、テンプレートを使用してリスト項目を作成します。

Filter by category

すべて広告分析動的コンテンツレイアウトメディアプレゼンテーションソーシャル social login

広告分析

Provides configurable behavior for ad exits for AMPHTML ads.

広告を表示するコンテナです。

AMP ドキュメントからアナリティクスデータを収集します。

リモートで提供される設定ファイルを使用して、AMP ページに広告を動的に挿入します。

amp-call-tracking

Dynamically replaces a phone number in a hyperlink to enable call tracking.

Used to conduct user experience experiments on AMP pages.

ページビューをカウントするトラッキングピクセルです。

amp-social-share

共有トラッキング機能を開発中です。

Provides a way to display and stick ad content at the bottom of the page.

動的コンテンツ

amp-access-laterpay

このコンポーネントにより、サイト運営者は LaterPay マイクロペイメントプラットフォームと簡単に統合できます。

amp-access-poool

Displays a Poool paywall.

amp-access-scroll

Integrates with Scroll membership.

AMP ペイウォールとサブスクリプションのサポートを提供します。

amp-action-macro

Creates reusable actions.

amp-autocomplete

Suggests completed results corresponding to the user input as they...

データバインディングや JS に似た単純な式を使用して、ユーザーの操作やデータの変更に応じた要素の変更を可能にします。

amp-byside-content

Displays dynamic content from the BySide service.

Provides the ability to collect and store a user's consent through...

amp-date-picker

Provides a widget to select dates. The date picker can render as...

Allows you to create forms to submit input fields in an AMP document.

Provides an approximate country-level geolocation interface.

Creates an iframe and displays a GitHub Gist.

amp-google-document-embed

Displays a document file supported by Google Drive.

Provides input masking capabilities to inputs in AMP forms

amp-install-serviceworker

Installs a ServiceWorker for the current page.

amp-link-rewriter

Allows publishers to rewrite URL based on configurable pattern

データを動的にダウンロードし、テンプレートを使用してリスト項目を作成します。

Provides a way to display and update content live.

amp-minute-media-player

Displays a Minute Media player.

Mustache.js テンプレートのレンダリングを可能にします。

Infinite scrolling experience for document-level page recommendations.