Stay Positive プログラミング奮闘記

誰かしらに何気ない気づきを!

ウザい広告を作るには?〜フッダーに広告を固定する〜

こんにちは!

今回はちょっとだけウザいことを広めようとします

 

ウザい広告って何?

最近、ブログとか記事を見ていると必ずと言っていいいほど広告というものが付いてきます。

間違って押してしまって「うわぁ〜」ってなったことありますよね〜

 

ブロガーにとっては広告はお金に見えてきます。

なぜなら、広告をクリックしてもらえるとお金が入るからです。

GoogleAdSenseとかが有名ですね!

www.google.com

だから広告をつける目的はいかに記事を読んでもらい

「いかに広告を押してもらうか」

ということに焦点を当てますw

 

ウザい広告は下(フッダー)にずっと固定されている広告

と言って過言じゃないでしょうか!?

 

これを今回は解説していきます。

 

HTMLは?

 

<html>
<body>
<div id="footer-fixed">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 広告を入れてください -->

<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</body>
</html>

 

CSSは?

/* フッターの固定 */

div#footer-fixed

{

    position: fixed;            /* フッターの固定 */

    bottom: 30px;                /* 位置(下40px) */

    left: 20px;                  /* 位置(左0px) */

    width: 100%;                /* 横幅100% */

    height: 70px;              /* 縦幅80px */

}

 

div#footer-bk

{

background-color:#f1f1f1;     /* 背景色 */

padding:10px 0 10px;       /* 20px、下20pxをあける */

height:60px;              /* 縦の高さ80px */

width:130%;                /* 横の幅を30% */

}

 

解説

CSSでフッダーを固定している記述をしています。

長さとか高さとかは各自微調整の方よろしくお願いします。

また、Googleアドセンスの広告の種類もたくさんの中から選択できるので、様々試してください!

 

最後にこれだけは言っときます。

 

自己責任でお願いします!

Google側から広告を止められた人もいるみたいです。

酷いことはしないようにお願いしますw

 

では!