今見てくれてる人の数

ホンキートンク・スーダラブルース

ゆるコラム、oF、邦ロックや歌謡曲、小説の感想。ドラクエ、JavaScript、ドラゴンボール超など。湘南あたりを転がってる石コロのゆるゆる生きてく超雑多な軌跡です。

【はてなブログ Googleアドセンス】 コピペで楽々!スマホページ下部に固定バナー広告を貼る。

 こんばんは、ちゃんいーです。

このたび、Google AdSense(グーグルアドセンス)を体験したくて、

一ヶ月だけPro版にしてみました。(無料期間で終わるつもりです。)

 

独自ドメイン取得→Pro版へ→アドセンス審査の流れは下記を参考にどうぞ。

2017年版の記事です!

www.mutant-tetsu.com

 

(ちなみに私は数年前のへっぽこブログのアカウントにサイト追加という形をとりました。2013年から放置していて、独自ドメインも期限切れだったのですが715円稼いでました笑)

 

アドセンスのトップページは最初謎なのですが、

こちらの記事がとてもわかりやすかったです!(::)感謝!

t-shimohara.com

 

完成図!

f:id:sudara_bluse:20171023172346j:plain

こちらの写真のような広告です。

よく動画サイトなどでありますよね。

 

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

やっぱ推奨されてないのかな、、。

www.iscle.com

 

 

 

1、広告を作る

Google AdSenseにログインし、広告のコードを取得します!

www.google.co.jp

 

「ログイン」→「広告の設定」→「新しい広告ユニット」

→320×50 のバナー広告(推奨)を選びます!名前はなんでもOKです!

(spフッター320*50など)

 

そのままコードを取得してコピーしときます。(非同期でOK)

 

f:id:sudara_bluse:20171023201256p:plain

 

2、はてなブログに掲載

「設定」→「詳細設定」→「headに要素を追加」に下記をコピペしてください。

場所はどこでもOKです!

 

ソースコード

<!--ここにアドセンスで取得したコード--> 

の箇所に先ほど取得したコードをコピペ

してください!

 

 

3、完成! 

以上で完成です!簡単だったと思います! 

よく見かけるので自分でも作って見たいと思いました!笑

CSSのpositionプロパティのfixed で左下端から0pxの場所にに固定してます。
 

以上、うまく行かない、こうしたい!

など質問などあればコメントください、

なるべく返事します。

 

 

 

 f:id:sudara_bluse:20171023172346j:plain