Google AdSenseの広告をWordPressの投稿内に記述する方法

以前Google AdSenseの広告を自動で設定してたのですが、ある時スマホで管理サイトを見た時、やたら記事を読むのを邪魔するので、自動設定を外したんです。

するとアドセンスの収益が1/10以下になってしまったんです。。でも、せっかく書いた記事を読んでもらうのに、広告で邪魔されるのは本意ではない。ということでそのままにしてたんですが、、、色々調べてるとワードプレスの投稿内の任意の場所にアドセンスを設置できる!ということがわかったのでやってみることにしました。

そんなわけで、今回は『Google AdSenseの広告をWordPressの投稿内に記述する方法』です!

Googleアドセンスの広告コードを取得する

まずは Googleアドセンスの広告ユニットを作成し、広告コードを取得します。

サイドメニューの「広告」→「サマリー」から、「広告ユニットごと」のタブを選んで「新しい広告ユニットの作成」の画面にいき、推奨の「ディスプレイ広告」か「インフィールド広告」か「記事内広告」でよいと思います。

GoogleAdSense広告作成画面1

思いますというのは、以前は336×300の広告等を作って貼ってたのですが、今はどれを貼っても自動でレスポンシブの広告がでるんですよね。なのでどの広告コードでも、レスポンシブになると思われます。(20210304時点)

GoogleAdSense広告作成画面2 コードを取得

この「コードを取得」のアイコンをクリックすると「コード生成ツール」の画面になります。

GoogleAdSense広告作成画面3

この枠内のコードをいじってfunctions.phpに記述します。

ちなみに最初の

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

は、headerなどにすでに読み込んでいる場合はいりませんが、まだGoogle AdSenseを導入したことがない方は必要なのでいれてくださいね。

あと、

<!-- 横長バナーレスポンシブ -->

これは広告コードを作った時の任意の名前ですので、いりません。

広告コードをfunctions.phpに記述する

以下のようなコードを作ります。

function showAdS() {
    return '<p style="margin:20px auto 30px;">
            <ins class="adsbygoogle"
             style="display:block"
             data-ad-client="ca-pub-1111111111111111"←ここが変更になる
             data-ad-slot="1111111111"←ここが変更になる
             data-ad-format="auto"
             data-full-width-responsive="true"></ins>
            <script>
             (adsbygoogle = window.adsbygoogle || []).push({});
            </script>
            </p>';
}
add_shortcode('adsense', 'showAdS');// ショートコード追加

3~10行目は取得した広告コードをそのままコピペでOKですね。
2,11行目のpタグは、アドセンスのコードをくくって、marginで上下に隙間を入れてます。これはなくてもOKです。これがないと上下に隙間がなくペタペタになるので入れているだけです。隙間の幅等を変更したい場合は、適宜変更してくださいね。

これを functions.phpに記述すれば準備はOKです!

ショートコードを投稿内に記述する

あとは投稿内に以下のようにショートコード[ adsense ]と記述すれば、

サンプルサンプルサンプル
[ adsense ]
サンプルサンプルサンプル

このサンプルの間に、Googleアドセンスの自動広告が表示されてくれます。

ちなみに上記ショートコードの「adsense」の前後に半角スペースが入っているのは、これがないとここに「adsense」の文字が表示されず、アドセンスのコードが表示されてしまうので入れているだけですので、この半角スペースは削除して使ってくださいね。

以上!
『Google AdSenseの広告をWordPressの投稿内に記述する方法』でした!

Google AdS



関連記事

IcoMoonにSVGファイルをインポート

IcoMoonでSVGスプライトを作ってSVGアイコンを使う方法:WordPress & html での設定方法


今までSVGアイコンはきちんと把握せず使ってきたので、少々トラブルがあっても『頻繁に使う訳ではないし、とりあえず使えてた…

記事を読む▷


MySQL移行ツールにて移行

MySQL 5.5→5.7への移行手順:XSERVER(エックスサーバー)にて


数年ぶりに新規でワードプレスを使用したサイトを作ったのですが、MySQLのバージョン、5.7しか新規では追加できないよう…

記事を読む▷


サーバー移転の手順 その3:移転後のトラブル


前回、前々回と書きましたが、サーバーの移転、少々、いや、かなりやいこしいです。できたあとは疲れ果てて『もーできたしえーわ…

記事を読む▷


FACEBOOK デバッガー & TWITTER Card validator

【2021】FacebookやTwitter CardのOGPの設定をする!チェックツールURLも!プラグインなし


今まで何度も『OGP』の設定に関する記事は書いてきたのですが、新規サイト立ち上げで参考にしようと見てみたら、Facebo…

記事を読む▷


公開日を最終更新日にする!サムネイル

検索結果に最終更新日を表示させてクリック率をアップする方法!新規投稿時には公開日を表示させる!


以前は検索結果で1ページ目上位3番目以内に半年以上表示されていた記事が、いきなり圏外となってしまいました。Googleの…

記事を読む▷


Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

PAGE TOP