사용자 정의 GTM 및 GA4 로더
Custom Loader는 gtag.js와 gtm.js의 로딩 경로를 수정하여 Google Tag Manager와 Google Analytics 4 스크립트가 광고 차단기와 ITP에 더 강하게 대응할 수 있도록 도와줍니다. 또한, Custom Loader와 Custom Domain은 1차 파티 쿠키를 설정하고 쿠키의 유효 기간을 연장하는 데 도움을 줍니다.
사용자 정의 로더 설정 방법
1. Stape 계정에 로그인하고 대시보드에서 sGTM 컨테이너를 선택합니다.
2. Power-ups로 이동하여 Use패널 옆의 Custom Loader 을 클릭합니다.
3. Custom Loader 스위치를 켜서 활성화하고 Save changes.
4. Code & Setup information섹션에서 다음 설정을 구성합니다：
- Domain - 컨테이너에 연결된 도메인 중 하나를 선택합니다.
- Web GTM ID - 웹 Google Tag Manager ID를 입력합니다.
- Enhanced ad blocker protection - 활성화하면 sGTM 서버로의 모든 요청이 암호화되어 광고 차단기가 요청 패턴으로 차단할 수 없게 됩니다. enhanced ad blocker protection에 대해 자세히 알아보세요.
- Same Origin Path - same-origin approach를 사용하는 경우GTM과 gtag.js 모두 해당 경로를 통해 로드되도록 여기에 경로를 입력합니다.
- Platform - 여기서 다음 중 하나를 선택할 수 있습니다：
- CMS 플랫폼(예: Shopify, Wordpress 등)을 선택합니다. 이 경우 Stape 앱을 설치하고 구성해야 합니다.
- 선택하면 Other다른 플랫폼이나 커스텀 웹사이트를 사용하는 경우 Other를 선택하면 JS 스니펫을 받을 수 있습니다.
목록에 있는 플랫폼 설정
플랫폼을 선택하고 Generate을 클릭합니다. 설정 및 앱 설치 지침은 Configuration 패널에 표시됩니다. 앱 설치 가이드를 따르세요.
i
참고：
다른 플랫폼 설정
1. Other를 선택합니다. 또한 Advanced settings:
- Data Layer variable name - 비표준
dataLayer를 사용하는 경우에만 지정합니다. - Generate with Cookie Keeper - 생성된 코드에 Cookie Keeper 로직을 포함합니다. 이 체크박스는 Cookie Keeper power-up이 있을 때 표시되며 자동으로 활성화됩니다.
- User identifier type - Generate with Cookie Keeper와 함께 표시됩니다. 사용자 식별 방법을 선택합니다 - cookie가 권장 옵션입니다. 선택 시 식별자로 사용할 퍼스트파티 쿠키 이름을 입력합니다. 자세한 내용은 Cookie Keeper에서 사용자 식별자 유형을 선택하는 방법.
2. Generate을 클릭하고 제공된 코드를 웹사이트에 추가합니다.
i
참고：
테스트
설정이 작동하는지 확인하려면：
- 웹사이트의 아무 페이지나 엽니다.
- 오른쪽 클릭 → Inspect → Network탭을 엽니다.
- 사용자 정의 서브도메인 또는 same-origin 경로로 요청을 필터링합니다.
- GTM 요청 URL을 찾습니다 - 200 OK상태 코드를 반환해야 합니다.
i
참고：
사용자 정의 로더의 장점
1. 퍼스트 파트 쿠키 설정
2. GTM 및 GA4를 광고 차단 프로그램 및 ITP에 대해 견고하게 만듦.
3. 데이터 추적 유지