AdSenseの広告コード

広告コードはHTMLJavaScriptで記述するため、正確な理解にはこれらの知識が必要です。

非同期コード

HTML5からサポートされているasync属性によって、スクリプトを非同期で読み込むようにブラウザに指示します。ユーザIDなどは、ins要素の属性で指定します。

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 広告の名前 -->
<ins class="adsbygoogle"
     style="display: inline-block; width: 広告の幅px; height: 広告の高さpx"
     data-ad-client="ユーザID"
     data-ad-slot="広告ID"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

同期コード

ユーザIDなどは、JavaScriptのグローバル変数として定義します。

<script type="text/javascript"><!--
google_ad_client = "ユーザID";
/* 広告の名前 */
google_ad_slot = "広告ID";
google_ad_width = 広告の幅;
google_ad_height = 広告の高さ;
//-->
</script>
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
複数の技術系サイトから、まとめて検索