Google Tag Manager 설정

<!--
  OneSignal – Google Tag Manager를 사용한 Web SDK 초기화

  이 스니펫:
  - OneSignal Web SDK를 로드합니다
  - App ID로 OneSignal을 초기화합니다
  - 구독 벨(notifyButton)을 활성화합니다

  대부분의 사이트에서 바로 작동합니다.
-->

<!-- 1. OneSignal Web SDK (v16) 로드 -->
<!-- 이 스크립트는 OneSignal을 사용하려는 모든 페이지에서 로드되어야 합니다 -->
<script
  src="https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js"
  defer>
</script>

<script>
  // GTM dataLayer가 존재하는지 확인
  // 여기서는 선택적으로 "OneSignalInitialized" 이벤트를 푸시하는 데만 사용
  window.dataLayer = window.dataLayer || [];

  // OneSignalDeferred는 SDK가 완전히 로드된 후 실행되는 큐입니다
  window.OneSignalDeferred = window.OneSignalDeferred || [];

  // 2. SDK가 준비되면 OneSignal 초기화
  window.OneSignalDeferred.push(function (OneSignal) {

    OneSignal.init({
      /*
        필수
        OneSignal App ID를 GTM 변수로 설정하는 것이 권장됩니다.
        OneSignal 대시보드에서 찾을 수 있습니다:
        Settings > Keys & IDs
      */
      appId: "{{ONESIGNAL_APP_ID}}",

      /*
        선택 사항 – SERVICE WORKER가 루트에 없는 경우에만 필요

        service worker가 다음 위치에 호스팅된 경우:
          /OneSignalSDKWorker.js

        …serviceWorkerPath 또는 serviceWorkerParam을 설정하지 마세요.

        service worker가 하위 디렉토리에 호스팅된 경우에만
        아래 옵션의 주석을 해제하고 업데이트하세요
        (예: /push/onesignal/).
      */

      //serviceWorkerPath: "push/onesignal/OneSignalSDKWorker.js",
      //serviceWorkerParam: { scope: "/push/onesignal/" },

      /*
        선택 사항
        OneSignal 구독 벨(notifyButton)을 활성화합니다.
        사용자가 알림을 구독하거나 구독 해제할 수 있습니다.
        더 많은 프롬프트 옵션은 다음을 참조하세요: https://documentation.onesignal.com/docs/en/permission-requests
      */
      notifyButton: {
        enable: true
      }
    })
    .then(function () {
      // OneSignal 초기화 성공
      console.log("[OneSignal] init success");

      // 권장: 다른 태그를 트리거하기 위해 GTM에 이벤트 푸시
      window.dataLayer.push({
        event: "OneSignalInitialized"
      });
    })
    .catch(function (e) {
      // 초기화 실패(잘못된 App ID, service worker 누락 등)
      console.log("[OneSignal] init failed", e);
    });
  });
</script>

<script>
  window.dataLayer = window.dataLayer || [];

  // 데이터베이스 또는 인증 시스템에서 사용자 ID를 가져옵니다.
  // 이것이 문자열 값인지 확인하세요.
  var userId = "your_user_id_here";

  dataLayer.push({
    ONESIGNAL_EXTERNAL_ID: String(userId),
  });
</script>

<script>
  window.OneSignalDeferred = window.OneSignalDeferred || [];
  window.OneSignalDeferred.push(function (OneSignal) {
    OneSignal.User.addTags({
      TAG_1: "VALUE_1",
      TAG_2: "VALUE_2",
    });
  });
</script>