2015-12-07 43 views
11

因此,我已經爲iOS完成了一個React Native項目,但我想將分析功能放入其中。我嘗試了react-native-google-analytics包,但問題阻止它正常工作。此外,react-native-cordova-plugin軟件包僅適用於Android,因此插入用於分析的Cordova插件的功能目前不存在問題。我也沒有Swift/Objective C的經驗,所以會以這種方式完全失去GA的插件。有沒有人有任何關於如何爲iOS版React Native連接Google Analytics(或任何其他分析)的建議?如果是這樣,請給出一些關於這樣做的詳細說明。我和我敢肯定,許多其他人會欣賞它:)如何在iOS上設置React Native的分析功能

+1

這是非常有用的閱讀https://開頭開發商.google.com/analytics/devguides/collection/analyticsjs/single-page-applications我也會嘗試https://github.com/hzdg/react-google-analytics,那麼這是RN導航器報告「pageview」的問題執行視圖轉換。如果這是寫,我會很樂意提交SO –

+1

的正確答案所以我嘗試了'react-google-analytics'包的建議,但該包似乎依賴類似DOM的行爲,因此不與RN兼容。 –

+0

Dit沒有答案適合您? –

回答

2

我是react-native-google-analytics的作者 - 它的問題一直與React Native缺乏對GIF數據的支持XHR在iOS 7上的反應。我仍然在試圖弄清楚人們遇到的問題是否仍然限於iOS 7.該錯誤報告已經被RN團隊針對iOS> 7修復,但是如果情況並非如此必須有一個迴歸。跟蹤React Native問題在這裏:https://github.com/facebook/react-native/issues/1780

如果您有任何關於該模塊的具體問題,請不要猶豫在GitHub上提問!

+0

因此,如果沒有以最基本的形式工作,有關該模塊的任何其他問題均爲空。我們已經嘗試過'「^ 0.14.2」'和RN的「^ 0.13.0」版本,並且我們在iOS 9上運行,所以我不認爲這是iOS <7版本的問題 –

0

所以這可能對人們有幫助,但我發現段 - https://segment.com/ - 更容易設置。該細分與Google Analytics和所有其他分析套件進行了整合,因此一旦建立連接就很容易。我不得不遵循一些使用RCT_EXPORT_MODULE技術創建本地橋接的教程,但是一旦我建立了與客戶端的連接,我幾乎可以插入段啓動器代碼。我通過NativeModules.AnalyticsHelper.openApp(clientId),NativeModules.AnalyticsHelper.shareContent(clientId)等將特定事件調用鏈接到客戶端的不同操作。我認爲這是一個很好的方法。

我還創建了一個gist以顯示如何爲React本機設置細分分析。

+1

感謝Segment上的提示看起來非常有趣。出於好奇,爲什麼你選擇使用他們的iOS SDK而不是他們的JS代碼?謝謝。 –

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添加/刪除數據。

這一切後,我只注意到面料做分析,所以我可能會遷移到,因爲我用它來管理beta測試及其真棒所以它會是不錯的有1處

+1

你最終把所有的東西都搬到了面料上嗎? – kevando

10

我的一切我是React Native的谷歌分析包的作者:https://github.com/idehub/react-native-google-analytics-bridge

由於它是官方Google Analytics庫的一個非常簡單的本地橋樑,它不應該給你任何有關該平臺的問題。此外,它會自動處理大量元數據,如設備UUID,設備型號,視口大小,操作系統版本等。

因爲這最後一部分中,呼叫可以很簡單,比如跟蹤一個新的屏幕視圖:

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

或事件:

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

是否可以使用Google Analytics Bridge將多個應用追蹤爲一個應用? – Raunaqss

+0

除非我誤解了@Raunaqss這個問題,只是在所有應用程序中使用相同的跟蹤ID?在那種情況下,是的。 – cbrevik

+0

是的,跨多個應用程序使用相同的跟蹤ID,這是一個奇怪的用例,但完美。謝謝! – Raunaqss

相關問題