WordPressのheader.phpにアドセンス広告コードを貼ってヘッダー下に表示する方法

ヘッダー下にアドセンス広告を入れる方法のご紹介です。

※もし作業される場合は、問題発生時に戻せるよう慎重に作業をお願いします。

何故かWordPressの「外観」-「ウィジット」の「テキスト」にアドセンス広告コード貼り付けして「ヘッダー下」にドラッグしてもページに反映されないのです・・・

そこで、管理画面のテーマエディター親テーマファイルheader.phpの<body>内に貼り付けます。そのまま貼り付けると左寄りになるため、クラスタグ(例:<div class=”adsense”></div>)を追加します、

<div class="adsense">
	<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 上横長タイプ -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5277516514105080"
     data-ad-slot="1017039401"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

data-ad-format=”auto”は、お好みに変更可能です。

デフォルトでは、レスポンシブ広告コードの data-ad-format タグには "auto" という値が設定され、これによりレスポンシブ広告ユニットでサイズの自動調整が有効になります。または、サイトのレスポンシブ広告ユニットの一般的な形状を指定することもできます。その場合は、data-ad-format の値を "rectangle"(レクタングル)、"vertical"(縦長)、"horizontal"(横長)に変更するか、これらをカンマで区切って組み合わせた値("rectangle, horizontal" など)に変更します。

レスポンシブ広告のタグパラメータの使用方法(2020/10/18時点)

広告をページ中央に表示させるため、管理画面の追加CSSに以下を追記します。

.adsense{
    text-align: center;
}

以上、完了です。

コメントする

CAPTCHA