จะติดตั้ง Google Analytics สำหรับ Native React ได้อย่างไร

บทความนี้เป็นหนึ่งในสามของชุดข้อมูลที่มีวัตถุประสงค์เพื่อตอบ Analytics คืออะไรทำไมเมื่อใดและอย่างไรจึงจะใช้

ในบทความก่อนหน้าของฉันฉันอธิบายว่าเพราะเหตุใด Analytics จึงเป็นเครื่องมือที่ยอดเยี่ยมในการช่วยขับเคลื่อนผลิตภัณฑ์และฉันอธิบายรายละเอียดว่าทำไมฉันจึงคิดว่า Google Analytics (GA) เป็นแพลตฟอร์มที่สมบูรณ์แบบสำหรับเรื่องนี้

ตอนนี้มาดำน้ำในการใช้งานทางเทคนิคของ Google Analytics for React Native

ที่ด้านล่างของบทความฉันพูดถึงการติดตามด้วย Google Tag Manager จากนั้นฉันพูดถึง Firebase ซึ่งเป็นเครื่องมือใหม่ของ Google สำหรับการทำ Analytics (และอีกมากมาย) บนมือถือ

แพคเกจหรือการใช้งานที่ทำด้วยมือ?

ทำด้วยมือ

Google Analytics นั้นไม่ได้มีความซับซ้อนมากนัก ไม่มีปัญหามากเกินไป (สูงสุดสองวันคน) คุณสามารถใช้เครื่องมือพื้นฐานพื้นฐานได้ด้วยตัวคุณเองและปรับให้เข้ากับ React Native: Google Analytics ดั้งเดิมบน Android - Google Analytics ดั้งเดิมบน iOS

บรรจุภัณฑ์

ในความคิดของฉันแพ็คเกจที่ทันสมัยและเป็นที่นิยมมักจะเป็นทางออกที่ยั่งยืนมากกว่าการติดตั้งด้วยมือ (โดยที่แพคเกจตอบสนองความต้องการของคุณ)

จนถึงตอนนี้แพ็คเกจที่ดีที่สุดสำหรับ React Native ที่ฉันพบคือ GoogleAnalyticsBridge และมันใช้งานได้อย่างมีเสน่ห์:

1- การติดตั้งแพ็กเกจ: ทำตาม readme ในที่เก็บ github คุณไม่ควรประสบปัญหาใด ๆ หากคุณเผชิญกับปัญหาใด ๆ อย่าลังเลที่จะถามผู้สร้างแพ็คเกจเขามีปฏิกิริยาตอบสนองได้ดีมาก

การสร้างบัญชี 2- GA: สร้างบัญชี Google Analytics ที่นี่

3- การสร้างบริการ Analytics ใน React Native: ในรหัสของคุณสร้างบริการ Analytics โดยเฉพาะและส่งผ่านรหัสการติดตามบัญชี GA (ดู: UA-12345–1) ซึ่งสามารถพบได้ในพารามิเตอร์ของบัญชีที่สร้างขึ้นใหม่ :

นำเข้า {GoogleAnalyticsTracker} จาก 'react-native-google-analytics-bridge';

ส่งออก const tracker = ใหม่ GoogleAnalyticsTracker ('UA-12345-1');

4- การติดตามหน้าจอ: เราจะต้องส่งชุดแรกของข้อมูลไปยัง GA การติดตามพื้นฐานเรียกว่า Screenviews / จำนวนหน้าที่มีการเปิดในระบบนำทางของคุณคุณสามารถทริกเกอร์:

tracker.trackScreenView (screenname);

5- การทดสอบ: ถึงเวลาที่จะทดสอบการใช้งานของคุณในสภาพแวดล้อมท้องถิ่น / การแสดงละครและเริ่มเห็นเพลงฮิตในคอนโซลเรียลไทม์ของ Google Analytics

6- ความสำเร็จ: ยินดีด้วย! GA เริ่มทำงานแล้ว คุณจะสามารถเข้าถึงข้อมูลที่มีค่ามากมายเกี่ยวกับเส้นทางนิสัยและโปรไฟล์ของผู้เยี่ยมชม

ก้าวต่อไป

จากตรงนั้นคุณจะสามารถปรับแต่งการติดตามและการรายงานของคุณได้อย่างต่อเนื่องโดย:

  • การสร้างคุณสมบัติที่แตกต่างกันสองรายการ (ภายใต้บัญชีเดียว): รายการหนึ่งสำหรับสภาพแวดล้อมการจัดเตรียมของคุณและอีกหนึ่งรายการสำหรับสภาพแวดล้อมการผลิตของคุณ
  • การป้องกันไม่ให้ทีมงาน / บริษัท ของคุณทำงานในแอพเพื่อแทรกแซงข้อมูลลูกค้าจริงโดยการห้าม IP
  • การส่งกิจกรรมที่กำหนดเองสำหรับการกระทำของลูกค้าที่กำหนดเองเช่นการคลิกที่แบนเนอร์หรือการดำเนินการเข้าสู่ระบบ
  • การตั้งค่าเป้าหมาย (ใช้กิจกรรมที่กำหนดเองของคุณ) เพื่อทำความเข้าใจประสิทธิภาพแอพของคุณอย่างลึกซึ้ง
  • ผ่านมิติข้อมูลที่กำหนดเองไปพร้อมกับเพลงฮิตของคุณเพื่อเสริมข้อมูลวิเคราะห์ด้วยตรรกะทางธุรกิจเฉพาะของคุณ
  • ติดตามที่มาของการติดตั้งของลูกค้าของคุณ
  • การดึงข้อมูล“ ดิบ” โดยตรงใน Google Spreadsheet เพื่อสร้างรายงานของคุณเอง
  • หากคุณเป็นธุรกิจอีคอมเมิร์ซ / ตลาดทำความรู้จักกับอีคอมเมิร์ซ Google Analytics มากขึ้น

Google Analytics หรือ Google Tag Manager (GTM)?

มีวิธีที่สองในการส่งข้อมูลจากแอปของคุณไปยัง GA: โดยใช้รหัสติดตาม GTM จากนั้นตั้งค่าส่วนติดต่อผู้ใช้ GTM เพื่อถ่ายโอนข้อมูลไปยัง GA

GTM เป็นระบบจัดการแท็ก (TMS) ที่ช่วยให้ผู้ที่ไม่ใช้เทคโนโลยีได้รับการติดตามอย่างรวดเร็วจากแพลทจากการติดตามและเปลี่ยนตามความประสงค์ของพวกเขา ไม่มีอะไรมากไปกว่าหน้าต่างจาวาสคริปต์ที่แทรกเข้าไปในแพลตฟอร์มของคุณเชื่อมต่อกับส่วนต่อประสานกราฟิกที่คุณสามารถตั้งค่าการติดตามของคุณจากนั้นส่งข้อมูลไปยังผู้ให้บริการ / พันธมิตรอื่น ๆ (เช่น Google Analytics, Criteo, Facebook เป็นต้น) ดังนั้นจึงมีความยืดหยุ่นในการติดตามมากขึ้นด้วยการใช้งานแบบรวมศูนย์และจัดระเบียบ

ฉันมักจะแนะนำให้ใช้ GTM ความซับซ้อนของเครื่องมือไม่มีอะไรเทียบได้กับความสะดวกสบายและความยืดหยุ่นที่จะเกิดขึ้น อย่างไรก็ตามเกี่ยวกับ React Native ฉันไม่พบวิธีแก้ไขปัญหาที่น่าเชื่อถือในเวลา จำกัด ที่ฉันมีสำหรับ GTM ดังนั้นฉันจึงไปใช้งาน GA คุณสามารถติดตั้ง GA ได้โดยตรงในวันนี้และเมื่อต้องการเพิ่มมากขึ้นให้โอนการติดตามของคุณใน GTM ได้อย่างง่ายดายโดยไม่สูญเสียความสอดคล้องของข้อมูล

Firebase: เครื่องมือมือถือ Google all-in-one ใหม่

Google Analytics อาจไม่ใช่วิธีแก้ปัญหาที่ดีที่สุดในการทำ Analytics บนแอปมือถืออีกต่อไปตั้งแต่ firebase จาก Google โซลูชั่นใหม่นี้เป็นผู้ให้บริการคลาวด์และแบ็กเอนด์เป็นบริการสำหรับแอพมือถือรวมถึงเครื่องมือวิเคราะห์

หากคุณสนใจอย่าลังเลที่จะดู ณ วันนี้ฉันไม่มีโอกาสทดสอบ Firebase GA ยังคงยอดเยี่ยมมีประสิทธิภาพมากและเป็นโซลูชันหลักสำหรับ Analytics บนเดสก์ท็อป

ในบทความถัดไปของฉันฉันจะให้คำแนะนำในการติดตามข้อมูลที่ใช้งานได้เป็น KPI ที่สามารถดำเนินการได้เพื่อขับเคลื่อนธุรกิจของคุณอย่างมีประสิทธิภาพ!