Bloggerで記事中にGoogleアドセンス広告を簡単に表示する方法｜Bloggerテーマ「ZELO」

2019-03-05T20:38:00+09:00 2019-04-03T01:38:19Z Blogger

Bloggerテーマ「ZELO」では、記事中の見出し上と記事下（記事本文とコメントの間）にGoogleアドセンス広告を簡単に表示することができます。

この記事では、
記事中の見出し上と記事下にアドセンス広告を表示させる方法について紹介します。

また、ここでは、Bloggerテーマ「ZELO」で記事中にGoogleアドセンス広告を表示する方法について紹介しますが、他のテーマでも同様に表示できるようです。こちらのブログで紹介されています。

【Bloggerコピペ】記事中見出しの上にアドセンスを自動で挿入する方法 - Movelog

上記のブログは、Bloggerテーマ「ZELO」を開発したひろさんという方のブログです。

それでは、本題にもどります。

Google AdSence広告の配置

Bloggerテーマ「ZELO」では、記事中の初めのh2見出し上と記事下に、Googleアドセンス広告を表示することができる機能がデフォルトで用意されてます。

【アドセンス広告表示イメージ】

また、記事毎にアドセンスコードを貼り付けることなく、「テーマ」の「HTMLの編集」で、指定された位置にアドセンスコードを貼り付けるだけで、すべての記事にGoogleアドセンス広告を表示することができます。

さらに、見出し上に表示するGoogleアドセンス広告は、表示位置を初めのh2見出し上ではなく、h2以外の見出し上に表示するように指定したり、初めの見出しではなく2番目以降の見出し上に表示するように指定したりすることができます。

【アドセンス広告表示イメージ】

わたしは、
こちらのブログで紹介されている方法を参考にして、記事中の初めのh2見出し上と記事下にGoogleアドセンス広告を表示しました。

ZELOのアドセンス配置位置の説明【記事中・記事下】- Movelog

h2見出し上に表示

まず、Google AdSenceにログインして、左のメニューから「広告」→「広告ユニット」にて、h2見出し上に表示するGoogleアドセンス広告のアドセンスコードを取得します。

次に、Blogger管理画面の左のメニューから「テーマ」を選択して、「HTMLの編集」ボタンを押し、指定された位置（と書かれている部分の真下）に取得したアドセンスコードを貼り付けて、「保存」ボタンを押します。

保存後、初めのh2見出し上に表示されることを確認します。

記事下に表示

上記と同様に、

記事下に表示するGoogleアドセンス広告のアドセンスコードを取得して、指定された位置（と書かれている部分の真下）に取得したアドセンスコードを貼り付けます。

そして、記事下に表示されることを確認します。

h2以外、2番目以降の見出し上に表示

デフォルトでは、Googleアドセンスの広告は、初めのh2見出し上に表示されるようになっていますが、h2以外の見出しや2番目以降の見出し上に表示するように指定することができます。

以下のコードの「h2」部分をh3やh4に変えることで、他の見出しを指定できます。

また、insertBefore(adscont,linebreak[0]); 　の0を変えることで、2番目以降の見出しを指定できます。

0：1番目の見出し
1：2番目の見出し
2：3番目の見出し
...

var linebreak = target.getElementsByTagName("h2");
if (linebreak.length > 0){
insertBefore(adscont,linebreak[0]);
};

固定ページはアドセンス広告を非表示

この記事で紹介した記事中の見出し上と記事下のGoogleアドセンス広告は、投稿記事には表示されますが、Blogger管理画面の左のメニューの「ページ」で作成した固定ページには表示されません。

感想

Bloggerテーマ「ZELO」は、今回紹介した機能が用意されており、本当に便利です。それ以外にも様々な機能が用意されており、これで無料のテーマとは驚きです。

Bloggerの新・日本語対応テーマ【ZELO】作成しました【特徴紹介】- Movelog

以前、利用していたテーマと比べて、ZELOを導入して感じたことは、機能も充実してますし、デザインやレイアウトも良いと思いました。

また、ZELOシリーズには、有料版のOrange ZELOやPrime ZELOが公開されています。いずれは、有料版を導入することを考えています。

Bloggerで記事中にGoogleアドセンス広告を簡単に表示する方法｜Bloggerテーマ「ZELO」

0 件のコメント :

コメントを投稿