GTM 호환 모드에서 "연결되지 않음" 문제
✅ GTM 호환 모드에서 "연결되지 않음" 문제 해결 방법
📌 문제상황
Google 태그 관리자(GTM)에서 "연결되지 않음"이 발생합니다.
웹사이트가 GTM과
🔍 1️⃣ 주요 원인 분석
다음과 같은 이유로 GTM이
1️⃣ GTM 코드가 웹사이트에 삽입되지 않음
- <head>또는 <body> 태그
- 서론
2️⃣ 브라우저에서 GTM 실행이 사랑받았습니다
- 광고 확장 프로그램(AdBlock, Privacy Badger 등)이 GTM을 차단할 수 있음
- 브라우저 보안 설정 또는 콘텐츠 허용이 GTM을 막고 있을 가능성이 있습니다.
3️⃣ Cookiebot(쿠키 동의 설정)과 GTM 충돌 발생
- 사용자가 쿠키를 작성하면 GTM이 실행되지 않습니다.
- 요리하다
4️⃣ 웹사이트로 인해 최신 GTM이 노출되지 않습니다.
- 브로우
5️⃣ GTM 호환 모드 설정이 필요함
- 위치 CM
🚀 2️⃣ 해결 방법
🔹 (1) GTM 코드가 삽입되어 확인
😀 불가능 위치에 다음 코드를 삽입해야 함
✅ **<head> 태그 내 (최상단 삽입)
<!-- 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=GTM-XXXXX'+dl;f.parentNode.insertBefore(j, f);})(window, document, 'script', 'dataLayer', 'GTM-XXXXX');
</script> <!-- End Google Tag Manager -->
✅ **<body> 태그 바로 아래에 삽입
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXX" height="0" width="0" style="display:none;visibility:hidden">
</iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
GTM-XXXXX 부분을 상대방의 GTM 컨테이너 ID로 변경해야 함!
😀 HTML 파일을 수정한 후, 웹사이트 캐시 삭제 후 새로 고침(Ctrl + Shift + R)이 필요합니다!
🔹 (2) 브라우저 설정 확인 (차단 여부)
✅ 광고 차단 확장 프로그램(AdBlock, Privacy Badger 등) 광고 후 다시 테스트
✅ *특정 시크릿 모드(Incognito)에서 실행하여 테스트
✅ **브라우저 보안브라우저 보안 설정에서 쿠키 및 JavaScript 허용 여부 확인
🔹 (3) Cookiebot과 GTM 실행 순서 확인
Cookiebot이 GTM보다 먼저 실행되면, GTM 실행이 차단될 수 있습니다.
😀 Cookiebot 코드 수정 ( data-blockingmode="auto")
<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="c68448 a8-fd29-4ad6-a4 d8-c19 afeac5 bdb" data-blockingmode="auto" type="text/javascript">
</script>
✅ Cookiebot이 GTM보다 먼저 승인을 받으십시오
🔹 (4) GTM 호환 모드 설정 (CMS 사용 시)
일부 CMS(예: 티스토리, 워드프레스)에서는 GTM이 부족할 수 없습니다.
📌 **이 경우, GTM이 경우 GTM 호환 모드를 활성화해야 합니다!
✅ GTM 호환 모드 설정 방법
- GTM 관리 페이지로 이동 ( https://tagmanager.google.com/ )
- "관리" → "설정"에서 "호환 모드 활성화" 체크
- 저장 후 다시 게시(게시)
🔹 (5) 웹사이트에서 GTM 실행 코드 확인
❗ GTM 코드가 실행되는 검증된 방법을 선택해 보세요!
✅ 특정 개발자 도구(F12) → 콘솔에서 실행
console.log(window.dataLayer);
✅ **gtm.start가 표시되면 실행됩니다.
❌ **보이지 않는다면, 사용하지 않는 것, GTM 코드가 실행되지 않는 것 → 삽입 코드 또는 문제가 있는 문제
🔹 (6) GTM 플러스 다시 실행
😀 위의 문제를 수정한 후, GTM 별도 모드를 다시 실행하면 해결될 가능성이 높아집니다!
✅ GTM에서 플러스 실행 방법:
- 오른쪽 상단 "미리 보기(미리 보기)" 버튼을 클릭하세요
- 사이트
- 효력을 발생시키도록 하겠습니다!
3️⃣ 최종 설계사
✅ GTM 코드가 삽입되었기 때문에 ( <head>& `<body> 태그)
✅ **광고 확장 프로그램 도입 후광고 확장 프로그램 도입 후 다시 테스트
✅ **GTGTM 플러스를 다시 실행하여 연결 확인
✅ **쿠키봇과 Cookiebot과 GTM 실행일이 올바른지 확인
✅GTM 호환 모드가 필요하다면 활성화에서 설정하세요
✅ **웹사이트 삭제 후 새로고침 (Ctrl + Shift + R)
😀 이 단계를 순서대로 따라가면 GTM "연결되지 않음" 문제가 해결되기 시작합니다!