AMPページへのAdSense設置完全ガイド：モバイル広告収益を48%アップさせる秘訣
Google Analyticsを開くと、モバイルからのアクセスが7割を超えている。しかしAdSenseのレポートを見ると、モバイルのRPM（収益性）はPCの半分以下——。
この光景に心当たりはありませんか？モバイル全盛の時代なのに、肝心の収益がついてこない。「画面が小さいから仕方ない」「誤クリック対策で単価が低いんだ」と諦めていませんか？
実は、それは大きな機会損失かもしれません。
フォルクスワーゲンが行ったテストでは、通常のモバイルページをAMPページに切り替えただけで、広告のクリック率（CTR）が26%向上しました。さらにAMP専用の広告フォーマット（AMPHTML広告）を採用したところ、CTRは48%も跳ね上がりました。また、ワシントン・ポスト紙はAMP導入によって7日間のユーザー定着率が51%から63%に改善したと報告しています。
かつて私は「AMP＝制限が多くて広告が貼りにくい」と敬遠していましたが、実際にテストしてみると、その爆速な表示速度は広告収益に直結することがわかりました。
この記事では、AMPページにAdSenseを正しく設置する手順を、初心者向けの「自動広告」から上級者向けの「手動配置」まで徹底解説します。Core Web Vitals（CWV）を悪化させずに広告を出すテクニックも紹介します。
AMP技術とAdSenseの蜜月関係
なぜAMPがモバイル収益に効くのか
AMP (Accelerated Mobile Pages) は、Googleが主導する「モバイルページを爆速で表示するための規格」です。余計なJavaScriptを排除し、コンテンツを最優先で読み込む仕組みになっています。
広告収益において「速度」は正義です。
通常のスマホページで広告が表示されるまで5秒かかるとしたら、せっかちなユーザーはその前にスクロールしてしまうか、ブラウザを閉じてしまいます。AMPなら1秒以内にコンテンツと共に広告枠が表示されるため、広告の視認率（Viewability）が劇的に向上します。Googleのデータでは、読み込み時間が19秒から5秒に短縮されると、広告収益は2倍になると言われています。
よくある誤解
誤解1：「AMPにすると広告が減るから稼げない」
昔は確かにAMP対応の広告フォーマットが少なかったのですが、今はAdSenseの主要なフォーマット（ディスプレイ、レスポンシブ、自動広告）がフル対応しています。むしろ表示速度のおかげで収益性は上がる傾向にあります。
誤解2：「設定が難しそう」
WordPressならプラグイン（AMP pluginやSite Kit）を入れるだけでAMP化できますし、AdSenseの自動広告ならコードを2箇所貼るだけで完了します。
AMPページへのAdSense設置：自動広告編（推奨）
初心者や、手軽に導入したい人は「AMP自動広告」一択です。GoogleのAIがページ構成を解析し、邪魔にならない最適な場所に広告を入れてくれます。
設定手順
"},{"@type":"HowToStep","position":3,"name":"広告ユニットの設置（直下）","text":"以下のコードをタグの直後（開始タグのすぐ下）に貼り付けます。ca-pub-xxxはご自身のパブリッシャーIDに書き換えてください。\n⏱️ Estimated time: 10 min
- 1
Step1: AdSense管理画面での設定
AdSenseにログインし、「広告」→「サマリー」→ サイトの横にある編集アイコンをクリック。「AMPサイトですか？」のトグルをオンにします（または「その他のフォーマット」→「AMP」からコードを取得）。 - 2
Step2: スクリプトの追加（<head>内）
以下のコードをAMPページの<head>タグ内に貼り付けます。
<script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js"></script> - 3
Step3: 広告ユニットの設置（<body>直下）
以下のコードを<body>タグの直後（開始タグのすぐ下）に貼り付けます。ca-pub-xxxはご自身のパブリッシャーIDに書き換えてください。
<amp-auto-ads type="adsense" data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"></amp-auto-ads> - 4
Step4: 検証
設定後、スマホでAMPページにアクセスして広告が表示されるか確認します。反映まで1時間程度かかることがあります。
AMPページへのAdSense設置：手動配置編（上級者向）
「自動広告だと変な場所に広告が出る」「見出しの上に必ず広告を入れたい」という場合は、手動でコードを設置します。
基本のコード構造
通常のAdSenseコードとは異なり、AMP専用の <amp-ad> タグを使います。また、<head> に専用スクリプトが必要です。
1. <head> へのスクリプト追加（必須）
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>2. 広告ユニットの設置
以下は、最も汎用性が高い「レスポンシブ広告」のコード例です。
<amp-ad width="100vw" height="320"
type="adsense"
data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
data-ad-slot="YYYYYYYYYY"
data-auto-format="rspv"
data-full-width="">
<div overflow=""></div>
</amp-ad>width="100vw" height="320": プレースホルダーのサイズ（初期表示領域）。data-ad-client: 運営者ID。data-ad-slot: 広告ユニットID（AdSense管理画面で「ディスプレイ広告」を作成して取得）。data-auto-format="rspv": レスポンシブ対応のスイッチ。
推奨される広告サイズ
モバイルAMPページで成果が出やすいサイズは以下の通りです。
- レスポンシブ（推奨）: 上記コードを使用。画面幅いっぱいに広がり、視認性が高い。
- 300x250（レクタングル中）: 記事本文中に最適。ユーザーの邪魔になりすぎず、クリック率も安定している。
- 336x280（レクタングル大）: 画面幅の広いスマホやタブレット向け。
NGなサイズ: 728x90（PC用ビッグバナー）はスマホでははみ出すか縮小されすぎて見えなくなるため、使わないでください。
どこに置くのが正解か？
- 第1段落の直後: 導入文を読み終わったタイミング。最も視認性が高い。
- 記事の中盤: 長文なら見出し（H2）の直前など、一息つく場所。
- 記事の末尾: 読み終わって次のアクションを探しているタイミング。
※注意：ファーストビュー（スクロールせずに見える範囲）には巨大な広告を置かないでください。AdSenseのポリシー違反になるほか、Core Web VitalsのLCP（最大視覚コンテンツの表示時間）を悪化させます。
Core Web Vitals (CWV) との共存テクニック
AMPは高速ですが、広告の貼り方次第ではCWVのスコアを下げてしまいます。特に注意すべきは CLS（累積レイアウトシフト） です。
CLSを防ぐ方法
広告が後から読み込まれて、下のコンテンツが「ガクッ」と下にズレる現象。これがCLSです。Googleはこれを嫌います。
解決策：サイズを明示する
AMPでは、<amp-ad> タグに必ず width と height を指定する必要があります。これにより、ブラウザは「ここに300pxの高さの広告が来るな」と事前にスペースを確保（予約）するため、後からレイアウトがズレることがありません。
<!-- 良い例：サイズ指定あり -->
<amp-ad width="300" height="250" ...></amp-ad>プレースホルダーで空白を埋める
広告が読み込まれるまでの間、空白だと寂しい場合や、読み込み中であることを示したい場合は placeholder 属性を使います。
<amp-ad width="300" height="250" ...>
<div placeholder style="background-color: #f0f0f0;">
広告読み込み中...
</div>
</amp-ad>ユーザー体験と収益のバランス
「稼ぎたいから」といって、2000文字の記事にプレビュー広告を10個も貼るのは逆効果です。ページが重くなり、ユーザーは離脱し、結果的に収益は下がります。
- 目安: 1000文字〜2000文字の記事なら、広告は2〜3個（自動広告含む）。
- 間隔: 広告と広告の間は、スマホの1画面分以上のコンテンツを入れる。
私の経験上、AMPページでは「読み込みが速い」こと自体が最大のユーザー体験です。広告を詰め込みすぎてそのメリットを殺さないようにしましょう。
まとめ
AMPページへのAdSense設置は、モバイル収益最適化の強力な武器です。
- まずは自動広告：
<head>と<body>にコードを貼るだけ。これで十分な効果が出ます。 - 慣れたら手動配置：特定の場所（リード文直下など）に狙って入れたい場合は、
<amp-ad>タグを使う。 - CLS対策を忘れずに：必ず
widthとheightを指定して、レイアウトシフトを防ぐ。
モバイルトラフィックを「ただの数字」で終わらせず、「収益」に変えるために、ぜひAMP AdSenseの最適化に取り組んでみてください。
`が入っていない。2. アドブロックを使っている（確認時はオフに）。3. AdSenseの審査に通っていない、またはAMPサイトのドメインが承認されていない。Chromeのデベロッパーツール（F12）のコンソールにAMPエラーが出ていないか確認してください。"}},{"@type":"Question","name":"AMP HTML広告とは何ですか？","acceptedAnswer":{"@type":"Answer","text":"AMPページだけでなく、通常のWebページにも配信できる、AMP技術で作られた高速・軽量・安全な広告クリエイティブのことです。従来の広告より読み込みが速く、ユーザー体験が良いため、クリック率が高い傾向にあります。AdSenseの自動広告やディスプレイ広告は自動的にAMP HTML広告として配信される場合があります。"}}]}FAQ
AMP自動広告と手動広告は併用できますか？
AMPページで広告が表示されません。原因は？
AMP HTML広告とは何ですか？
5 min read · 公開日: 2026年1月10日 · 更新日: 2026年1月22日
関連記事
AdSense代替案徹底比較：Mediavine、Ezoic、アフィリエイト完全ガイド（2026年版）
AdSense代替案徹底比較：Mediavine、Ezoic、アフィリエイト完全ガイド（2026年版）
WordPress AdSense最適化ガイド：プラグイン選びと設定の極意（2026年版）
WordPress AdSense最適化ガイド：プラグイン選びと設定の極意（2026年版）
AdSense 招商銀行（中国）での電信送金受取実戦ガイド：SWIFTコード、手数料、為替手続き全フロー
コメント
GitHubアカウントでログインしてコメントできます