AMP・広告の設定/AMP for WP

AMPのページに広告を簡単に貼る方法

AMPのページに広告を貼る方法は様々な方法がありますが、簡単にウェブサイトをAMP対応にして、広告を貼ることができるプラグイン「Accelerated Mobile Pages 」の設定について記載します。

Accelerated Mobile Pages/ AMP for WP を利用する

• Accelerated Mobile Pagesをインストール
• 有効化

新しいプラグインをインストールする前にはバックアップをとっておくと安心です。

Accelerated Mobile Pages の設定

1. 左側の項目よりAMPを選択
2. Setting
3. Easy または Full を選ぶ

Easyを選択した場合

次の7項目を設定するだけです。

Website Type

「Change」をクリックしウェブサイトのタイプを選択します。

Where do you need AMP?

投稿記事など個々のページでAMPを表示・非表示にできます。「Change」をクリックし、AMPに対応させるページ等を次の中から選びます。

• Homepage（ホームページ）
• Posts（投稿記事）
• Pages（固定記事）
• Archives（アーカイブ）

個々の投稿ページでAMP非表示にするためには、各投稿編集ページで設定します。（下記参照）

Design and Presentation

ロゴとGlobal Color Schemeを設定します。ロゴのサイズは120×90で作成します。

Analytics Tracking

GoogleアナリティクスのトラッキングIDを設定できます。GoogleアナリティクストラッキングIDの確認は以下の手順です。

GoogleアナリティクストラッキングIDの確認手順

1. Googleアナリティクスのアカウントにログインする
2. 管理をクリックする
3. アカウントを選ぶ
4. プロパティを開く
5. トラッキングIDを確認する

Privacy Settings

プライバシーの設定で、Cookie barを表示させることができます。Cookie barはユーザーにCookieを使用していることを伝えるバーで、Cookieの使用を許可または拒否できるbarです。

欧州のプライバシー規制（GDPR）に準拠し、EC市民に推奨できるサイトであれば、オンにします。

Advertisement

広告の設定をします。

広告の位置の設定

広告を設置する場所（AD＃1～#6）をオンにします。

• AD＃1 ヘッダーの下
• AD＃2 フッターの下
• AD＃3 投稿コンテンツの上
• AD＃4 投稿コンテンツの下
• AD＃5 タイトルの下
• AD＃6 関連コンテンツの上

広告の設定

AD Type（広告のタイプを選択）

プルダウンで、MGIDまたはAdsenseを選択します。

• MGID
• Adsense

AD Size（広告のサイズを選択）

プルダウンで、広告のサイズを次の7種類から選択します。

• 300×250
• 336×280
• 728×90
• 300×600
• 320×100
• 200×50
• 320×50

AMPの広告の設定「Data AD Client」と「Data AD Slot」について

1. Google AdSenceにログイン
2. 広告の設定-広告ユニットを開く
3. 新しい広告ユニットをクリックして広告ユニットを作る

広告コードを表示します。必要なコードは赤文字の部分です。

Data AD Client

広告コードの中から、 data-ad-client を入力します。

Data AD Slot

広告コードの中から、data-ad-slot を入力します。

Responsive Ad unit

レスポンシブ広告ユニットの場合はオンにします。

3rd Party Compatibility

互換性のあるプラグイン

個々の投稿記事また固定ページをAMP非表示にする

投稿編集またはページ編集の設定（文章）で設定します。

Show AMP for Current Page?

• Show（表示）
• Hide（非表示）

Fullを選択した場合

Fullを選択した場合、下のリンクに詳細を記載しています。

AMP導入・設定とデザイン・AMPテストとAMPエラー

AMP 導入Goog…

web.vogue.tokyo

AMPページのCSSを編集する

AMPページのデザイ…

web.vogue.tokyo