Google パブリッシャー タグ（GPT）ライブラリを 理解したうえで、 一般的なベスト プラクティスを 広告リクエストの発行を開始しますここでは、Google Chat の機能を 設定や使用時に注意すべき点がいくつかあります。 パフォーマンスへの影響を最小限に抑えながら
「重要」なものを優先する広告スロット
すべての広告スロットが同じように作成されるわけではありません。たとえば すぐに表示されるスロットには 通常は スクロールせずに見える範囲に 重点が置かれますそれよりは スクロールしなければ見えない範囲 視認性と収益化が促進されますこのことを踏まえて、 ページの各広告スロットの相対的な重要度を 慎重に検討し 最重要スロットの読み込みを 優先的に処理します
スクロールせずに見える範囲の広告を早い段階で読み込む
ページの読み込み後すぐに表示される広告は、
あります。これらのスロットは、モジュール内の <head> で定義することをおすすめします。
ページ読み込みプロセスのできるだけ早い段階でリクエストする必要があります。この
広告が早期に読み込まれるようにして（視認性を最大化）、
最初のページ読み込みが不必要に遅くなることがなくなります。
スクロールしなければ見えない範囲の広告の読み込みを遅らせる
スクロールして表示される広告の場合、取得とレンダリングは スロットがビューポートに近づくまで延期されます。このプロセスは 遅延読み込みと呼ばれます個別の遅延読み込み リクエストとレンダリングを優先して行うスロットには、 おすすめしますこれによりページ読み込みのパフォーマンスが ブラウザの限られたリソースを節約できます。これは特に、 帯域幅と CPU に厳しく制約されることが多いモバイル環境に適しています。
ページを更新せずに広告を更新する
置き換えが最適である、または必要なシナリオは多数あります スロットの現在の広告コンテンツとはそのような場合は、 GPT ライブラリの 更新機能を動的に使用することをおすすめします。 これにより、ページ全体が更新されることがなくなり、条件を細かく管理できるようになります 自動的に更新されるようになります。
広告スロットを更新する際には
refresh() のベスト プラクティス
広告を不適切に更新すると、パフォーマンスの問題や
視認可能率に影響します
広告の効果的なターゲット設定
Key-Value ターゲティングを設定する際は、
スロットレベルとページレベルのどちらの
ターゲティングを使用するかを検討しますKey-Value を共有する場合
ページレベルのターゲティングを使用すると
PubAdsService setTargeting() メソッド。スロットレベル
ターゲティングは、それぞれ異なる Key-Value や、
すべてのスロットに表示されます
なお、スロットレベルとページレベルのターゲティングは、 ターゲット設定の例をご覧ください。すべての GCP リソースを まずページレベルでターゲティングを設定してから オーバーライドできますこの方法を使用すると、 また GPT API を使用すると、コードが簡素化され、 ページ上で設定されているすべてのターゲティングの明確なメンタルモデルとなります。
シングル リクエスト アーキテクチャを正しく使用する
シングル リクエスト アーキテクチャ（SRA）は、 複数の広告スロットに対するリクエストを 1 つの広告リクエストにまとめる。これにより、 ページに設定されている競合相手の除外とロードブロッキングが 誇りに思います。ページでこれらの要素を使用する場合は、 SRA を有効にして正しく使用する方法を理解します
デフォルトの設定では、SRA は
初めて display()（または refresh()
初期読み込みが無効になります）。このため、
ページの <head> ですべての広告スロットを定義することをおすすめします。
display() の最初の呼び出しの前に、ドキュメント内で参照されます。
遅延読み込みは、
スクロールしなければ見えない位置のスロットが
すぐには読み込まれない。
SRA を使用する場合は、すべての広告スロットを完全に設定することが重要です（例:
ターゲティングやカテゴリの除外など）を設定してから、
display()。この時点より前に設定された値のみが
最初の SRA リクエストが作成されます。
不正解 - 広告スロットの構成が SRA リクエストに含まれない
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots.
googletag.display(adSlot1);
});
</script>
</div>
<div id="banner-ad-2" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display has no effect, since both ad slots have already
// been fetched by the previous call to display.
// Targeting configuration for ad slot 2 is ignored.
adSlot2.setTargeting('test', 'privacy');
googletag.display(adSlot2);
});
</script>
</div>
</body>
</html>
正解 - 広告スロットの構成が SRA リクエストに含まれている
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define and configure ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.setTargeting('test', 'privacy')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;"></div>
<div id="banner-ad-2" style="width: 728px; height: 90px;"></div>
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots with all
// configured targeting.
googletag.display(adSlot1);
});
</script>
</body>
</html>
広告サイズを最適化する
広告スロットを定義する際は、配信できる広告の最大サイズだけでなく、 同じスペースに無理なく収まる小さめのサイズにも対応します。イン 一般的に、スロットの定義時に指定したサイズが多いほど、より多くの広告が 指定することもできますこれにより広告掲載率が向上し 収益の増加につながります