Langkah awal

Aktifkan situs web pertama Anda di NowMetrix.

Anda hanya memerlukan ID tracker, akses ke situs web, dan beberapa menit. Kami akan memasang cuplikan pelacakan, membuka halaman nyata, dan memastikan pembaca live pertama muncul.

Sebelum memulai

Penyiapan yang lancar dimulai dengan empat hal sederhana. Siapkan semuanya agar langkah berikutnya berjalan mudah:

Item Artinya
Akun dasbor Akun pengguna NowMetrix yang aktif dan memiliki akses ke tracker terkait.
ID tracker Pengidentifikasi internal untuk situs web, misalnya TRACKER_ID.
Akses situs web Izin untuk menambahkan cuplikan pelacakan NowMetrix ke templat situs web atau pengelola tag.
Domain produksi Nama host akhir yang harus muncul di NowMetrix, misalnya example-news.com.

1. Masuk ke dasbor

Buka dash.nowmetrix.com dan masuk. Anda akan diarahkan ke tampilan realtime untuk tracker yang terakhir digunakan.

Jika organisasi Anda menggunakan single sign-on, gunakan metode masuk yang diberikan oleh pemilik akun. Jika Anda tidak dapat mengakses tracker setelah masuk, minta admin menambahkan pengguna Anda ke daftar tracker yang benar.

2. Temukan tracker

Setiap situs web memiliki ID tracker sendiri. Anggap ID ini sebagai label yang memberi tahu NowMetrix di mana pageview yang masuk harus ditempatkan. Anda akan menggunakan ID yang sama untuk pelacakan, permintaan API, dan pemecahan masalah.

Gunakan ID netral dalam contoh dan skrip pengujian. Di produksi, ganti TRACKER_ID dengan ID tracker yang ditetapkan untuk situs web Anda.

3. Pasang pelacakan

Tambahkan cuplikan ke setiap halaman yang ingin Anda lihat di NowMetrix. Untuk ruang redaksi, biasanya ini mencakup halaman artikel, halaman bagian, halaman landing, dan halaman beranda.

<script src="https://ua.realtimely.io/script.js" data-site="TRACKER_ID" defer></script>

Penempatan yang disarankan:

  • Tempatkan cuplikan di templat halaman bersama, di dalam bagian <head>.
  • Muat cuplikan hanya sekali di setiap halaman.
  • Pastikan cuplikan aktif pada varian halaman desktop dan seluler.
  • Jangan memblokirnya dengan logika persetujuan cookie, kecuali konfigurasi hukum Anda mengharuskannya.

URL kanonis

Secara default, NowMetrix menggunakan URL dari <link rel="canonical" href="…"> untuk mengelompokkan varian halaman di bawah URL artikel yang sama. Jika halaman tidak memiliki tautan kanonis, NowMetrix menggunakan URL yang benar-benar dikunjungi.

Untuk menggunakan URL yang dikunjungi meskipun terdapat tautan kanonis, tambahkan data-canonical="false" ke cuplikan pelacakan yang ada. Pengaturan ini juga berfungsi pada tag Custom HTML Google Tag Manager.

<script
    src="https://ua.realtimely.io/script.js"
    data-site="TRACKER_ID"
    data-canonical="false"
    defer
></script>

Hapus atribut tersebut atau tetapkan data-canonical="true" untuk mengaktifkan kembali URL kanonis. Pengaturan ini hanya mengubah URL yang dilacak; pengaturan ini tidak mengaktifkan atau menonaktifkan pageview otomatis.

Jika Anda meneruskan url secara eksplisit saat mengirim pageview secara manual, URL tersebut akan diutamakan daripada pengaturan ini.

Tautan kanonis dapat mengarah ke domain lain. NowMetrix menggunakan domain dan path dari tautan tersebut. Nonaktifkan URL kanonis jika kunjungan harus dikaitkan dengan halaman di situs web Anda sendiri.

Google Tag Manager

Di Google Tag Manager, buat tag HTML kustom dan tempelkan cuplikan NowMetrix standar. Picu tag tersebut di semua halaman yang harus dilacak. 

<script src="https://ua.realtimely.io/script.js" data-site="TRACKER_ID" defer></script>
Aktifkan Dukungan document.write untuk tag Custom HTML. Tanpa pengaturan tersebut, tracker mungkin tidak dapat diinisialisasi dengan benar di Google Tag Manager.

Pelacakan manual

Untuk sebagian besar situs web, pelacakan otomatis adalah pilihan yang tepat. Jika Anda menjalankan aplikasi satu halaman atau memerlukan kontrol penuh atas perubahan rute, nonaktifkan pelacakan otomatis dengan data-auto="false" dan kirim pageview sendiri.

<script src="https://ua.realtimely.io/script.js" data-site="TRACKER_ID" data-auto="false" defer></script>

Kirim pageview secara manual

<script>
document.addEventListener("DOMContentLoaded", () => {
    realtimely.trackPageview();
});
</script>

Kirim data halaman khusus

Anda dapat meneruskan URL, judul, atau referrer sendiri secara opsional. Ini berguna untuk aplikasi satu halaman, perutean khusus, atau halaman yang URL tampilannya perlu dinormalisasi sebelum dilacak. 

<script>
document.addEventListener("DOMContentLoaded", () => {
    realtimely.trackPageview("TRACKER_ID", {
        url: "https://example-news.com/about",
        title: "About our publication",
        referrer: "https://google.com"
    });
});
</script>

4. Verifikasi data yang masuk

Sekarang saatnya melihat hasilnya: publikasikan cuplikan, buka halaman nyata, lalu beralih ke Halaman teratas. Kunjungan Anda akan muncul dalam beberapa detik.

Pemeriksaan Hasil yang diharapkan
Pengguna realtime Jumlah pengguna aktif bertambah saat halaman dibuka.
Halaman teratas Halaman yang dibuka muncul bersama path, judul, dan jumlah pengguna aktifnya.
Sumber Sumber langsung, referrer, penelusuran, sosial, atau UTM dikelompokkan dalam tampilan Sumber.
Ringkasan Pageview dan kunjungan harian mulai terakumulasi untuk tracker.

Model privasi

NowMetrix berfungsi tanpa cookie atau penyimpanan lokal. Layanan ini menggunakan hash anonim selama 24 jam, sehingga Anda dapat mengukur pengunjung unik harian tanpa membuat profil pengunjung jangka panjang.

Data pengguna anonim hanya disimpan selama 24 jam. Setelah itu, salt yang digunakan untuk hash dihapus, sehingga kunjungan bulanan dihitung dari total pengunjung unik harian.

5. Konfigurasikan alur kerja pertama

Pemantauan dasbor

Gunakan tampilan realtime dan dasbor untuk memantau pengguna aktif, halaman teratas, sumber, perangkat, negara, dan aktivitas hari ini.

Akses API

Admin akun dan anggota tim yang memiliki akses API dapat membuat kunci API pribadi di Pengaturan -> API. Lihat referensi REST API untuk endpoint dan contoh.

Akses tim

Setelah data mulai masuk, undang orang yang perlu menggunakannya. Berikan setiap orang akses hanya ke tracker yang mereka perlukan; admin mengelola pengaturan akun dan dapat memberikan akses API pribadi kepada editor tertentu.

Jika anggota tim tidak dapat melihat tracker, periksa daftar tracker yang ditetapkan sebelum mengubah pemasangan pelacakan.
Integrasi lama

Pelacakan AMP

Gunakan integrasi ini hanya jika situs web Anda masih menyajikan halaman AMP. Untuk pemasangan baru, gunakan cuplikan JavaScript standar atau penyiapan Google Tag Manager di atas.

Tambahkan komponen analitik AMP terlebih dahulu:

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

Kemudian tambahkan konfigurasi AMP NowMetrix:

<amp-analytics config="https://ua.realtimely.io/amp/amp.v1.json" data-credentials="include">
    <script type="application/json">
        {"vars": {"accountId": "TRACKER_ID"}}
    </script>
</amp-analytics>

Jika data tidak muncul

  • Pastikan cuplikan tersedia di HTML hasil render halaman aktif.
  • Periksa apakah ID tracker cocok dengan tracker yang dipilih di dasbor.
  • Buka alat pengembang browser dan cari permintaan jaringan yang diblokir.
  • Pastikan halaman tidak disajikan dari templat cache yang tidak memuat cuplikan.
  • Minta dukungan NowMetrix memeriksa apakah tracker menerima peristiwa.