WordPress アドセンス

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

eye_wp

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

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

WordPressをお使いの方で、まだ見出し前にアドセンス広告を貼っていない方はぜひ参考にしてみてください。

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

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

functions.phpを編集する時は注意が必要で、1文字でも選択ミスがあったりすると画面が真っ白になって顔は真っ青になるので気を付けてくださいね。

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

20160228a

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

先ほど現れた「投稿本文中」のウィジェットエリアで、左側に並んでいる「テキストウィジェット」または「カスタム HTML」を使用します。

「内容」のところに取得したアドセンスのコードを貼りましょう↓

20160228c

「タイトル」の部分がラベルとして表示されますが、ここは入力しなくても大丈夫です。「スポンサーリンク」の表示はなくても規約違反にはなりません

はい!できました。

20160228d

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

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

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

広告部分には「 .widget-in-article 」、ラベル部分には「 .widget-in-article-title 」というclass名が振られているので、CSSですぐにカスタマイズできます。

下記のCSSは広告の下部に余白を追加して、ラベル文字の大きさと色を調整する場合のコードです。お好みで変更してみてください。

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

アドセンスの収益を伸ばしたい方はこちらの記事もどうぞ↓

WordPress
\記事が役に立ったらシェアしてね/
うぇぶあしび

コメント

  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個はうまく表示されるが、手動で表示している見出し前のアドセンスが表示されなくなる。

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

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

  5. ケイ より:

    こちらの記事、大変参考になりました。
    一点、質問なのですが、特定の記事だけアドセンスを非表示にすることは可能でしょうか?
    よろしくお願いいたします。

    • DICE より:

      ケイさま
      遅くなってすいません。
      特定の記事だけアドセンスを非表示にするのは「Widget Logic」というプラグインが便利です。
      使い方は申し訳ないですがこのブログでまだ紹介してないのでググると出てくると思います。
      試してみてくださいね。