読者です 読者をやめる 読者になる 読者になる

晴れ時々晴天なり

韓国ドラマやアニメの事が中心の雑記ブログです。

「はてなブログ」で記事の直下に広告を掲載する方法

スポンサーリンク

はてなブログでは「記事の下」に広告タグを設定しても、下図のようにソーシャルボタンの下に広告が表示されます。

広告掲載位置

この広告を記事の直下(ソーシャルボタンの上)に配置する方法です。

記事の直下に広告を掲載する方法

※「カスタマイズ」の「記事下」に以下の記述を掲載して下さい。

<div id="my-footer">
<p class="ad_title">スポンサーサイト</p>

ここに広告タグを配置して下さい。

</div>

<script>
var myFooter=document.getElementById("my-footer");
var temp=myFooter.cloneNode(true);
myFooter.parentNode.removeChild(myFooter);
document.getElementsByClassName("entry-content")[0].appendChild(temp);
</script>

「スポンサーサイト」部分については広告上部に「スポンサーサイト」と表示する為の記述です。
こちらの記事でも説明していますのでご一緒に御覧ください。
nariageri.hatenablog.com

まとめ

今回紹介したコードはスマートフォンにも対応していますので、設定する場合は「スマートフォン」の「記事下」に記述して下さい。

いかがでしょうか?
今回の設定方法はこちらの記事を参考にさせて頂きました。
chipspd.hatenadiary.jp
ありがとうございました。

Copyright 2017 晴れ時々晴天なり