[Blogger]Adsenseの自動広告を記事中の任意箇所に表示させる方法-穿ちLife!
[Blogger]Adsenseの自動広告を記事中の任意箇所に表示させる方法

2021/01/17

Adsense

t f P L

記事中に表示されるAdsenseの自動広告の場所を任意に指定する方法

Adsenseの自動広告を利用していると、意図しない所に広告が自動で挿入されてしまうことがあります。

  • 目次の上下
  • 画像の上
  • その他

正直、そこに表示されるのは気に食わないですし、
読者を不愉快にし、離脱率が上がりかねません。

Adsenseの管理画面から自動広告の表示箇所を設定すればいいじゃん(笑)。

Adsenseの管理画面でも確かに表示箇所を選べます。
しかし,

  • 削除可能なのは10箇所
  • 削除不可能な箇所もある
  • という欠点があります。

    色々と問題があるのね...。

    そこで、本記事ではAdsenseの管理画面ではなく、"ブログ側"で制御する方法を紹介していこうと思います。

    Adsenseの自動広告は要素グループの間に挿入され表示されることが多い

    Adsenseの自動広告の表示される箇所には法則があります。

    • 画像や動画
    • 段落

    基本的には、"要素"の上下に表示されることが多いです。

    そんなこと、みんな知ってるよ(笑)。

    確かにそれは常識です。
    では、「要素グループ同士の間」に表示されることは知っていますか?。

    「要素グループ同士の間」・・・?

    簡単に言うと「<div></div>」の中に、

  • 画像(img)や動画(iframe)
  • 段落(p)
  • の要素を入れることで、一つのグループになります。

  • 【HTML div】divタグとは?使い方を基礎から徹底解説|HTML&CSS入門
  • だからどうしたの?

    この要素グループ同士の間に、Adsenseの自動広告が自動的にかつ、優先的に表示されることが多いようです。(但しモバイルからの閲覧時のみ)
    なので、筆者はブログ記事を更新する際に、下の画像に示す様にhタグ毎にdivタグで囲うようにして執筆しています。

    Adsense自動広告の挿入位置をブログ側で制御するための工夫(HTML構造)
    もしかして・・毎回HTMLエディタで作製してるの!?

    当然です。
    「Blogger」を利用しているので、デザインを凝ろうとすると、どうしてもHTMLエディタでの編集がメインになってしまいます。

    Adsense管理画面での自動広告挿入(候補)場所は当てにしない

    Adsenseの管理画面から、「自動広告」の挿入候補場所を制限することや、確認したりすることができますよね。
    お試しに各要素を「<div></div>」でグループ化してみてどう変わったか、確認してみると、「変わってないじゃん!!」ってなります。

    ダメじゃん・・。

    ところが、スマホでその記事を確認してみると、
    自動広告が「<div></div>(このあたり)<div></div>」に挿入されていることを確認することができると思います。

    ほんとだ(笑)。
    あるじ様の投稿した記事を"スマホ"で見ると、いい感じに自動広告が表示されてる!!。

    そうなんです。
    どうやら、"Adsense自動広告"の挿入位置は、管理画面にある「自動広告の表示場所設定」よりも、ブログ側で設定した「要素グループ間」が優先されるみたいなんです。

    パソコンでの閲覧時には効果なし

    しかし、残念なことに、この手法「Adsenseの自動広告の挿入候補場所をブログ側で指定する」は、スマホでの閲覧時限定です。

    確かに・・パソコンで見たら反映されてないね。

    ですが、よく考えたら、パソコンでの閲覧時に記事中にAdsenseに限らず広告があったら不愉快なので、無くて構いません(笑)。
    サイドバーにだけ表示させれば良いのです。

    確かに(笑)。

    どうしても、パソコンの読者相手に表示させる「Adsense自動広告」の表示場所を指定したい場合は、引き続きAdsense管理画面での設定が必要です。

    divタグを上手くつかってAdsense自動広告を制御しよう

    Adsenseの自動広告は、

  • 画像や動画
  • 目次
  • 等の"要素"の上下に表示されることが多いです。
    はっきり言って、読者目線で見ると「邪魔で鬱陶しい」と感じます。

    できれば、自然な感じに広告表示させて欲しいよね。

    なので、「<div></div>」でAdsense自動広告の挿入候補場所をブログ側で指定し、自然な感じに表示させましょう。

    えいり的には、「見出し」当たりに広告が表示されていれば自然な感じに思うかな~。

    という人も多いと思うので、「見出し」毎に「<div></div>」でグループ化することをオススメします。


    AdsenseをLazyLoad以外で遅延読込させてページ表示速度を改善させたい

    GoogleAdsenseで収益化を行っている ・ブログ ・サイト の運営者の誰もが一度は悩む「PageSpeedInsight」のスコア。 アドセンスを入れると、思いっきりスコア下がるんですよね。 そこで、なんとか高速化できないかと試行錯誤した内容とその結果についてお話します。


    このブログを検索

    Twitterアカウント

    ContactForm

    名前

    メール *

    メッセージ *

    ラベル

    QooQ