Google Tag Manager (gtm) スクリプトがCSPによってブロックされています

こんにちは!

CSP によって GTM スクリプトがブロックされている理由を把握するのに苦労しています。

スクリプトはこちらです。

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXX');</script>
<!-- End Google Tag Manager -->

こちら の指示に従って、Discourse に GTM を追加しています。記事に記載されているとおり GA ID を削除し、https://www.googletagmanager.com を許可リストに追加しました。

何かアイデアはありますか?

「いいね!」 1

このトピックを見ましたか?

「いいね!」 3

@Lillyさん、こんにちは!そのトピックは特に見ていませんが、リンク先のドキュメントは確認しました。https://www.googletagmanager.com を許可リストに追加しました :thinking:

「いいね!」 2

Ty様

現在、いくつかのスクリプトがブロックされているようです。CSPに追加する必要があります。

コンソールでnonceエラーも発生しているようです。GTMでそれらを処理するように設定してみましたか?

最後に、https://*.googletagmanager.com を許可リストに追加することをお勧めします。

「いいね!」 4

ご協力ありがとうございます @MarkDoerr

これらのスクリプトを処理するチームに連絡し、nonce の処理についても言及する必要があるでしょう。指摘していただきありがとうございます!

奇妙なことに、https://www.googletagmanager.com または https://*.googletagmanager.com のどちらかを許可リストに登録しても、Brave や Safari では GTM スクリプトに関する CSP 関連のエラーは発生しません。Chrome と Firefox のみで発生しています。

「いいね!」 2