ヘッダーの広告が消せない!解決しなかった理由はコレだった

当ページのリンクには広告が含まれています。

WordPressのテーマを変えると色々トラブルが起きますよね。

色々ありますが、今回なかなか解決できずに5時間くらい悩み続けた問題がありました。

ヘッダーにアドセンスがでかでかと表示されて消せない問題

解決するのに必死でスクショするのを忘れましたが、ここに来られた人とたぶん同じ状況です。

解決できたので紹介したいと思います。

私は現在SWELLを使用しています。

目次

ヘッダーにでかでかと広告が!!

WordPressのテーマをCocoonからSWELLに変更した時に、パソコンの画面がこんな状態になりました。

スクショ忘れたので自作で再現

スマホを見てもこんな感じに。

同じく自作で再現

特にスマホ版のデザインの崩れがひどい!
メニューバーとロゴの位置が完全におかしい。

ヘッダーを追従させる設定にしているので、スクロールしてもずっと画面の3分の1が広告入りのヘッダーで覆われて読みづらいったらない!!

これでは読みにきてくれたユーザーさんもうんざりして去ってしまいます。

ヘッダーの広告を消す解決方法

解決方法を色々ネットで調べました。
チェックしたものを一つずつ紹介します。

Google AdSenseの審査用コードが貼られたまま

ネットで調べるとだいたい一番に言われるのがコレです。

すでに削除済みなので私は該当せず。

心当たりのある方はCSSのheadタグあたりをチェックしてください。

headタグにGoogle AdSenseのコードを外せ

<head>と<body>の間にアドセンスのコードが貼られているので削除しましょう

というアドバイスも色んな有識者のブログで何度となく見てきました。

どこ探しても貼られてない。

そもそも以前使っていた『Cocoon』はCSSに貼るのではなく、Cocoon設定のページ内で広告コードを貼り付ければOKという、とても便利な機能を付けてくれてたのでCSSをいじる必要がなかった。

SWELLも同じく広告コードを貼るページがあります。

私はこの項目にも該当しませんでした。

Google AdSenseの自動広告を外す

このアドバイスも何度も見ました。

アドセンスの自動広告をオンにしていると、Googleさんが「広告貼れそう♡」ってとこ見つけたらすぐ貼りに来る! ゚(゚`ω´ ゚)゚

特に一番目立つヘッダーが大好きなので、絶対に貼り付けてきます。

除外エリアに設定してもまだ貼られたまま。

あっと

除外エリアの意味ないじゃん…

他に方法はないの!?

SWELL設定からキャッシュクリアする

これやってませんでした。

キャッシュされたままだと、広告貼られていた時代のページが残ったまま。

クリアしたら消えるかも!

というわけで試してみました。

やり方は簡単。

SWELL設定→リセット→キャッシュのクリアの『キャッシュを削除する』をクリックします。

念のため、キャッシュのクリア(ブログカード)の方も削除しました。

この2項目以外は触りません。

これで解決する人もそろそろ出てきたかもしれませんね。

私は解決しませんでした。。°(°´ω`°)°。

この時点で4時間くらい悩んでました。

途中、「FTPで header.php にアドセンスのコードの残骸があるのでは?」と “head”と付いてるファイル全部探しまくったけど無し。もう無理〜〜〜!!

どれも該当しなくて最終的に解決できた方法

日付も変わって、諦めて寝ようとした時にふと思いつきました。

あっと

パソコン本体のキャッシュクリアしてない!!

SWELLキャッシュクリアは何度も押したけど、パソコンはやってなかった。

いわゆる『履歴の消去』です。

これが私の思いつく限りの最終手段でした。

これがなんと大成功!無事解決しました!!よかったー(⁎˃ ꇴ ˂⁎)

私はMacを使っているので、Macのブラウザの方法を紹介します。Windowsの人はその方法で試してください。

履歴の消去をする方法

① 画面の上にある青いバーから、「履歴」をクリック。

② 下にスクロールして、『履歴を消去』をクリック。

③ 『消去の対象』から消去したい項目を選んで消去をクリック。

『今日』だけでも良いと思いますが、私が実行したのが深夜で日付が変わっていたので『今日と昨日』を選びました。

スマホの履歴も消去する

次はスマホも同じように履歴の消去をしましょう。

iPhoneの場合は、本マークをタップ → 履歴画面右下の『消去』をタップ → 消去したい時間を選んでタップ。

あっと

私は『今日と昨日』を選択しました。

Androidはわからないので、履歴を消去する方法を試してください。

それでも解決できない時は

全部試してもダメだった人もいるかもしれません。でも諦めないでください。奥の手があります!

ヘッダーの追従をオフにしましょう。

追従をオフにすると、スクロールした時にヘッダーも上に消えていきます。広告も上にスクロールされて視界に入らなくなります。

ヘッダーが画面に残るデザインがかっこよくて好きなんですけど、「広告が邪魔でウザい」と思われて記事読んでもらえない方が困るので、ここは妥協しましょう。

ヘッダー追従をオフにする方法

SWELLの外観 → カスタマイズ → ヘッダーと開いていきます。

『ヘッダーの追従設定』の項目のチェックを2つとも外します。

画像はチェックが入っている状態です。四角の部分を空白にしてください。

最後は強引な方法ですが、広告が見えるのは一瞬になるので、ユーザーの離脱率も減るんじゃないかと期待します。

まとめ

ヘッダーの広告が消えない時はキャッシュが残ってないか確認しよう

これで解決できることを祈ります。

ITのことは全然わからない素人の私でもなんとかできたので、初心者の人も諦めずにブログ作りがんばってください!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次