0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

サードパーティJS SDK(GA.jsなど)の読み込み問題の解決

Last updated at Posted at 2024-12-29

昨日、CheckNumber.AIというウェブサイトにGAトラッキングコードを追加しました。ソースコードを確認すると、コードは正常に追加されていましたが、Networkタブに通常の読み込みリクエストが表示されていませんでした。
そこで、何が原因なのかを順を追って確認することにしました。

まず、サードパーティのコードが正常に開けるかどうかを確認しました。ソースコードを見て、GA URLを直接クリックしたところ、アクセスは成功しました。

次に、ウェブサイトのCSP(Content Security Policy)設定が、サードパーティのGoogle Analyticsコードの読み込みを許可しているかどうかを確認しました。

ウェブサイトのCSPを確認する方法はいくつかあります。まずはオンラインツールを使って確認してみました。ウェブサイトを開いてURLを入力し、「Scan」ボタンをクリックすると、結果が表示されました:
https://securityheaders.com/?q=checknumber.ai&followRedirects=on
Check Number.png

上記の結果から、ウェブサイトには特別なCSP設定がないことがわかり、これが原因ではないことが分かりました。

三番目のステップとして、Astroのpartytownモードをオフにしてみました。
設定ファイルのgoogleAnalytics部分を見つけ、partytown: trueをpartytown: falseに変更しました。
その後、ビルドし直したところ、問題は解決しました!

English Version: https://medium.com/@checknumber/resolving-third-party-js-sdk-like-ga-js-loading-issues-e32deb3d9c78

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?