【自動広告が表示されない？】はてなブログでのアドセンス広告の貼り方を解説

2020年8月、ついに1年以上かけてアドセンスに合格することができました。

合格に喜んでいたのも束の間、またしても壁にぶつかりました。

なんと…

自動広告が表示されない！！

ではないですか。

色々と調べていると、はてなブログとアドセンスの自動広告は相性が悪いとのこと。

そのため、「手動で広告を貼る」のが解決策のようですが、これもやり方がわからずに苦労しました。

同じように困っている方はぜひこの記事を参考にしていただければ幸いです。

【この記事の目次】

それでは早速内容に入っていきましょう。

アドセンス広告の貼り方

今回紹介するのは、はてなブログにアドセンス広告を貼る方法です。

アドセンス広告の貼り方は大きく２つです。

• 自動広告を貼る
• 手動で広告を貼る

イメージとしては、「自動広告を貼る」のが基本。

「手動で広告を貼る」のは応用、もしくは私のように自動広告が上手くいかない場合だと思ってもらえればいいと思います。

ではそれぞれの方法を詳しく見ていきましょう。

自動広告の貼り方

自動広告の貼り方は簡単です。

自動広告の開始設定後、Googleアドセンスのページから広告コードを取得して、はてなブログの設定画面に貼り付けるだけです。

具体的な操作は以下をご覧ください。

自動広告の開始設定

最初に自動広告の開始設定をします。

以下の手順で進めます。

1. アドセンスのページにログイン
2. 「広告」をクリック
3. 「鉛筆マーク」をクリック
4. 「自動広告」のチェックを入れる
5. 「サイトに適用」をクリック

ここまで進めると、自動広告が開始されます。

広告コードの取得

次にアドセンスの広告コードを取得します。

以下の手順で進めます。

1. アドセンスのページにログイン
2. 「広告」をクリック
3. 「コードを取得」をクリック
4. 「コードをコピー」をクリック

ここまで完了したら、次はコピーしたコードをはてなブログ側に貼り付けます。

はてなブログの設定

今度ははてなブログ側の設定です。

以下の手順で進めます。

1. はてなブログにログイン
2. メニューバーの「設定」をクリック
3. 「詳細設定」をクリック
4. 「headに要素を追加」にコードを貼り付け

これで自動広告の貼り付けは完了です。

自身のブログページを開いてみて確認してみましょう。

ただし、反映まで最大１時間程度かかることがあると表示されているので、焦らずに少し時間を空けたほうが良さそうです。

表示されなかった広告は？

ここまで設定したのですが、私の場合表示された広告と、表示されなかった広告がありました。

表示されなかったのは、

• ページ内広告 

表示されたのは、

• アンカー
•  モバイル全画面

でした。

それぞれどのような広告かは、以下をご参照ください。

ページ内広告
ページのコンテンツのメイン部分に表示される広告です

アンカー
画面の端に固定される広告で、ユーザーが簡単に閉じることができます

モバイル全画面
サイトのページを読み込んでいる間に表示されるモバイル広告です 

そのため、「ページ内広告」を貼るために、手動で広告を貼ることにしました。

手動での広告の貼り方

上記でも述べましたが、ここでは 「ページ内広告」の手動での貼り方を解説していきます。

流れとしては、広告コードを作成し、はてなブログに貼るという感じです。

やり方さえわかってしまえば簡単なので、ぜひ試してみてください。

具体的な操作は以下をご覧ください。

広告コードの作成

まずは広告コードを作成します。

以下の手順で進めます。 

1. アドセンスのページにログイン
2. 「広告」をクリック
3. 「広告ユニットごと」をクリック
4. 「ディスプレイ広告」をクリック
5. 広告ユニットの名前を入力
6. 広告の形を選択
7. 広告のサイズを選択
8. 「作成」をクリック
9. 記号「＜＞」をクリック
10. 「コードをコピー」をクリック

ここまで完了したら、このコピーしたコードをはてなブログ側に貼り付けます。

はてなブログの設定

今度ははてなブログ側の設定です。

以下の手順で進めます。

1. はてなブログにログイン
2. 「デザイン」をクリック
3. 「工具？」のイラストをクリック
4. コードを指定の場所に貼る（画像参照）
5. 「変更を保存する」をクリック 

これで広告の貼り付けは完了です。

早速自身のブログページを開いてみて確認してみましょう。

私の場合は、手動で貼り付けた広告は即時反映されていました。 

まとめ

今回は「自動広告の貼り方」と「手動での広告の貼り方」を紹介してきました。

どちらもやり方さえわかってしまえば、それほど難しい作業はないと思います。

私は「自動広告」と「手動で貼る広告」のコードが違うことを知らなかったため、とても苦労しました。

しかし、この記事を見ながら設定してもらえれば、そのような苦労はせずに済むでしょう。

はてなブログで共に頑張る仲間の手助けに少しでもなれば幸いです。

以上、はてなブログでのアドセンス広告の貼り方の解説でした。