Web Push の設定と統合

​

ServiceWorker.js ファイルの制限事項

• serviceworker.js ファイルはルートディレクトリに配置されている必要があります。そうでない場合、Web Push はすべてのページで機能しません。
• Service Worker ファイルの名前が正確に serviceworker.js であることを確認してください。そうでない場合は、serviceworker の名前変更セクションを参照してください。

​

オプション 1: serviceworker.js ファイルを作成する

// in your serviceworker.js file
// importScripts("<link-that-you-copied>");
// for eg, your dashboard host is dashboard-03.moengage.com
importScripts("https://cdn.moengage.com/release/dc_3/versions/2/serviceworker_cdn.min.latest.js");

​

オプション 2: GTM（Google Tag Manager）統合の場合のみ

​

オプション 3: NPM の初期化設定で useLatest: true フラグを渡している場合

​

Service Worker のカスタムファイル名の変更

Moengage = moe({
  appId: moeAppID,
  env: 'LIVE',
  logLevel: 0,
  swPath: "/your-custom-sw.js"
});

​

Service Worker のスコープ

Moengage = moe({
  appId: moeAppID,
  env: 'LIVE',
  logLevel: 0,
  swPath: "/a/your-custom-sw.js",
  swScope: '/a/'
});

​

serviceworker スコープの回避

Moengage = moe({
  appId: moeAppID,
  env: 'LIVE',
  logLevel: 0,
  swPath: "/a/your-custom-sw.js",
  swScope: '/'
});

​

WebPush の無効化

Moengage = moe({
  appId: moeAppID,
  env: 'LIVE',
  logLevel: 0,
  disable_web_push: true,
});

​

トラブルシューティング

​

登録エラー

​

プッシュ通知または serviceworker.js が機能しない

1. MoEngage の serviceworker コードを serviceworker.js ファイルに追加してください。
2. MoEngage スクリプトの初期化時に、serviceworker.js ファイルのパスを指定した swPath を追加してください。

​

Mac で Chrome のプッシュ通知を受信できません。

​

ユーザーが Web プッシュ通知を確認できません。

​

Web プッシュ通知をテストするにはどうすればよいですか？

1. プッシュ権限を付与した Web サイトにアクセスします。
2. 右クリック —> 検証
3. Application タブをクリックします。
4. 左ペインの Storage で、Local Storage をクリックします。
5. Local Storage で、HTTPS Web サイトの URL、または HTTP Web サイトの場合は HTTPS サブドメイン（https://yourwebsite.moengage.com）をクリックします。
6. MOE_DATA というキーがあります。PUSH_TOKEN フィールドを探します。対応する値をコピーし、Test Campaign セクション -> Device Push Token に貼り付けます。

​

Web プッシュ通知のバッジアイコンが表示されず、白い四角形としてのみ表示されます。

1. 任意の画像エディターで通知アイコンを開きます。
2. 表示したくない画像の部分をすべて透明なピクセルに変換します。すべての色と透明でないピクセルは白で表示されます。そのため、アルファチャネル（白黒）の画像のみがサポートされ、RGB 画像はサポートされません。
3. 画像の解像度は 72x72 以上である必要があります。
4. 画像は次のいずれかのファイル形式でのみ保存してください- png、gif、webp、ico、cur、bmp

​

Firefox Android でプッシュ通知をクリックしても、Firefox ブラウザにリダイレクトされませんでした。