広告コードはHTMLとJavaScriptで記述するため、正確な理解にはこれらの知識が必要です。
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>