初心者プログラマのひとり勉強部屋

若葉マークのプログラマー☺️

【googleアドセンス】はてなブログPCで広告が表示されないから手動にした(無料版)

こんにちは!

今回はプログラムとは関係ない記事です。

 

Googleアドセンス合格しました!(1日10数アクセスでどうなるんだ、、というのは置いておいて)

そして、広告というのが初めてなのでワクワクしながら設定をしたらPC版でうまくいかなかった点を踏まえて広告を貼れた方法を紹介します。(はてな無料ブログ版)

 

方法① googleアドセンス「自動設定」

方法② googleアドセンス「手動設定」

 ・タイトル下

 ・フッター

 ・記事上下

 ・サイドバー

 

       方法① 「自動設定」/

方法は簡単です。

googleアドセンスHOME」→「広告ーサマリー」→広告掲載の自動化の下の「コードを取得」

f:id:mocomo012:20200320085834p:plain

自動広告のコードを取得

はてなブログの「設定」→詳細設定タブ

f:id:mocomo012:20200320090502p:plain

はてな詳細ブログ

ここにコピペします。

googleアドセンスHOMEの「広告」に戻り、「サイト名」の「自動広告」がon担っていることを確認します。

⇨完了

 

こちら、他の広告も合わせて参考になります。

https://www.llennblog.com/entry/2019/11/08/210000

 

 

しかし、、

広告の表示を確認すると、スマホでは広告が表示されるのにPC版では表示されない。

これははてなブログとの相性が悪い・はてな無料版だから(と思います)

そこで、全ての広告を手動設定しました

 

       方法② googleアドセンス「手動設定」

※ちなみにここからは半日くらいかかりました、、

 ・タイトル下

HOME→広告ーサマリー→「広告ユニットごと」タブ→ディスプレイ広告

f:id:mocomo012:20200320092950p:plain

広告選択

 

タイトル入力→「横長」を選択→「レスポンシブ」を選択→「保存」

f:id:mocomo012:20200320093403p:plain

広告作成(ヘッダ)

 

作成したコードをコピー

f:id:mocomo012:20200320093837p:plain

コード作成完了

はてなブログに戻る

ダッシュボード」下の「デザイン」選択

ペンチマークの「カスタマイズ」→「ヘッダ」→「タイトル下」にコピペ

f:id:mocomo012:20200320094505p:plain

デザイン編集画面

保存して完了

 

 ・フッター

ヘッダと同じものを使用します。先ほど作成したコードをコピーしてください。

はてなブログダッシュボード」下の「デザイン」

ペンチマークの「カスタマイズ」→「フッタ」→コピペ

f:id:mocomo012:20200320094846p:plain

デザイン編集のフッタ画面

→完了

 

 ・記事上下

HOME→広告ーサマリー→「広告ユニットごと」タブ→記事内広告を選択

カスタマイズ画面は名前以外は特に編集しない

f:id:mocomo012:20200320095417p:plain

カスタマイズ画面

コードをコピペ

はてなブログダッシュボード」下の「デザイン」

ペンチマークの「カスタマイズ」→「記事」→「記事上下のカスタマイズ」コピペ

f:id:mocomo012:20200320100250p:plain

記事上下のカスタマイズ

 

 ・サイドバー

※ここが一番時間がかかりました。何度カスタマイズしても表示されない・・

HOME→広告ーサマリー→「広告ユニットごと」タブ→ディスプレイ広告

「広告サイズ」を「固定」にします。(スマホではサイドバー表示されないしいいかなと)

幅:150 高さ:150 (お好みに合わせて)

→「作成」 

(追記)広告サイズ:レスポンシブでも表示されました。ただし縦長。

f:id:mocomo012:20200320101939p:plain

サイドバー用にカスタマイズ

コードをコピペ

はてなブログダッシュボード」下の「デザイン」

ペンチマークの「カスタマイズ」→「サイドバー」→下の「モジュールを追加」

f:id:mocomo012:20200320102746p:plain

サイドバー設定

出てきた画面の「HTML」→コピペ (名前はなくても構いません、「スポンサーリンク」とか?)

f:id:mocomo012:20200320102719p:plain

HTML追加

→完了です。

 

私は調子に乗ってサイドバーリンクを2つも配置してしまいました。。

他ブロガー様によると広告多い場合は検索で下位になりやすくなるという設定があるというお話も?

 

私のサイトは広告多いので、見にくいなどありましたらご連絡ください🙇‍♀️ 

 

参考にさせていただきました

https://b46krow.hatenablog.com/entry/googleadsense/%E6%89%8B%E5%8B%95%E5%BA%83%E5%91%8A/%E8%87%AA%E5%8B%95%E5%BA%83%E5%91%8A