おすすめのAMP JS

サイトに多様できそうなAMP JSをまとめてみました。AMP化のご参考にしてください。

scriptの記述は使用しないページに設置をしているとAMPエラーになりますのでご注意ください。

Light box

画像をクリックするとページ全体に拡大画像が表示されます。

■ head内にscriptを記述

■ 設置したい箇所に以下のコードを記述

同じページに画像を複数設置したい場合は"imgbox01"の名称を画像毎に変えてください。

DEMO PAGE

youtube

youtube動画の埋め込み

■ head内にscriptを記述

■ 設置したい箇所に以下のコードを記述

youtubeのURLにあります=の後からが動画IDになります。

DEMO PAGE

SNSボタン

■ head内にscriptを記述

■ 設置したい箇所に以下のコードを記述

DEMO PAGE