【はてなブログ】広告の視認可能時間を向上させるために、さくっとjavascriptで追尾広告にしてみた【コードあり】

ブログのサイドバーはラッピングバス並に収益を司ります

f:id:kazukichi_0914:20201216124429p:plain
引用：
https://conartist.hatenablog.com/entry/sidebar

サイト運営をしている方なら左にコンテンツ・右にメニューバーといった構成のサイトが多いと思いますが、

support.google.com
引用：
https://support.google.com/adsense/answer/4510652

AdWordsでは「広告主が自社が出稿している広告の視認性を確認できる指標」を公開しているのです。
広告を出稿したのはいいけれど、ユーザーに表示されていない広告なら出稿しても意味がないので、この度広告主を思い、サイドバーを固定化しました。

さくっとjavascriptで書いてみる

<!--サイドバー固定-->
<script>
$(window).load(function() {
var sideLast = $(".hatena-module").filter(":last");
var sideLastTop = sideLast.offset().top + 450;
var sideLastWidth = sideLast.width();
var win = $(window);

win.scroll(function(){
if(win.scrollTop() > sideLastTop) {
sideLast.css("position",'fixed');
sideLast.css("top",'20px');
sideLast.css("width",sideLastWidth);
}else{
sideLast.css("position",'relative');
};
});
});
</script>