Ikuti semua informasi yang diumumkan di Firebase Summit, dan pelajari bagaimana Firebase dapat membantu Anda mempercepat pengembangan aplikasi dan menjalankan aplikasi dengan percaya diri. Pelajari Lebih Lanjut

Memulai Google Analytics

Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.

Panduan memulai ini menunjukkan cara menambahkan Google Analytics ke aplikasi Anda dan mulai mencatat peristiwa.

Google Analytics mengumpulkan data penggunaan dan perilaku untuk aplikasi web Anda. SDK mencatat dua jenis informasi utama:

  • Peristiwa : Apa yang terjadi di aplikasi Anda, seperti tindakan pengguna, peristiwa sistem, atau kesalahan.

  • Properti pengguna : Atribut yang Anda tentukan untuk menggambarkan segmen basis pengguna Anda, seperti preferensi bahasa atau lokasi geografis.

Analytics secara otomatis mencatat beberapa peristiwa dan properti pengguna ; Anda tidak perlu menambahkan kode apa pun untuk mengaktifkannya.

Sebelum kamu memulai

Jika Anda belum melakukannya, tambahkan Firebase ke proyek JavaScript Anda dan pastikan Google Analytics diaktifkan di proyek Firebase Anda:

  • Jika Anda membuat proyek Firebase baru, aktifkan Google Analytics selama alur kerja pembuatan proyek.

  • Jika Anda menggunakan proyek Firebase yang sudah ada yang tidak mengaktifkan Google Analytics, buka tab Integrasi di Anda > Setelan proyek untuk mengaktifkannya.

Saat Anda mengaktifkan Google Analytics di proyek Anda, aplikasi web Firebase Anda ditautkan ke aliran data Google Analytics yang terkait dengan properti Aplikasi + Web .

Tambahkan SDK Analytics ke aplikasi Anda

Bergantung pada cara aplikasi web Anda dihosting, konfigurasi Anda mungkin ditangani secara otomatis atau Anda mungkin perlu memperbarui objek konfigurasi Firebase . Jika aplikasi web Anda sudah menggunakan Google Analytics, Anda mungkin perlu melakukan penyiapan tambahan yang dijelaskan dalam Menggunakan Firebase dengan pemberian tag gtag.js yang ada .

  1. Periksa apakah objek konfigurasi Firebase dalam kode Anda berisi measurementId . ID ini dibuat secara otomatis saat Anda mengaktifkan Analytics di proyek Firebase dan mendaftarkan aplikasi web, dan diperlukan untuk menggunakan Analytics.

    • Jika aplikasi Anda menggunakan Firebase Hosting dan menggunakan URL yang dicadangkan untuk Firebase SDK :

      Firebase secara otomatis menangani konfigurasi aplikasi Anda. Untuk menyelesaikan penyiapan, tambahkan skrip dari kartu Aplikasi Anda di setelan Proyek ke tag <body> aplikasi Anda, jika Anda belum melakukannya.

    • Jika aplikasi Anda tidak menggunakan URL yang dicadangkan : Jika Anda bekerja dengan aplikasi web yang sudah ada , perbarui objek konfigurasi Firebase dalam kode Anda untuk memastikan bidang measurementId ada. Objek config akan terlihat mirip dengan contoh berikut:

      // 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. Jika Anda belum melakukannya, instal Firebase JS SDK dan inisialisasi Firebase .

  3. Tambahkan Analytics JS SDK dan inisialisasi Analytics:

Web version 9

import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);


// Initialize Analytics and get a reference to the service
const analytics = getAnalytics(app);

Web version 8

import firebase from "firebase/app";
import "firebase/analytics";

// TODO: Replace the following with your app's Firebase project configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);


// Initialize Analytics and get a reference to the service
const analytics = firebase.analytics();

Gunakan Firebase dengan penandaan gtag.js yang ada

Jika sebelumnya Anda telah menjalankan Google Analytics di aplikasi Anda menggunakan cuplikan gtag.js , aplikasi Anda mungkin memerlukan penyiapan tambahan jika Anda berencana untuk melakukan salah satu hal berikut:

  • Tambahkan panggilan Google Analytics dari Firebase ke halaman, tetapi juga rencanakan untuk terus menggunakan panggilan gtag() secara langsung di halaman yang sama.
  • Ingin menggunakan ID pengukuran yang sama antara panggilan gtag() langsung dan data Google Analytics yang dikirim ke Firebase.

Untuk memastikan peristiwa Anda tersedia untuk digunakan oleh semua layanan Firebase, selesaikan langkah-langkah penyiapan tambahan berikut:

  • Hapus baris gtag('config', ' GA_MEASUREMENT_ID '); di mana GA_MEASUREMENT_ID adalah measurementId aplikasi web Firebase Anda. Jika Anda memiliki ID lain untuk properti Analytics lain di halaman, Anda tidak perlu menghapus baris konfigurasinya.
  • Pastikan Anda memanggil firebase.analytics() sebelum mengirim peristiwa apa pun dengan gtag() .

Jika tidak, peristiwa yang dikirim ke ID tersebut dengan panggilan gtag() tidak akan dikaitkan dengan Firebase dan tidak akan tersedia untuk penargetan di layanan Firebase lainnya.

Mulai mencatat acara

Setelah Anda menginisialisasi layanan Analytics , Anda dapat mulai mencatat peristiwa dengan metode logEvent() .

Acara tertentu direkomendasikan untuk semua aplikasi ; lainnya direkomendasikan untuk jenis bisnis atau vertikal tertentu. Anda harus mengirim acara yang disarankan bersama dengan parameter yang ditentukan, untuk memastikan detail maksimum yang tersedia dalam laporan Anda dan untuk mendapatkan manfaat dari fitur dan integrasi di masa mendatang saat tersedia. Bagian ini mendemonstrasikan pendataan peristiwa yang telah ditentukan sebelumnya, untuk informasi selengkapnya tentang pendataan peristiwa, lihat Mencatat peristiwa .

Contoh berikut menunjukkan cara membuat log peristiwa yang direkomendasikan untuk menunjukkan bahwa pengguna telah menerima pemberitahuan di aplikasi Anda:

Web version 9

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

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

Web version 8

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

Langkah selanjutnya