【Monaca × AppsFlyer】初心者向け！アプリマーケティングを加速させるデータ分析ツール導入

アプリの成長には、ユーザーの行動を分析し、改善を繰り返すアプリマーケティングが欠かせません。

今回は、Monaca（Capacitor）アプリにAppsFlyerを組み込み、アプリのインストール数やユーザーの行動を簡単に追跡する方法を解説します。

AppsFlyerとは？

AppsFlyerは、アプリのダウンロード数、ユーザーの行動、広告の効果などを細かく分析できる便利なツールです。Webページからのアプリインストールも追跡できるので、アプリの成長を多角的にサポートします。

AppsFlyerでできること

アプリのインストール数やイベントを収集: どこからアプリがインストールされたのか、ユーザーがアプリ内でどんな行動を取っているのかを把握できます。
Webページからのアプリインストールも追跡: Webページ経由でのインストール数も計測できるので、Webサイトとアプリの連携効果を分析できます。
広告の効果測定: どの広告が効果的なのかを分析し、広告戦略を最適化できます。

AppsFlyerをMonacaアプリに導入しよう！

1. プラグインのインストールと設定

利用するプラグイン

今回利用するプラグインはAppsFlyerSDK/appsflyer-capacitor-plugin: AppsFlyer SDK plugin for Capacitorです。対応プラットフォームがAndroidとiOSのみで、Webは対応していないので注意してください。

AppsFlyer SDKのインストールは npm で行います。

npm install appsflyer-capacitor-plugin

インストールが完了したら、コードを同期します。

npx cap sync

2. AppsFlyerでアプリを登録

AppsFlyerのWebサイトでアプリを登録します。

アプリのIDとApp ID（iOS）が必要です。登録が完了すると、「Dev Key」が発行されるので、大切に保管しておきましょう。

3. SDKの初期化

以下のコードを参考に、AppsFlyer SDKを初期化します。YOUR_DEV_KEY の部分には、先ほど取得したDev Keyを貼り付けてください。

import { AppsFlyer } from "appsflyer-capacitor-plugin";

const afConfig = {
    appID: "YOUR_APP_ID", // replace with your app ID. 
    devKey: "YOUR_DEV_KEY", // replace with your dev key. 
    isDebug: true,
    waitForATTUserAuthorization: 10, // for iOS 14 and higher
    minTimeBetweenSessions: 5, // default 5 sec
    registerOnDeepLink: true,
    registerConversionListener: true,
    registerOnAppOpenAttribution: false,
    deepLinkTimeout: 4000, // default 3000 ms
    useReceiptValidationSandbox: true, // iOS only
    useUninstallSandbox: true // iOS only
};
const res = await AppsFlyer.initSDK(afConfig);

res の内容は以下のようになっています。若干時間がかかったので注意してください。

{res: "success"}

4. イベントの記録

アプリ内でユーザーが特定のアクション（例：商品購入、レベルアップなど）を起こした際に、AppsFlyerにイベントとして記録できます。以下のコードを参考に、イベントを記録してみましょう。

下のように af_currency は通貨を指定すると、集計した金額を算出できます。

const data = {
    eventName: "purchase",
    eventValue: {
        af_revenue: 956,
        af_receipt_id: "id536",
        af_currency: "USD"
    }
};

const response = await AppsFlyer.logEvent(data)

response の内容は以下のようになっています。