AMP自動広告は自動的に最適化され最適な場所に広告を貼ります。Ad Inserterを使って貼って、AMP自動広告を貼る手順を記載します。
まず、Goodle AdsenseでAMP自動広告の設定とコードの取得を行います。
手順1に記載のように、「AMP自動広告」をONにします。
AMPスクリプトをコピーして、AMP HTML の head タグ内に貼り付けます。
| <script async custom-element=”amp-auto-ads” src=”https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js”> |
広告コードをコピーして、AMP HTML の本文に貼り付けます。太文字の部分はサイト運営者のIDです。
| <amp-auto-ads type=”adsense” data-ad-client=”ca-pub-1234567891234567“> </amp-auto-ads> |
AMPを管理するプラグイン AMP for WP でもAMP自動広告を貼ることができます。
Ad Inserter は有料を利用しなくても、AMP自動広告を貼れます。
For the body code simply configure one block with adsense code
[ADINSERTER AMP]
<amp-auto-ads type=”adsense” data-ad-client=”ca-pub-123456789123456″>
</amp-auto-ads>and set automatic insertion Before post (if your theme does not support this position use Before content).
This position is not immediately after the <body> tag but is the topmost position available without modifying theme files. It should work normally.
次のAMPプラグインはAd inserter でテスト済みです。
参考:https://adinserter.pro/settings
Ad Inserter をインストール、有効化します。
手順は次の通りです。
AMPページにコードを貼るには2つの設定が必要です。
セパレーター [ADINSERTER AMP] でコードを区切ります。セパレーターより上のコードは非AMPページ（通常のページ）に、セパレーターより下のコードはAMPページに挿入されます。
AMP自動広告コードを貼る
コードを貼る場合、[ADINSERTER AMP]セパレータを使用します。[ADINSERTER AMP]セパレータの下のコードがAMPページに挿入されます。
デフォルトでは、広告コードはAMPページに挿入されません。 Javascript広告やJavascript分析はAMPページでは許可されていないため、AMPページではほとんどの標準広告コードを使用できません 。
なるべく、Insertionタブ の ▢AMP pages はチェックしないで下さいとのことです。
[ADINSERTER AMP]セパレータを使用して、AMPページにAMPコードを挿入します。セパレーター上のコードは通常のページに挿入され、セパレーター下のコードはAMPページに挿入されます。
| [ADINSERTER AMP］ |
手順2のAMPスクリプトはhead タグ内に貼ります。
Headerにスプリクトを貼る
PHPボタンの横にあるヘッダー/フッターコードを有効にする
上記の記事は下記リンクを参考に行った手順を記載しています。
通常の広告
記事の中の広告は「スポンサーリンク」というラベルだけで、表示されていません。
AMP広告
Ad Inserter の使い方を記載しておきます。
Ad Inserter は、図1のように1～16のBlockがあり、16の広告コードを貼ることができます。1Blockの部分をクリックすると名前の変更ができます。
16通りの広告の位置の設定ができます。
次の16通りから選びます。位置は図でみることもできます。（下記参照）
| Disabled | 無効 |
| Post | 投稿の前後・間 |
| Content | コンテンツの前後 |
| Paragrach | 段落の前後 |
| Excerpt | 抜粋の前後 |
| Comments | コメントの前後・間 |
| Footer | フッター |
| HTML element | HTMLエレメントの前後 |
Paragrach（段落）を選ぶと、詳細設定が表示されます。
2と入れると2番目の段落に広告が入ります。
counting をクリックすると段落の数え方の設定ができます。
段落は上または下から数えることができます。
段落のタグは通常pタグですが、h2、h3、divなども設定できます。
などの設定ができます。
ならば、Topから数えて2番目のPタグの前に広告を貼るということです。
Paragrach(s)はパーセンテージでも指定できます。
| Paragrach(s) | 2 | 整数は段落の番号 |
| Paragrach(s) | 0 | ランダムな位置 |
| Paragrach(s) | 0.3 | 小数点はパーセンテージ30% |
特定のテキストのを含まない（含む）場合だけをカウントするなどの設定ができます。
<blockquote>、<figure>、<li>などはカウントされません。
広告を貼る位置を決めたら、その広告を中央か左寄せかなどを Alignment and Style で設定します。
デフォルトを含め中央、左寄せ、右寄せなど7通りの設定、またはcssでの設定もできます。
Show をクリックすると、よりわかりやすいです。
Before Post と Default（デフォルト）を選んでいます。
Previewをクリックすると、プレビューウインドウでも確認ができます。
表示させたいページタイプにチェックを入れます。
デフォルトでは、 エラー404ページとRSS feedには広告コードは挿入されません。404ページやRSS feedに広告を表示させる手順は、Miscをクリックし、Insertionタブを開き、チェックを入れます。Adsenseではエラーページに広告を掲載することは許可されていません。
個別に表示または非表示にすることができます。
広告の表示させたいページタイプ Posts または Static pages の▼をクリックします。
| Individually disabled | デフォルトは広告を表示する |
| Individually enabled | デフォルトは広告を表示しない |
表示（ホワイトリスト）と非表示（ブラックリスト）を作ることができます。
複数のURLや投稿IDをリストに登録するには「,」で区切ります。
その他、特定の端末のみに広告を表示するなどの設定もできます。
ウィジェットやショートコードにも対応しています。Manualタブを開き、チェックを入れます。
広告の上に広告ラベルを表示できます。Miscをクリックし、Displayタブを開き、Ad Labelにチェックを入れます。
コード生成ツールはAMPページ用AdSenseコードも生成します。
AMPを管理するプラグイン AMP for WP でもAMP自動広告を貼ることができます。
This post was last modified on %s = human-readable time difference 11:37 AM