導入: 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プラグインの管理 をクリックします。
Repro にカーソルを合わせ、 設定 をクリックします。
インストールパラメータに 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 をクリックします。
セットアップ¶
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をセットすることにより、下記のメリットがあります:
- 複数のデバイスを使っているユーザーを同一視できる
- キャンペーン機能の テスター管理 において、アプリで管理しているユーザーを識別できる
- キャンペーンの配信対象の抽出がより精緻になる
詳しくは こちら をご覧ください。
Next...¶
その他の機能についての詳細は、以下をご覧ください。