昨日、CheckNumber.AIというウェブサイトにGAトラッキングコードを追加しました。ソースコードを確認すると、コードは正常に追加されていましたが、Networkタブに通常の読み込みリクエストが表示されていませんでした。
そこで、何が原因なのかを順を追って確認することにしました。
まず、サードパーティのコードが正常に開けるかどうかを確認しました。ソースコードを見て、GA URLを直接クリックしたところ、アクセスは成功しました。
次に、ウェブサイトのCSP(Content Security Policy)設定が、サードパーティのGoogle Analyticsコードの読み込みを許可しているかどうかを確認しました。
ウェブサイトのCSPを確認する方法はいくつかあります。まずはオンラインツールを使って確認してみました。ウェブサイトを開いてURLを入力し、「Scan」ボタンをクリックすると、結果が表示されました:
https://securityheaders.com/?q=checknumber.ai&followRedirects=on
上記の結果から、ウェブサイトには特別な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