導入: Flutter — Repro ドキュメント

Flutter Plugin のインストール¶

プロジェクト配下にある pubspec.yaml を開き、dependencies 欄に repro_flutter を追記します。

dependencies:
  flutter:
    sdk: flutter
  ...
  repro_flutter: ^1.2.0

以下のコマンドを実行して、Repro の Flutter Plugin をインストールします。

$ flutter packages get

iOS プロジェクトへの導入¶

プロジェクトのルートディレクトリで、以下のコマンドを実行してください。

$ cd ios
$ pod install

Android プロジェクトへの導入¶

アプリケーションの app/build.gradle を開き、以下の設定を追加してください。

dependencies {
  implementation 'io.repro:repro-android-sdk:5.1.3'
  testImplementation 'junit:junit:4.12'
  androidTestImplementation 'com.android.support.test:runner:1.0.2'
  androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}

セットアップ¶

iOS¶

AppDelegate で Repro をインポートしたうえで、 application:didFinishLaunchingWithOptions: で Repro#setup を実行してセッションを開始します。

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

- (BOOL)application:(UIApplication *)application
    didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  [GeneratedPluginRegistrant registerWithRegistry:self];
  // Override point for customization after application launch.
  [Repro setup:@"YOUR_APP_TOKEN"];
  return [super application:application didFinishLaunchingWithOptions:launchOptions];
}

Android¶

io.flutter.app.FlutterApplication を継承した独自の Application クラスを作成します。すでにクラスを作成している場合は、独自の Application クラスを作成する必要はありません。

package your.package.name;

import io.flutter.app.FlutterApplication;
import io.repro.android.Repro;

public class MyApplication extends FlutterApplication {

    @Override
    public void onCreate() {
        super.onCreate();
    }
}

また AndroidManifest.xml の記述を以下のように修正します。

    <application
-         android:name="io.flutter.app.FlutterApplication"
+         android:name="your.package.name.MyApplication"
          android:label="repro_integration_test"
          android:icon="@mipmap/ic_launcher">

独自 Application クラスの onCreate メソッドで Repro.setup を実行して、新しいセッションを開始してください。

public void onCreate() {
    super.onCreate();
    Repro.setup(this, "YOUR_APP_TOKEN");
}

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

ある程度操作した後、 「ホームボタン」を押下 します。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", {});
    }

    ...
 }

import 'package:repro_flutter/repro.dart';

...

await Repro.track("Initialized");

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

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

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

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

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

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

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

Next...¶

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

導入: Flutter¶