Skip to main content
この記事では、ブラウザ拡張機能内で MoEngage Web SDK を使用する方法について説明します。ブラウザ拡張機能内に MoEngage Web SDK を統合して、分析データを収集し、ユーザーのイベントと属性をトラッキングできます。
現在は、Google Chrome の拡張機能のみをサポートしています。

分析

現在、MoEngage は拡張機能において分析チャネルのみをサポートしています。イベント属性とユーザー ID をトラッキングできます。

権限

MoEngage SDK を拡張機能にバンドルされたローカルファイルとして統合する場合、manifest.json に追加の権限は必要ありません。 Google Chrome の拡張機能では外部 URL からスクリプトを取得できないため、スクリプトのローカルコピーを作成してプロジェクトフォルダーに配置する必要があります。
Chrome 拡張機能で Web プッシュ通知をサポートするには、“notification” 権限が必要です。

はじめに

始める前に、JavaScript 統合全般について理解するために、Web SDK の初期 SDK セットアップガイドを必ずお読みください。
MoEngage Web SDK を統合するには、まず最新の JavaScript ライブラリのコピーをダウンロードする必要があります。MoEngage CDN から直接ダウンロードできます。 ダッシュボードホストに対応する CDN スクリプトを見つけます。右クリックしてダウンロードし、ファイルを保存します。 ダウンロードが完了したら、moe_webSdk.min.latest.js ファイルを拡張機能のディレクトリ内の任意の場所にコピーしてください。

拡張機能のポップアップウィンドウ

拡張機能のポップアップウィンドウに MoEngage SDK を追加するには、通常の Web サイトと同様に、popup.html でローカルの JavaScript ファイルを参照します。

初期化

拡張機能のポップアップウィンドウに MoEngage SDK を追加した後は、通常どおりライブラリを初期化できます。 ブラウザ拡張機能では Cookie がサポートされていないため、disableCookies: true を指定して初期化することで Cookie を無効にできます。

Web Push の統合

Chrome 拡張機能で Web プッシュ通知を有効にするには、SDK の統合手順を実施し、SDK が正しく動作していることを確認してください。

権限

manifest.json ファイルで、manifest_version: 3 とともに Notification 権限が必要です。

統合

拡張機能で Web Push を有効にするには、まず最新の Service Worker ファイルのコピーをダウンロードする必要があります。MoEngage CDN から直接ダウンロードできます。 ダッシュボードホストに対応する CDN スクリプトを見つけます。右クリックしてダウンロードし、ファイルを保存します。 ダウンロードが完了したら、serviceworker_chrome_ext_cdn.js ファイルを拡張機能の background.js ファイルにコピーし、そのファイルが manifest.json 内の service_worker にリンクされていることを確認してください。 理解を深めるために、サンプルプロジェクトをご覧ください。