導入: Monaca¶

Reproとの連携¶

Monaca IDEの 設定 > 外部サービス連携... をクリックします。

Reproの 詳細を見る をクリックします。

インストール をクリックします。

以上でReproのプラグインが導入されます。

FCMを設定する¶

FCMの設定 (Android) を参照し、設定してください。

`config.xml` ファイルを編集する¶

プロジェクト直下のconfig.xmlを開き、 widget タグに xmlns:android="http://schemas.android.com/apk/res/android" を追加してください。また、config.xmlの中に <platform name="android"> タグが存在しない場合、 widget タグの下に追加してください。

<widget xmlns="http://www.w3.org/ns/widgets"
        xmlns:android="http://schemas.android.com/apk/res/android"
        id="..." version="1.0.0">
    ...
    <platform name="android">
        ...
    </platform>

`google-services.json` ファイルを追加する¶

FCMの設定 (Android) でダウンロードした google-services.json をプロジェクトのディレクトリにアップロードします。

下記のXMLをconfig.xmlの <platform name="android"> タグの中に追加してください。

cordova-android 7.0未満¶

<resource-file src="google-services.json" target="google-services.json" />

cordova-android 7.0以上¶

<resource-file src="google-services.json" target="app/google-services.json" />

オプション：Firebaseの依存バージョンを変更する¶

firebase-core 及び firebase-messaging の依存バージョンを変更する場合は、下記の手順で指定してください。

設定 > Cordovaプラグインの管理 をクリックします。

../../../_images/3-1-cordova-plugin.ja.png

Repro にカーソルを合わせ、設定をクリックします。

../../../_images/3-2-choose-repro.ja.png

インストールパラメータに firebase-core 及び firebase-messaging の依存バージョンを指定します。例えば、 firebase-core のバージョン16.0.0、 firebase-messaging のバージョン17.1.0を指定する場合は、下記のインストールパラメータを指定してください。

FIREBASE_CORE_VERSION=16.0.0
FIREBASE_MESSAGING_VERSION=17.1.0

OK をクリックします。

../../../_images/3-3-set-install-param.ja.png

セットアップ¶

index.html の onDeviceReady でセッションを開始してください。

YOUR_APP_TOKEN には管理画面の 設定 > アプリ設定 に記載されている SDK トークン を設定してください。

function onDeviceReady() {
    ...

    if (typeof Repro != "undefined") {
        // Setup Repro
        Repro.setup("YOUR_APP_TOKEN");
    }

    ...
}

Reproの動作を確認するにはアプリを実機で動作させる必要があります。

ビルド ボタンをクリックし、 Monaca アプリのビルドに従ってMonacaアプリを実機で動作させてください。

ある程度操作した後、 「ホームボタン」を押下 します。SDKが収集した情報は アプリがバックグラウンドに移行 した時点でサーバーにアップロードされます。

イベントをトラックする¶

意味のある分析や、マーケティング施策を実施するためには、適切なユーザーグループを絞り込むことが重要です。イベントをトラックしてユーザーの行動を記録することにより、管理画面上で目的に応じた適切なユーザーグループを選択することができるようになります。

イベントを用いたユーザーグループ指定の例:

どういうイベントをとるべきかわからない場合は、まず各画面の表示時にイベントをとってみることをおすすめします。

例:

@implementation MainViewController

- (void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];
    [Repro track:@"MainViewController" properties:nil];

    ...
}

class MainViewController: UIViewController {

    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        Repro.track("MainViewController", properties: nil)

        ...
    }

class MainViewController: UIViewController {

    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        Repro.track(event: "MainViewController", properties: [:])

        ...
    }

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onResume() {
        super.onResume();
        Repro.track("MainActivity");

        ...
    }
}

#include "ReproCpp.h"

...

ReproCpp::track("Initialized");

Repro.Track ("Initialized");

// Will be written later

class MainScreen extends React.Component {

    componentDidMount() {
        Repro.track("MainScreen", {});
    }

    ...
 }

Repro の分析チームによるイベントの設定支援サービスも提供しておりますので、ご希望の方は、ぜひこちらからお問い合わせください。

ユーザーIDをセットする¶

Repro では分析結果はユーザー単位で集計しています。ユーザーIDをセットすることにより、下記のメリットがあります:

複数のデバイスを使っているユーザーを同一視できる
キャンペーン機能のテスター管理において、アプリで管理しているユーザーを識別できる
キャンペーンの配信対象の抽出がより精緻になる

詳しくはこちらをご覧ください。

プッシュ通知を配信する¶

Reproでは、管理画面もしくはAPIからプッシュ通知配信をすることができます。プッシュ通知配信をするための実装はこちらをご覧ください。

Next...¶

その他の機能についての詳細は、以下をご覧ください。