:npm を使用したブラウザ監視の実装

npm パッケージのインストール

alife-logger という名前の npm パッケージをインストールします。

npm install alife-logger --save

SDK の初期化

BrowserLogger.singleton を使用して SDK を初期化します。

const BrowserLogger = require('alife-logger');
                // BrowserLogger.singleton(conf) config を使用して、config で指定された設定を読み込みます。
                const __bl = BrowserLogger.singleton({
                pid: 'your-project-id',
                // ログのアップロード先パスを指定します。
                // SDK をシンガポールリージョンにデプロイする場合は、パスを https://arms-retcode-sg.aliyuncs.com/r.png? に設定します。
                // SDK を米国 (シリコンバレー) リージョンにデプロイする場合は、パスを https://retcode-us-west-1.arms.aliyuncs.com/r.png? に設定します。
                imgUrl: 'https://arms-retcode.aliyuncs.com/r.png?', 
                // config で指定された他の設定を行います。
                });

npm を使用して ARMS ブラウザ監視エージェントをインストールすると、SDK は自動的にユーザー ID (UID) を生成して、ユニークビジター数 (UV) などの情報を収集します。生成された UID はユーザーの識別に使用できますが、サービス属性はありません。UID をカスタマイズする場合は、コードに次の内容を追加します。

uid: 'xxx', // UID はユーザーを識別するために使用されます。ビジネスに基づいて値を設定します。

例:

const BrowserLogger = require('alife-logger');
                // BrowserLogger.singleton(conf) config を使用して、config で指定された設定を読み込みます。
                const __bl = BrowserLogger.singleton({
                pid: 'your-project-id',
                        // ログのアップロード先パスを指定します。
                        // SDK をシンガポールリージョンにデプロイする場合は、パスを https://arms-retcode-sg.aliyuncs.com/r.png? に設定します。
                        // SDK を米国 (シリコンバレー) リージョンにデプロイする場合は、パスを https://retcode-us-west-1.arms.aliyuncs.com/r.png? に設定します。
                 uid: 'xxx', // UID はユーザーを識別するために使用されます。ビジネスに基づいて値を設定します。
                        imgUrl: 'https://arms-retcode.aliyuncs.com/r.png?', 
                // config で指定された他の設定を行います。
                });

API 操作

単一インスタンスを返すために使用されるメソッド: @static singleton()

次の表は、BrowserLogger.singleton(config,prePipe) に設定できるパラメータを示しています。

このメソッドは、単一インスタンスオブジェクトを返す静的メソッドです。読み込まれた config パラメータと prePipe パラメータは、メソッドが初めて呼び出されたときにのみ有効になります。後続の呼び出しでは、生成されたインスタンスのみが返されます。

このメソッドを使用して、アプリケーションのエントリポイントで SDK を初期化し、呼び出しごとにインスタンスを取得できます。

その他のレポートメソッド

BrowerLogger.singleton を使用してインスタンスを取得できます。

const __bl = BrowserLogger.singleton();

__bl の他のメソッドの使用方法の詳細については、SDK メソッド を参照してください。

その他のレポートメソッド

config の設定は、CDN を使用して ARMS ブラウザ監視エージェントをインストールする場合と同じです。詳細については、SDK リファレンス を参照してください。

データの事前レポート

BrowserLogger.singleton() が呼び出される前に実行されるコードのロジックに基づいて一部のデータを報告する必要がある場合は、データを事前に報告する必要があります。詳細については、データの事前レポート を参照してください。

const BrowserLogger = require('alife-logger');
                // pipe の構造は、CDN を使用して ARMS ブラウザ監視エージェントをインストールする場合と同じです。
                const pipe = [
                // 現在の HTML ページを API リクエストとして報告します。
                ['api', '/index.html', true, performance.now, 'SUCCESS'], // これは __bl.api(api, success, time, code, msg) と同等です。
                // SDK が初期化された後、自動シングルページアプリケーション (SPA) 解決を有効にします。
                ['setConfig', {enableSPA: true}]
                ];
                const __bl = BrowserLogger.singleton({pid:'一意のサイト ID'},pipe);

共通の SDK パラメータ

ARMS のブラウザ監視機能では、さまざまな SDK パラメータを設定して、より多くの要件を満たすことができます。次の表に、このトピックで説明されているシナリオで設定できるパラメータを示します。

設定できる SDK パラメータの詳細については、SDK リファレンス を参照してください。