Integrationsleitfaden: Web Push Integration mit EngageLab

              
              <script type="text/javascript" src="./webPushSdk.min.2.1.2.js"></script>

            

              
              Das Paket enthält sw.xxx.js. Diese Datei ist eine Service Worker-Datei und dient zum Empfang von Nachrichten.
Das SDK lädt diese Datei standardmäßig aus dem Root-Verzeichnis.
Der maximale Geltungsbereich eines Service Workers entspricht dessen Speicherort (liegt das Skript z. B. unter /js/sw.js, kann es standardmäßig nur URLs unter /js/ steuern).
Verwenden Sie daher möglichst die Standardkonfiguration und platzieren Sie die Datei im Root-Verzeichnis der Website.
Falls sie ausnahmsweise auf einem Drittanbieter-CDN liegt, muss auf Serverseite der Header Service-Worker-Allowed gesetzt werden, um den maximalen Geltungsbereich festzulegen.

            

              
              // Ausgelassen: Code zur Erfassung von Canvas-, WebGL- und Plugin-Fingerprints (unverändert)
const visitorId = getFingerprint();
console.log('user_str', visitorId);

            

              
                // Register event listeners before initialization.
  // Callback when the Aurora channel disconnects.
  MTpushInterface.mtPush.onDisconnect(function () {
    console.log("onDisconnect");
  });

  // Receive push messages (Web Push and browser vendor channels).
  MTpushInterface.onMsgReceive((msgData) => {
    // msgData structure: { data: { xxx }, type: 0 }; type 0 is the Aurora channel, and type 1 is the system channel.
    console.log("Received push message:", msgData);
  });

  function initWebPush() {
    const appkey = "your_appkey";
    const userStr = visitorId;

    if (!(appkey && userStr)) {
      console.log("appkey and user_str cannot be empty");
      return;
    }

    // Push initialization.
    MTpushInterface.init({
      appkey: appkey,
      user_str: userStr,
      fail(data) {
        console.log("Online push setup failed", data);
      },
      success(data) {
        console.log("Online push setup successful", data);
      },
      webPushcallback(code, tip) {
        console.log("Status code and message", code, tip);
      },
      canGetInfo(data) {
        // RegId is available here, and initialization config data can also be read from data.
        console.log("Initialization config", data);
        console.log("Obtained RegId", MTpushInterface.getRegistrationID());
      },
      custom: (requestPermission) => {
        // For custom prompt settings, call requestPermission during an appropriate user action to request notification permission.
        document.getElementById("subscribe")?.addEventListener("click", () => {
          if (Notification.permission === "default") {
            requestPermission();
          } else if (Notification.permission === "denied") {
            console.log("Notification permission is denied and cannot be requested");
          } else {
            console.log("Notification permission has already been granted");
          }
        });
      },
    });
  }

  initWebPush();