因此,我已經爲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的分析功能
回答
我是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.14.2」'和RN的「^ 0.13.0」版本,並且我們在iOS 9上運行,所以我不認爲這是iOS <7版本的問題 –
所以這可能對人們有幫助,但我發現段 - https://segment.com/ - 更容易設置。該細分與Google Analytics和所有其他分析套件進行了整合,因此一旦建立連接就很容易。我不得不遵循一些使用RCT_EXPORT_MODULE
技術創建本地橋接的教程,但是一旦我建立了與客戶端的連接,我幾乎可以插入段啓動器代碼。我通過NativeModules.AnalyticsHelper.openApp(clientId)
,NativeModules.AnalyticsHelper.shareContent(clientId)
等將特定事件調用鏈接到客戶端的不同操作。我認爲這是一個很好的方法。
我還創建了一個gist以顯示如何爲React本機設置細分分析。
感謝Segment上的提示看起來非常有趣。出於好奇,爲什麼你選擇使用他們的iOS SDK而不是他們的JS代碼?謝謝。 –
我剛剛成立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處
你最終把所有的東西都搬到了面料上嗎? – kevando
我的一切我是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');
- 1. 如何在Windows上構建ios(react-native)?
- 2. 在React功能組件上設置defaultProp
- 3. 設置調試或釋放| React Native - iOS
- 4. 在React Native上設置Android BroadcastReceiver
- 5. 如何在React Native中設置iOS狀態欄背景顏色?
- 6. React Native iOS
- 7. React Native,AwesomeProject,react-native run-ios:** BUILD FAILED **
- 8. 設置React Native子組件
- 9. React-Native AsyncStorage.clear()在IOS上失敗
- 10. react-native-maps在ios上空白
- 11. 如何在React Native中實現類似CoordinatorLayout的功能?
- 12. 如何在Native React中的孩子內部調用父功能
- 13. React Native的ScrollView在iOS物理設備上被破壞
- 14. react-native-sqlite-storage關閉不是iOS中的功能
- 15. React Native iOS - .ipa文件的位置
- 16. React-Native中的輔助功能
- 17. 在React Native中導航iOS
- 18. 如何在Eclipse上設置PHP分析?
- 19. 如何在React Native項目的iOS真實設備上進行調試?
- 20. IOS上的React Native支持晴雨表
- 21. 在現有的React Native iOS項目中安裝React-Native Android?
- 22. 在React Native中設置表格佈局
- 23. 如何在ScriptScope上設置功能
- 24. React Native - 如何在地圖功能中傳遞索引
- 25. React Native獲取ios設備語言
- 26. React Native和iOS分享按鈕
- 27. React-native項目未在ios設備上運行(版本0.39.0)
- 28. react-native-network-info無法在ios設備上捕獲ip
- 29. React Native,iOS - ScrollView在設備上不起作用
- 30. React Native&Expo - SVG不會在iOS設備上渲染
這是非常有用的閱讀https://開頭開發商.google.com/analytics/devguides/collection/analyticsjs/single-page-applications我也會嘗試https://github.com/hzdg/react-google-analytics,那麼這是RN導航器報告「pageview」的問題執行視圖轉換。如果這是寫,我會很樂意提交SO –
的正確答案所以我嘗試了'react-google-analytics'包的建議,但該包似乎依賴類似DOM的行爲,因此不與RN兼容。 –
Dit沒有答案適合您? –