どんな事象が発生したか

いつ頃からか正確にはわかりませんが、Webサイトのローディングが終わらずChromeのタブのアイコンがず〜とぐるぐるするという事象が発生していました。見た目としては広告の表示も終わっていて動作は問題がないと考えていました。

この事象は少なくとも2024年10月には発生していました。
ネットで検索すると2024年6月に相談の投稿があったりするので、その頃から発生していたのかもしれません。

原因は？

忍者AdMaxで広告を表示すると発生します。

ちなみに下記記事で「非同期タグ」にすると解決するという紹介がありますが、私の場合は解決しませんでした。上の投稿でも非表示タグで変わらないと書かれているので望み薄です。

ローディングが終わらないだけで広告は表示されていたのでPCブラウザのユーザが少し気になるだけだと軽く考えていました。しかし、これが原因でFirebaseUIでのログイン画面の表示が動作しないという問題があることを発見しました。

AuthUI.startメソッドでログイン画面の描画を開始しますがいつまで経ってもコールバックが帰ってこず描画がされません。諦めてChromeのローディングキャンセルボタン（再読み込みボタンのやつ）を押すとログイン画面が描画されます・・・。

推測ですが、FirebaseUIのAuthUI.stargメソッドのコールバックは画面内の全コンテンツのロードが完了すると呼ばれるようになっているのではないかと思われます。

なのでFirebaseUIに限らずwindow.onloadなどで画面のコンテンツのロードが完了してから実行したい処理があると実害が発生します。

また、なぜか初回画面表示時（キャッシュクリア直後）は正常にローディングが完了します。２回目以降はなにかキャッシュが残っている状況なのかローディングが終わらなくなります。

さらに、localhostでの開発中は発生しないというのも気づくのが遅くなったり、対応策の調査を難しくさせる原因となっています。サーバにデプロイしないと再現確認できないのは、投げ出したくなります。

残念ながら致命的な問題だったためすぐに、忍者AdMaxでの広告表示をやめるしかありませんでした。（投げ出しました。）

幸いAdSenseの申請が通っているサイトのためAdSenseだけで広告表示することにしました。

2024年6月からこの状態でこの記事を書いているのが2024年12月であることを考えると問題に気がついていないか治す気がないのではないかと思われます・・・。

どなたか解決方法わかればコメントください！

そこまでしてAdMaxを復活させるかは疑問ですが、AdSenseの申請が通っていないサイトに表示するにはいいサービスだと思うので解決方法には興味があります。

アニメランキングメーカーを利用すると下記のようなオリジナルランキングが簡単に作成でき、Xに投稿することができます。

ぜひ、皆さんもオリジナルランキング作ってみてください！