2015-12-07 12 views
11

के लिए रिएक्ट नेटिव पर एनालिटिक्स कैसे सेट करें, इसलिए मेरे पास आईओएस के लिए एक पूर्ण प्रतिक्रिया मूल परियोजना है लेकिन मैं इसमें एनालिटिक्स रखना चाहता हूं। मैंने react-native-google-analytics पैकेज की कोशिश की, लेकिन समस्याएं इसे ठीक से काम करने से रोकती हैं। इसके अलावा, react-native-cordova-plugin पैकेज केवल एंड्रॉइड पर काम कर रहा है, इसलिए विश्लेषिकी के लिए कॉर्डोवा प्लगइन में प्लग करने की क्षमता अब प्रश्न से बाहर है। मेरे पास स्विफ्ट/ऑब्जेक्ट सी अनुभव भी नहीं है, इसलिए जीए में पूरी तरह से प्लगइन खो जाएगा। क्या किसी के पास आईओएस के लिए प्रतिक्रिया मूल के लिए Google Analytics (या कोई अन्य एनालिटिक्स) को हुक अप करने के बारे में कोई सुझाव है? यदि ऐसा है, तो कृपया ऐसा करने पर कुछ विस्तृत निर्देश दें। मैं, और मुझे यकीन है कि, कई अन्य इसकी सराहना करेंगे :)आईओएस

+1

इस उपयोगी पढ़ने https: // डेवलपर्स .google.com/analytics/devguides/collection/analyticsjs/एकल-पेज-एप्लिकेशन मैं https://github.com/hzdg/react-google-analytics को भी आजमाएं, फिर यह 'पृष्ठदृश्य' की रिपोर्ट करने का एक मुद्दा है जब आरएन नेविगेटर एक दृश्य संक्रमण करता है। यदि यह लिखा गया है तो मुझे SO –

+1

पर उचित उत्तर सबमिट करने में प्रसन्नता होगी, इसलिए मैंने सुझाए गए 'प्रतिक्रिया-google-analytics' पैकेज को आजमाया, लेकिन वह पैकेज डोम जैसा व्यवहार पर भरोसा करता है और इसलिए आरएन के साथ संगत नहीं है । –

+0

क्या आपके उत्तर में से कोई भी जवाब आपके लिए काम नहीं करता है? –

उत्तर

2

मैं प्रतिक्रिया-मूल-google-analytics के लेखक हूं - इसके साथ समस्या प्रतिक्रियात्मक के साथ जीआईएफ डेटा के समर्थन की कमी के साथ रही है आईओएस 7 पर एक्सएचआर प्रतिक्रियाएं। मैं अभी भी यह पता लगाने की कोशिश कर रहा हूं कि समस्या का सामना करने वाली समस्या अभी भी आईओएस 7 तक ही सीमित है। आईओएस> 7 के लिए आरएन टीम द्वारा तय की गई बग की सूचना दी गई थी, हालांकि अगर ऐसा नहीं है तो एक प्रतिगमन होना चाहिए। प्रतिक्रिया मूल मुद्दे के लिए ट्रैकिंग यहां है: https://github.com/facebook/react-native/issues/1780

यदि आपके पास विशेष रूप से मॉड्यूल से संबंधित कोई अन्य प्रश्न हैं, तो कृपया गिटहब से पूछने में संकोच न करें!

+0

तो, मॉड्यूल के बारे में कोई अन्य प्रश्न यह सबसे बुनियादी रूप में काम किए बिना शून्य है। हमने आरएन के "^^0.14.2" और "^ 0.13.0" संस्करणों का प्रयास किया है, और हम आईओएस 9 पर चल रहे हैं, इसलिए मुझे नहीं लगता कि यह विशेष रूप से आईओएस <7 संस्करण –

0

तो यह लोगों के लिए सहायक हो सकता है, लेकिन मुझे सेगमेंट - https://segment.com/ मिला - सेटअप करने के लिए बहुत आसान है। सेगमेंट में Google Analytics और अन्य सभी एनालिटिक्स पैकेज के साथ एकीकरण है, इसलिए कनेक्शन बनने के बाद यह आसान हो जाता है। मुझे RCT_EXPORT_MODULE तकनीक का उपयोग करके देशी पुल बनाने पर कुछ ट्यूटोरियल्स का पालन करना पड़ा, लेकिन एक बार जब मैंने क्लाइंट से कनेक्शन स्थापित किया, तो मैं सेगमेंट स्टार्टर कोड में काफी प्लग करने में सक्षम था। मैंने NativeModules.AnalyticsHelper.openApp(clientId), NativeModules.AnalyticsHelper.shareContent(clientId), आदि के माध्यम से क्लाइंट पक्ष पर अलग-अलग कार्रवाइयों के लिए विशिष्ट ईवेंट कॉल को लिंक किया .. मुझे लगता है कि यह पालन करने का एक अच्छा तरीका है।

मैंने प्रतिक्रिया देशी के लिए सेगमेंट Analytics को सेटअप करने का तरीका दिखाने के लिए gist भी बनाया।

+1

के साथ एक समस्या है सेगमेंट पर टिप, वास्तव में दिलचस्प लग रहा है। जिज्ञासा से, आपने अपने जेएस कोड की बजाय अपने आईओएस एसडीके का उपयोग क्यों किया? धन्यवाद। –

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 जब एक प्रयोग फोन आरएस डेटा जोड़ता/हटा देता है।

इस सब के बाद, मैं सिर्फ देखा तो मैं शायद इसलिए क्योंकि मैं बीटा परीक्षकों का प्रबंधन करने के लिए उपयोग करने के लिए की ओर पलायन और उसके भयानक होगा तो यह 1 जगह

+1

क्या आप सबकुछ कपड़े पर ले जा रहे थे? – kevando

10

मैं में सब कुछ करना अच्छा हो जाएगा कि कपड़े एनालिटिक्स करता है प्रतिक्रियात्मक मूल के लिए Google Analytics पैकेज का लेखक हूं: https://github.com/idehub/react-native-google-analytics-bridge

चूंकि यह आधिकारिक Google Analytics लाइब्रेरीज़ के लिए एक बहुत ही सरल मूल पुल है, इसलिए आपको प्लेटफ़ॉर्म से संबंधित कोई भी समस्या नहीं देनी चाहिए। साथ ही, यह स्वचालित रूप से बहुत सारे मेटाडेटा को संभालेगा, जैसे डिवाइस यूयूआईडी, डिवाइस मॉडल, व्यूपोर्ट आकार, ओएस संस्करण इत्यादि।

क्योंकि है कि पिछले भाग की, कॉल बहुत सरल है, एक नई स्क्रीन दृश्य ट्रैकिंग की तरह हो सकता है:

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 ब्रिज का उपयोग करके एक ऐप के रूप में एकाधिक ऐप्स ट्रैक करना संभव है? – Raunaqss

+0

जब तक मैं @Raunaqss प्रश्न को गलत नहीं समझ रहा हूं, तो बस सभी ऐप्स में एक ही ट्रैकिंग आईडी का उपयोग करें? उस मामले में, हाँ। – cbrevik

+0

हां, एकाधिक ऐप्स में एक ही ट्रैकिंग आईडी का उपयोग करके, यह एक अजीब उपयोग केस है लेकिन सही काम करता है। धन्यवाद! – Raunaqss