Google Tag Manager(gtm) 스크립트가 CSP에 의해 차단됨

커뮤니티 구축 데이터 및 보고
1

안녕하세요!

GTM 스크립트가 CSP에 의해 차단되는 이유를 파악하는 데 어려움을 겪고 있습니다:

Screenshot 2023-06-30 at 4.16.51 PM
Screenshot 2023-06-30 at 4.16.51 PM1262×786 154 KB

스크립트는 다음과 같습니다:

<!-- 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을 허용 목록(allowlist)에도 추가했습니다.

어떤 아이디어라도 있을까요?

2

이 주제를 보셨나요?

3

안녕하세요 @Lilly! 그 특정 주제는 확인하지 못했지만, 해당 문서로 연결되는 문서는 참고했습니다. https://www.googletagmanager.com을 허용 목록에 추가했습니다 :thinking:

5

Ty님,

현재 차단되고 있는 스크립트가 몇 개 있는데, 이들을 CSP에 추가해야 할 것 같습니다:

Screenshot 2023-07-03 at 12.26.00 PM
Screenshot 2023-07-03 at 12.26.00 PM1570×312 78.3 KB

또한 콘솔에서 nonce 오류가 발생하고 있는 것을 확인했습니다. GTM 설정을 통해 이를 처리하는 방법을 시도해 보셨나요?

마지막으로, 허용 목록(allowlist)에 https://*.googletagmanager.com을 추가하는 것도 시도해 보시길 권합니다.

7

여기 합류해 주셔서 정말 감사합니다, @MarkDoerr!

이 스크립트를 담당하는 팀에 연락해야 하며, nonce 처리도 언급해야 합니다. 알려 주셔서 감사합니다!

이상하게도, https://www.googletagmanager.com 또는 https://*.googletagmanager.com이 허용 목록에 포함되어 있으면 GTM 스크립트에 대해 CSP 관련 오류가 Brave와 Safari에서는 발생하지 않고, Chrome과 Firefox에서만 발생합니다.