MENU

【はてなブログ】新しいグーグルアドセンスで広告を設置する手順【2019年5月】

「はてなブログ グーグルアドセンス」と検索すると

www.mutant-tetsu.com

 

解説記事が出てくる。

しかし収益化の時点で、アドセンスのデザインが新しくなっていたので自分は少し混乱した。

一応アドセンスは設定できたので、その手順を記しておこうと思う

 

まずアドセンスに飛ぶ

f:id:lazyandshortest:20190504104814j:plain

広告の部分をクリック

 

f:id:lazyandshortest:20190504104831j:plain

広告ユニットをクリック。 (最初に自動広告はどうですか?って言われるけど、あんまり初心者向きじゃないっぽい)

 

f:id:lazyandshortest:20190504104924j:plain

 

ディスプレイ広告をクリック

 

f:id:lazyandshortest:20190504105006j:plain

 

左上に広告ユニットの名前を決める部分があるから、記入

記事上用広告なら、記事上とかわかるように書いておくといい

f:id:lazyandshortest:20190504105138j:plain

 

作成をクリック

 

f:id:lazyandshortest:20190504105127j:plain

f:id:lazyandshortest:20190504105303j:plain

コードをコピーをクリック。 

新しいタブではてなブログ画面を開く

 

f:id:lazyandshortest:20190504105407j:plain



デザインをクリック

 

f:id:lazyandshortest:20190504105502j:plain

 

 真ん中の工具みたいなマーク(カスタマイズ)をクリック

 

f:id:lazyandshortest:20190504105624j:plain

 

記事をクリック

 

f:id:lazyandshortest:20190504105644j:plain

アドセンスのコピーしたコードをここに張り付け。これは記事上用

タイトルの下の部分にコードが書いてあれば、全部消してから張り付け

 

f:id:lazyandshortest:20190504110044j:plain

アドセンスの画面に戻って、右下の完了ボタンをクリック

これで記事上は完成

 

同じように記事下もやっていく

f:id:lazyandshortest:20190504110124j:plain

 

f:id:lazyandshortest:20190504105923j:plain

 

記事上はスルー

記事下に、記事下用のコードを張り付ける

 

f:id:lazyandshortest:20190504110226j:plain

 

記事上はこんな感じで

 

f:id:lazyandshortest:20190504110243j:plain

記事下はこんな感じで表示される

 

関連記事がある人は関連記事の下に表示される。

 

広告のスタイルはレスポンシブ(PCもスマホも両方OKモード)

になってるので、ブログデザインがレスポンシブ対応ならこの時点でスマホにも広告が同じようについているはず

 

参考人になれば幸い