WordPressプラグインAMP対応ページをよくみるようになりました。先日はてなブックマークでは今までAndroid版アプリのみのAMP対応からiOS版も表示されるようになりました。iOSのアプリではこんな感じで表示されます。マイナビニュース、BLOGOSはもちろん、個人が使ってもいるアメブロなどもAMP対応になっています。AMP対応ははやく対応しておく必要がありますね。前置きが長くなっていましたが、AMPに関する以前の記事からの続報2として今回は「Googleアナリティクスでの計測」と「GoogleAdsenseの表示」について紹介します。【続報1】GoogleAMPの経過報告とWordPressプラグイン「AMP」の導入方法プラグインディレクトリ内の「AMP」→「templates」→「single.php」を開き、この「single.php」に追記していきます。カスタマイズして設置する際にはAMP公式ページにリンクされているGithubのコードを使って、カスタマイズしていきます。念の為にGoogleアナリティクスのIDを調べる方法を簡単に紹介します。Googleアナリティクスでログインをすると管理しているサイトの一覧が表示されます。今回AMPページのアクセス解析を行いたいサイトの「UA-」に続く数字になります。?>」と記述があるのでその前に下記のコードを追記します。続いて、〈body〉と〈/body〉の間に下記のコードを追記します。「UA-*****-*」は、自分のGoogleアナリティクスのトラッキングIDになりますので、書き換えてください。}}&lt;/script&gt;&lt;/amp-analytics&gt;実際にGoogleアナリティクスを見るとAMPページのURLでカウントされています。pagesWordPressプラグイン「AMP」にGoogleAdsenseのコードを埋め込むGoogleAdsenseのIDの調べ方こちらも念のため、調べ方を簡単に紹介。GoogleAdsenseでAMPページ用に広告ユニットを作ります。コードが表示されるとこんな感じででてきます。広告を表示させたい箇所へ下記のコードを追記します。上記画像の1部分を「”ca-pub-****************”」、2部分を「data-ad-slot=”**********”」を先ほど調べたIDに書き換えてください。widthやheightは自由にサイズを調整できます。data-ad-slot=&quot;**********&quot;&gt;ちなみに私はタイトルと本分の間に設置したかったので、するとこんな感じに表示されます。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。人気記事ブロガーやデザイナー必見!簡単に写真の縦横比が計算できるツールを作ってみた。