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>