2015-12-07 12 views
11

iOS向けにReact Nativeプロジェクトが完成しましたが、解析ツールを追加したいと思います。私はreact-native-google-analyticsパッケージを試しましたが、問題によって正しく機能しません。また、react-native-cordova-pluginパッケージはAndroid上でのみ動作しているため、分析用にCordovaプラグインをプラグインする機能は今のところ問題にはなりません。私もSwift /客観的なCの経験がないので、GAのプラグインを完全に失ってしまいます。 React Native for iOSのGoogleアナリティクス(または他のアナリティクス)を活用する方法については、誰にも提案がありますか?もしそうなら、いくつかの詳細な説明をしてください。私は確信していますが、多くの人がそれを感謝するでしょう:)iOS用のReact Nativeでの解析の設定方法

+1

これは便利な読書HTTPSであります.google.com/analytics/devguides/collection/analyticsjs/single-page-applications https://github.com/hzdg/react-google-analyticsも試してみましょう。RNナビゲータで「ページビュー」を報告する問題ですビュー遷移を実行する。これが書いてあれば、私はSO –

+1

で適切な答えを提出してうれしく思いますので、 'react-google-analytics'パッケージを示唆したように試しましたが、そのパッケージはDOMのような振る舞いに依存しているようで、RN 。 –

+0

あなたの答えはどれもあなたのために働きませんか? –

答えて

2

私はreact-native-google-analyticsの著者です。React nativeのGIFデータに対するサポートが不足していますiOS 7でのXHR応答。私はまだ問題が人々が経験しているかどうかを把握しようとしていますが、まだiOS 7に限られています。バグはROSチームによってiOS> 7で修正されたと報告されました。退行が必要です。 Reactネイティブの問題の追跡はここにあります:https://github.com/facebook/react-native/issues/1780

モジュールに関する他の質問がある場合は、GitHubでお気軽にお問い合わせください。

+0

したがって、最も基本的な形式で動作しないモジュールについての他の質問はすべてnullです。私たちはRNの "0.14.2"と "0.13.0"バージョンを試しました。私たちはiOS 9で動作しているので、特にiOS <7バージョンの問題ではないと思います。 –

0

これは人々にとって参考になるかもしれませんが、私はSegment-https://segment.com/が見つかりました。セグメントにはGoogleアナリティクスと他のすべてのアナリティクスパッケージとの統合が含まれているため、一度接続すれば簡単です。 RCT_EXPORT_MODULEテクニックを使用してネイティブブリッジを作成するためのチュートリアルをいくつか実行しなければなりませんでしたが、クライアントへの接続が確立されると、Segmentの起動コードをかなりプラグインできました。特定のイベントコールをNativeModules.AnalyticsHelper.openApp(clientId)NativeModules.AnalyticsHelper.shareContent(clientId)などを介してクライアント側のさまざまなアクションにリンクしました。これは従うべき良い方法だと思います。

また、ReactネイティブのSegment Analyticsを設定する方法を示すためにgistを作成しました。

+1

ありがとうセグメント上のヒントは、本当に面白そうです。好奇心のため、JSコードではなくiOS SDKを使用する理由を教えてください。ありがとう。 –

2

私はちょうどこのパッケージにmixpanelを設定します。 https://github.com/davodesign84/react-native-mixpanel

そして、私はすべての私の見解・コンポーネントを保持している私のmain.jsファイル内でこのようなものを持っている:

componentWillMount: function() { 
    this.loadData(this.setDataState); 
    // not sure if this is the best way to do it, but whatever 
    Mixpanel.identify(DeviceInfo.getUniqueID()); 
    Mixpanel.set("$name", DeviceInfo.getDeviceName()); 
    Mixpanel.track("App Loaded"); 
} 

そして、私の中にデータを持つコンポーネントを描画するview.jsが、私はこのようなものがあります:

componentWillMount: function() { 
    Mixpanel.trackWithProperties("Definition Viewed",{word:this.state.word}); 

} 

をそして私はまた、使用時mixpanelを呼び出しますrsはデータを追加/削除します。

は、このすべての後、私はちょうど1位

+1

あなたはすべてを布に移し終わったのですか? – kevando

10

Iですべてを持っていいだろうので、私はおそらく私がベータテスターを管理するために使用しているため、それに移行し、その素晴らしいますので、生地が分析を行うことに気づきましたReact NativeのGoogleアナリティクスパッケージの作成者:https://github.com/idehub/react-native-google-analytics-bridge

公式のGoogleアナリティクスライブラリのネイティブブリッジであるため、プラットフォームに関する問題はありません。また、デバイスのUUID、デバイスモデル、ビューポートサイズ、OSバージョンなど、多くのメタデータを自動的に処理します。

その最後の部分で、呼び出しが新しい画面表示を追跡するように、かなり単純なことができますので:

import { GoogleAnalyticsTracker } from 'react-native-google-analytics-bridge'; 
let tracker = new GoogleAnalyticsTracker('UA-12345-1'); 
tracker.trackScreenView('Home') 

またはイベント://開発者:

tracker.trackEvent('testcategory', 'testaction'); 
+0

Googleアナリティクスブリッジを使用して複数のアプリを1つのアプリとしてトラッキングすることはできますか? – Raunaqss

+0

@Raunaqssの質問を誤解していない限り、すべてのアプリで同じトラッキングIDを使用するだけですか?その場合、はい。 – cbrevik

+0

はい、複数のアプリで同じトラッキングIDを使用すると、それは奇妙な使用例ですが、完璧に動作します。ありがとう! – Raunaqss

関連する問題