SYNCER

SYNCER

AMPのタグリファレンス

公開日:

AMPで利用できるコンポーネントの使い方をまとめています。

広告、分析

広告を表示したり、トラッキングをするためのコンポーネントです。

コンポーネント名可用性説明
amp-adStable広告を表示する。
amp-analyticsStable勉強中…。
amp-experimentStable勉強中…。
amp-pixelStableGETリクエストを送信する。
amp-sticky-adStable固定追尾広告を表示する。

音声、動画

音声や動画を表示するためのコンポーネントです。

コンポーネント名可用性説明
amp-apester-mediaStableApesterのコンテンツを埋め込み表示する。
amp-audioStable音声プレーヤーを表示する。
amp-brid-playerStableBrid.tvの動画を埋め込み表示する。
amp-brightcoveStableBrightcoveの動画を埋め込み表示する。
amp-dailymotionStableDailymotionの動画を埋め込み表示する。
amp-huluStableHuluの動画を埋め込み表示する。
amp-jwplayerStableJW Playerの動画を埋め込み表示する。
amp-kaltura-playerStableKalturaの動画を埋め込み表示する。
amp-o2-playerStableAOL O2Playerの動画を埋め込み表示する。
amp-ooyala-playerStableOoyalaの動画を埋め込み表示する。
amp-reach-playerStableBeachfront Reachの動画を埋め込み表示する。
amp-soundcloudStableSoundCloudの音楽を埋め込み表示する。
amp-springboard-playerStableSpringboardの動画を埋め込み表示する。
amp-videoStable動画プレーヤーを表示する。
amp-vimeoStableVimeoの動画を埋め込み表示する。
amp-vineStableVineの動画を埋め込み表示する。
amp-youtubeStableYoutubeのコンテンツを埋め込み表示する。

動的コンテンツ、パーソナライゼーション

動的コンテンツや、パーソナライゼーションを表示するためのコンポーネントです。

コンポーネント名可用性説明
amp-bindExperimental勉強中…。
amp-listStable勉強中…。
amp-live-listStable勉強中…。
amp-mustacheStable勉強中…。
amp-user-notificationStable勉強中…。

有料コンテンツ

有料コンテンツを表示するためのコンポーネントです。

コンポーネント名可用性説明
amp-accessStable勉強中…。

プレゼンテーション

情報を分かりやすいように伝えられるUIを設置するためのコンポーネントです。

コンポーネント名可用性説明
amp-accordionStableアコーディオンを設置する。
amp-animStableGIF画像を表示する。
amp-animationExperimental勉強中…。
amp-app-bannerStable勉強中…。
amp-carouselStableカルーセルを設置する。
amp-dynamic-css-classesStable勉強中…。
amp-fit-textStableテキストのサイズをフィットさせる。
amp-fontStableフォントの読み込みを制御する。
amp-formStable勉強中…。
amp-fx-flying-carpetStableフライングカーペットを設置する。
amp-google-vrview-imageExperimental勉強中…。
amp-iframeStableインラインフレームを設置する。
amp-image-lightboxStable画像用のライトボックスを設置する。
amp-imgStable画像を表示する。
amp-lightboxStableライトボックスを設置する。
amp-selectorStableフォームの選択肢を表示する。
amp-sidebarStableサイドバーを設置する。
amp-viz-vegaExperimentalVegaのデータビジュアライゼーションを表示する。

Progressive Web App (PWA)

ウェブとアプリの両方の利点を兼ね備えたコンテンツを設置するためのコンポーネントです。

コンポーネント名可用性説明
amp-install-serviceworkerStable勉強中…。

ソーシャルシェア

ソーシャルネットワーキングの各サービスのコンテンツを埋め込み表示するためのコンポーネントです。

コンポーネント名可用性説明
amp-facebookStableFacebookのコンテンツを埋め込み表示する。
amp-gfycatStableGfycatの画像を埋め込み表示する。
amp-instagramStableInstagramのコンテンツを埋め込み表示する。
amp-pinterestStablePinterestのコンテンツを埋め込み表示する。
amp-playbuzzStablePlaybuzzの動画を埋め込み表示する。
amp-redditStableredditのコンテンツを埋め込み表示する。
amp-social-shareStableソーシャルシェアボタンを設置する。
amp-twitterStableTwitterのツイートを埋め込み表示する。
amp-vineStableVineの動画を埋め込み表示する。