広告コードの導入

非同期広告コードについて

非同期広告コードとは、完全非同期バージョンの AdSense 用広告コードのことで、ウェブページの読み込み時間を短縮し、サイトを訪れたユーザーの利便性を高めます。非同期コードには、ウェブページの他の部分の読み込みを妨げないというメリットがあるため、広告の読み込みに問題があるページでも、コンテンツの読み込みは問題なくできるようになります。モバイル ユーザーの場合は特に、ウェブページの読み込み時間の短縮を実感できるでしょう。

非同期広告コードと同期広告コードの主な違いは以下のとおりです。

  • 速度: 非同期広告コードは、特にモバイルでウェブページの読み込み時間を短縮します。
  • ユーザー エクスペリエンスの向上: 非同期広告コードを使用すると、広告の読み込みで問題が発生しても、ユーザーはお客様のコンテンツを表示することができます。

詳しくは、Inside AdSense の次のブログ投稿をご覧ください: AdSense 広告を表示するページの高速化と安定化について

非同期広告コードの設定

AdSense 用広告コードの生成時には、非同期広告コードと既存の AdSense 用広告コードのどちらを使用するか、選択することができます。非同期コードを使用する場合、[広告コード] ボックスの [コードタイプ] メニューの種類は [非同期] のままにしておきます。非同期コードを生成したら、現在の広告コードの場合と同じように、コピーしてページの HTML ソース コードに貼り付けます。

非同期コードのメリットを最大限に活用するには、該当するページのすべての広告ユニットを同時に切り替えることをおすすめします。

非同期コードの構文

非同期広告コードの構文は、現在の AdSense 用広告コードの構文とは異なります。これら 2 つのタイプの広告コードを比較すると次のようになります。

非同期広告コード 同期広告コード
<script async src="//pagead2.googlesyndication.com/
pagead/js/adsbygoogle.js"></script>
<!-- leaderboard -->
<ins class="adsbygoogle"
    style="display:inline-block;width:728px;height:90px"
    data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
    data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script type="text/javascript">
    google_ad_client = "ca-pub-xxxxxxxxxxxxxxxx";
    google_ad_slot = "1234567890";
    google_ad_width = 728;
    google_ad_height = 90;
</script>
<!-- leaderboard -->
<script type="text/javascript"
src="//pagead2.googlesyndication.com/
pagead/show_ads.js">
</script>

トラブルシューティング

非同期コードを使用するすべてのページについて徹底的にテストを行うことをおすすめします。非同期コードを追加してから 48 時間経過しても広告がサイトに表示されない場合は、広告コードがサイトに正しく挿入されているかご確認ください。ブラウザでサイトのソースを表示して、広告コードとアカウントで提供されたコードが同じであること、広告コードのすべての行が含まれていることを確認します。または、ブラウザの JavaScript エラー コンソールでも確認できます。adsbygoogle によって検出された設定上の問題に関するメッセージが表示されます。

非同期広告コードを正しく追加してもウェブサイトに広告が表示されない理由について詳しくは、コンテンツ向け AdSense 広告が表示されないをご覧ください。

よくある質問

非同期コードには <script> の type 属性を含める必要がありますか?
HTML5 をターゲットにする非同期コードには、type 属性を含める必要はありません。非同期コードには type="text/javascript" を追加しても構いませんが、コードの動作は一切変わりません。HTML5(および既存のすべてのウェブブラウザ)では、type="text/javascript" は既定値となります。
AdSense の非同期コードと Google アド マネージャーの非同期タグは併用できますか?
いいえ、AdSense の非同期広告コードは Google アド マネージャーではサポートされていないため、併用できません。
CSS を介して広告のサイズを設定することはできますか?
はい、可能です。これにより、配信する広告のサイズを動的に指定することができます。
Google サイト運営者タグは非同期広告コードに対応していますか?
はい、Google サイト運営者タグはこの非同期広告コードに対応しています。

 

この記事は役に立ちましたか?
改善できる点がありましたらお聞かせください。