ガジェットムーン

Apple製品などのガジェットレビュー、ライフハックをお届け

【Google AdSense 初心者】広告をはてなブログの記事の中に自動で配置できるように設定した。

f:id:b46krow:20191220180638p:plain


まだまだGoogle AdSense初心者の僕ですが、いろいろ調べてくうちに、

記事中に広告を配置するとクリック率が上がるという情報が。

ということで記事中に広告を配置したい。

しかし、記事を書くたびに一つずつ配置しないといけないのだろうか…

と思っていたのですが、

一度設定してしまえば自動的に記事内に広告を配置できる方法を見つけました。

 

 

記事の最初の見出しの後に位置に配置する

方法はいくつかあるようですが、

記事の見出しの後に配置するように設定するというのが

比較的簡単に思えました。

 

こちらの記事を参考にさせていただきました。

awacafe-tokushima.work

 

①はてなブログのダッシュボードから、「デザイン」→「カスタマイズ」→「記事」と進みます。

②「記事下」の部分に以下のコードを貼り付けます。

f:id:b46krow:20191220182826p:plain

<!-- 最初の見出し前にアドセンスを配置 -->
<script>// <![CDATA[
addEventListener("DOMContentLoaded", function() {
var $target = $('.entry-content > h3');
$target.eq(0).before($('.insentence-adsense'));
}, false);
// ]]></script>
<div class="insentence-adsense">
<p style="text-align:center;" >スポンサーリンク<br>
ココにGoogle AdSense広告コードを貼り付け
</p>
</div>
<!-- 最初の見出し前にアドセンスを配置ここまで --> 

 

ココにGoogle AdSense広告コードを貼り付け」という部分を、

Google AdSenseの、以下のように表示される広告コードに置き換えます。

f:id:b46krow:20191220183131p:plain

③変更を保存して完了

反映され、広告が表示されるのには多少時間がかかる場合があります。

 

配置例

配置されるとこのようになります。

きちんと記事の最初の見出しの部分に広告が表示されています。

やはり記事内だと結構目立ちますね。

目立ちすぎると感じる場合は任意で広告サイズを変更するのも

良いと思います。

f:id:b46krow:20191220183523p:plain

 

記事内に広告を配置することで、どれだけ効果があるのかはまだ分かりませんが、

しばらく様子を見てみます。

 

以上、Google AdSenseの広告をはてなブログの記事の中に

自動で配置する方法でした。

 

最後まで読んでいただきありがとうございます。

 

関連記事

b46krow.hatenablog.com

b46krow.hatenablog.com