これは簡単!WordPressで最初のH2見出しの前にアドセンス広告を自動挿入

eye_wp

Google AdSense(アドセンス)の効果的な配置について、ネット上で色々な方が記事を書いています。
その中でも「H2見出し前」がアツいようです。

これはやらなあかん!ということで、このブログでも早速導入することにしました。
記事の最初のH2見出し前へのアドセンス広告挿入を、コピペで超簡単に、しかも自動で挿入してくれる方法を見つけたのでご紹介します。

WordPressをお使いの方には超オススメですよ!

子テーマの使用方法

テーマファイルをカスタマイズする時は子テーマを使うことが推奨されています。
子テーマを使用すると、テーマ本体をアップデートしてもカスタマイズ内容が消えないというメリットがあります。

STINGER7での子テーマの使用方法はこちら↓

STINGER7:テーマのインストールと子テーマの使用方法

特にSTINGER7の場合は「header.php」を編集する際には注意が必要です。
こちらの記事を参考にしてください↓

STINGER7:親テーマの任意のファイルを子テーマで編集する方法

「functions.php」にコードをコピペ!

まずは管理画面の「外観 → テーマの編集」で「functions.php」を開きましょう。
そしたら一番下に下記のコードをまるまるコピペします↓

functions.phpを編集する時は間違えると画面が真っ白になって顔は真っ青になるので気を付けてくださいね。

コードを貼り付けてから「ファイルを更新」すると「外観 → ウィジェット」の画面にこのようなウィジェットが現れたと思います↓

20160228a

テキストウィジェットでアドセンス広告のコードを貼り付ける

先ほど現れた「投稿本文中」のウィジェットエリアに、左側に並んでいる「テキストウィジェット」をドラッグ&ドロップで持ってきて、取得したアドセンスのコードを貼りましょう!

20160228c

スポンサーリンクの表記がないとGoogle様から警告が来たりするらしいですね。
「タイトル」の部分がラベルとして表示されるので、ここに書いておきましょう。

はい!できました。

20160228d

めっちゃ簡単!早い!素晴らしい!
こちらの「寝ログ」様の記事のコードをそのまま使用させて頂きました↓
ありがとうございます!

コピペ一発!WordPress本文中にウィジェットでアドセンス挿入するカスタマイズ方法
Google AdSenseのコードなどをテキストウィジェットを使って、本文中の見出し手前に表示するWordpressカスタマイズ方法の紹介です。編集箇所が減るので、PHPのカスタマイズに慣れてない人でも、手軽にできるのではないかと思います

表示をちょっとカスタマイズしたい場合は

広告部分には「 .widget-in-article 」、ラベル部分には「 .widget-in-article-title 」というclass名が振られているので、CSSですぐにカスタマイズできます。
僕は広告の余白と、ラベル文字の大きさと色を少し調整しました↓

簡単にできるので皆さんもお試しください〜♪

コメント

  1. クン より:

    DICEさん

    いつもお世話になります。
    この記事の通りfunctions.phpに上記コードを入れたところ、下記のようなメッセージが出て文字通り、顔が真っ青になっています。
    Parse error: syntax error, unexpected ”name” (T_CONSTANT_ENCAPSED_STRING) in /home/ユーザーネーム/ドメインpublic_html/wp-content/themes/stinger7child/functions.php on line 66

    どのようにしたらよいでしょうか?

    よろしくお願いします。

  2. クン より:

    DICEさん

    何とか戻りました。
    おさわがせしました。

    しかし、ウジェットを使わないでアドセンスを入れるのはどうしたらいいんでしょうか。
    もう一度DICEさんの記事を一から読み直してみます。

  3. DICE より:

    クン様

    そのままコピペで貼り付けしていただくとエラーは出ないと思うのですが、どこかコードの一部を消してしまってたりしないでしょうか?

    H2前にアドセンスを入れるのはウィジェットが便利で簡単だと思いますよ!
    記事下の横並びの広告は無事に設置できましたでしょうか?

  4. クン より:

    DICEさん
    いつもありがとうございます。
    長文だと伝わりづらいので箇条書きにいたします。

    ・横並びはできたが、アドセンスが4つ以上になってしまう。

    ・アドセンス用ウィジェットを削除すると横並びの2個はうまく表示されるが、手動で表示している見出し前のアドセンスが表示されなくなる。

    おそらくこのページで紹介してくださっている自動表示がうまくいけば、アドセンス用のウィジェットを削除しても問題なく表示されるかと思います。

    とりあえずもう一度挑戦してみます。
    ありがとうございます。