<
スポンサーリンク

AMP・広告の設定/AMP for WP

Accelerated Mobile Pages WordPress
Accelerated Mobile Pages
この記事は約5分で読めます。

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

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

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

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

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

Accelerated Mobile Pages の設定

  1. 左側の項目よりAMPを選択
  2. Setting
  3. Easy または Full を選ぶ
Accelerated Mobile Pages
Accelerated Mobile Pagesの設定へ
Accelerated Mobile Pages
Accelerated Mobile Pages「Easy」または「Full1」を選択

Easyを選択した場合

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

Accelerated Mobile Pages
Accelerated Mobile Pages

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の確認は以下の手順です。

Accelerated Mobile Pages
Accelerated Mobile Pages

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

  1. Googleアナリティクスのアカウントにログインする
  2. 管理をクリックする
  3. アカウントを選ぶ
  4. プロパティを開く
  5. トラッキングIDを確認する
GoogleアナリティクストラッキングID
Googleアナリティクストラッキング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. 新しい広告ユニットをクリックして広告ユニットを作る

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

<ins class=”adsbygoogle”
style=”display:block”
data-ad-client=”ca-pub-123456789
data-ad-slot=”12345678
data-ad-format=”auto”></ins>
<script>

Data AD Client

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

Data AD Slot

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

Responsive Ad unit

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

3rd Party Compatibility

互換性のあるプラグイン

Accelerated Mobile Pages
Accelerated Mobile Pages

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

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

Show AMP for Current Page?

  • Show(表示)
  • Hide(非表示)
Accelerated Mobile Pages
Accelerated Mobile Pages

Fullを選択した場合

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

Accelerated Mobile Pages
Accelerated Mobile Pages
タイトルとURLをコピーしました