Join us for Firebase Summit on November 10, 2021. Tune in to learn how Firebase can help you accelerate app development, release with confidence, and scale with ease. Register

เริ่มต้นใช้งาน Google Analytics

การเริ่มต้นอย่างรวดเร็วนี้จะแสดงวิธีเพิ่ม Google Analytics ในแอปของคุณและเริ่มบันทึกเหตุการณ์

Google Analytics รวบรวมข้อมูลการใช้งานและพฤติกรรมสำหรับเว็บแอปของคุณ SDK จะบันทึกข้อมูลหลักสองประเภท:

  • กิจกรรม: สิ่งที่เกิดขึ้นในแอปเช่นกระทำของผู้ใช้เหตุการณ์ของระบบหรือข้อผิดพลาด

  • คุณสมบัติของผู้ใช้: แอตทริบิวต์ที่คุณกำหนดที่จะอธิบายส่วนของฐานผู้ใช้ของคุณเช่นการตั้งค่าภาษาหรือสถานที่ตั้งทางภูมิศาสตร์

Analytics จะบันทึกการบางอย่างโดยอัตโนมัติ เหตุการณ์ และ คุณสมบัติของผู้ใช้ ; คุณไม่จำเป็นต้องเพิ่มรหัสใดๆ เพื่อเปิดใช้งาน

ก่อนจะเริ่ม

หากคุณยังไม่ได้ เพิ่ม Firebase กับโครงการ JavaScript ของคุณ และให้แน่ใจว่า Google Analytics เปิดใช้งานในโครงการ Firebase ของคุณ:

  • หากคุณกำลังสร้างโปรเจ็กต์ Firebase ใหม่ ให้เปิดใช้ Google Analytics ระหว่างเวิร์กโฟลว์การสร้างโปรเจ็กต์

  • หากคุณกำลังใช้โครงการ Firebase ที่มีอยู่ที่ไม่ได้เปิดใช้ Google Analytics ไปที่ Integrations แท็บที่คุณ > การตั้งค่าโครงการเพื่อเปิดใช้งาน

เมื่อคุณเปิดใช้ Google Analytics ในโครงการของคุณ Firebase ปพลิเคชันเว็บของคุณจะเชื่อมโยงกับข้อมูล Google Analytics ลำธารที่เกี่ยวข้องกับ คุณสมบัติ App + เว็บ

เพิ่ม Analytics SDK ในแอปของคุณ

ทั้งนี้ขึ้นอยู่กับวิธีการประยุกต์เว็บของคุณจะเป็นเจ้าภาพการกำหนดค่าของคุณอาจจะถูกจัดการโดยอัตโนมัติหรือคุณอาจจะต้องอัปเดต การกำหนดค่าวัตถุ Firebase หากแอปเว็บของคุณแล้วใช้ Google Analytics คุณอาจจำเป็นต้องทำตั้งค่าเพิ่มเติมที่อธิบายไว้ใน การใช้ Firebase กับ gtag.js ที่มีอยู่การติดแท็ก

  1. ตรวจสอบว่าการกำหนดค่าวัตถุ Firebase ของคุณในรหัสของคุณมี measurementId รหัสนี้จะสร้างขึ้นโดยอัตโนมัติเมื่อคุณเปิดใช้ Analytics ในโปรเจ็กต์ Firebase และลงทะเบียนเว็บแอป และจำเป็นต้องใช้ Analytics

    • หากแอปของคุณใช้ Firebase โฮสติ้งและการใช้ ลิขสิทธิ์ URL ที่ สำหรับ Firebase SDKs:

      Firebase จัดการการกำหนดค่าแอปพลิเคชันของคุณโดยอัตโนมัติ การติดตั้งเสร็จสมบูรณ์เพิ่มสคริปต์จากบัตรปพลิเคชันของคุณในของคุณ ตั้งค่าโครงการ ที่ <body> ของ app ของคุณถ้าคุณยังไม่ได้

    • หากแอปของคุณไม่ได้ใช้ URL ลิขสิทธิ์: หากคุณกำลังทำงานร่วมกับแอพพลิเคเว็บที่มีอยู่ให้อัปเดตการตั้งค่าวัตถุ Firebase ในรหัสของคุณเพื่อให้แน่ใจว่า measurementId ข้อมูลที่เป็นปัจจุบัน ออบเจ็กต์ config ควรมีลักษณะคล้ายกับตัวอย่างต่อไปนี้:

      // For Firebase JavaScript SDK v7.20.0 and later, `measurementId` is an optional field
      const firebaseConfig = {
        apiKey: "AIzaSyCGQ0tYppWFJkuSxBhOpkH0xVDmX245Vdc",
        authDomain: "project-id.firebaseapp.com",
        databaseURL: "https://project-id.firebaseio.com",
        projectId: "project-id",
        storageBucket: "project-id.appspot.com",
        messagingSenderId: "637908496727",
        appId: "2:637908496727:web:a4284b4c99e329d5",
        measurementId: "G-9VP01NDSXJ"
      };
      
  2. เริ่มต้น Firebase Analytics:

เว็บรุ่น 9

import { getAnalytics } from "firebase/analytics";

const analytics = getAnalytics();

เว็บรุ่น8

const analytics = firebase.analytics();

ใช้ Firebase ด้วยการติดแท็ก gtag.js ที่มีอยู่

หากคุณเคยมี Google Analytics ทำงานในแอปของคุณโดยใช้ gtag.js snippet แอปของคุณอาจจำเป็นต้องมีการตั้งค่าเพิ่มเติมถ้าคุณวางแผนที่จะทำอย่างใดอย่างหนึ่งต่อไปนี้:

  • เพิ่มสาย Google Analytics จาก Firebase ไปยังหน้า แต่ยังวางแผนที่จะดำเนินการโดยใช้ gtag() โทรโดยตรงบนหน้าเดียวกัน
  • ต้องการที่จะใช้ ID ที่วัดเหมือนกันระหว่างทั้งทางตรง gtag() โทรและข้อมูล Google Analytics ส่งไป Firebase

เพื่อให้แน่ใจว่ากิจกรรมของคุณจะพร้อมใช้งานโดยบริการ Firebase ทั้งหมด ให้ทำตามขั้นตอนการตั้งค่าเพิ่มเติมต่อไปนี้:

  • ถอดสาย gtag('config', ' GA_MEASUREMENT_ID '); ที่ GA_MEASUREMENT_ID เป็น measurementId ของ app เว็บของคุณ Firebase หากคุณมีรหัสอื่นสำหรับพร็อพเพอร์ตี้ Analytics อื่นๆ บนหน้า คุณไม่จำเป็นต้องลบบรรทัดการกำหนดค่า
  • ให้แน่ใจว่าคุณเรียก firebase.analytics() ก่อนที่คุณจะส่งเหตุการณ์ใด ๆ กับ gtag()

มิฉะนั้นเหตุการณ์ที่ส่งไปยังรหัสที่มี gtag() โทรจะไม่ได้เกี่ยวข้องกับการ Firebase และจะไม่สามารถใช้ได้สำหรับการกำหนดเป้าหมายในการให้บริการ Firebase อื่น ๆ

เริ่มบันทึกเหตุการณ์

หลังจากที่คุณได้เริ่มต้น บริการ Analytics คุณสามารถเริ่มต้นการเข้าสู่ระบบกับเหตุการณ์ logEvent() วิธีการ

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

ตัวอย่างต่อไปนี้สาธิตวิธีบันทึกเหตุการณ์ที่แนะนำเพื่อระบุว่าผู้ใช้ได้รับการแจ้งเตือนในแอปของคุณ:

เว็บรุ่น 9

import { getAnalytics, logEvent } from "firebase/analytics";

const analytics = getAnalytics();
logEvent(analytics, 'notification_received');

เว็บรุ่น8

firebase.analytics().logEvent('notification_received');

ขั้นตอนถัดไป