Sintaksis Tradisional

Dokumen ini menjelaskan cara menyiapkan pelacakan Analytics untuk situs Anda menggunakan cuplikan kode pelacakan ga.js tradisional. Jika Anda menyiapkan pelacakan untuk pertama kalinya, sebaiknya gunakan cuplikan kode pelacakan default, yang dijelaskan di Situs Pelacakan.

Ada dua cara dasar untuk menyiapkan pelacakan di properti web Anda: penyiapan standar dan penyiapan yang disesuaikan. Dokumen ini mencakup cara-cara tersebut, bersama dengan topik terkait:

Setelah menginstal kode pelacakan ga.js di situs dengan benar, Anda akan mulai menerima data laporan. Data laporan muncul di laporan Anda dalam waktu 24 jam setelah kode pelacakan disiapkan.

Penyiapan Standar

Saat pertama kali mulai menerapkan pelacakan di situs Google Analytics, Anda harus menginstal kode pelacakan di halaman situs. Cuplikan kode pelacakan generik terdiri dari dua bagian: tag skrip yang merujuk pada kode pelacakan ga.js, dan skrip lain yang mengeksekusi kode pelacakan. 

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
  var pageTracker = _gat._getTracker("UA-xxxxxx-x");
  pageTracker._trackPageview();
} catch(err) {}
</script>

Cuplikan kode pelacakan ini harus disertakan dalam halaman situs Anda agar muncul di bagian bawah struktur HTML halaman (atau HTML yang dibuat), sebelum tag <body> penutup. Untuk informasi selengkapnya, lihat Ringkasan Fungsi, yang menjelaskan logika di balik eksekusi kode pelacakan.

Catatan: Jika Anda menyiapkan pelacakan untuk properti web yang mencakup beberapa domain atau beberapa subdirektori, Anda harus memodifikasi kode pelacakan untuk mendapatkan data pelaporan yang akurat untuk tampilan Anda (profil). Selain itu, jika Anda menyiapkan tampilan (profil) khusus untuk subdirektori domain yang lebih besar, Anda juga harus mengubah kode pelacakan. Lihat Panduan & Direktori Direktori untuk informasi selengkapnya.

Skrip Kode Pelacakan—Bagian Satu

Bagian pertama tag skrip (ditunjukkan dengan baris 1 - 4 dalam kode di atas), menggunakan JavaScript untuk menentukan secara dinamis apakah protokol HTTP untuk halaman yang diminta aman atau standar. Kemudian alat ini menggunakan protokol yang sesuai untuk mereferensikan kode pelacakan. Jadi, jika satu halaman di situs Anda ditayangkan melalui protokol HTTP standar, string yang dihasilkan adalah: 

<script src='http://www.google-analytics.com/ga.js' type='text/javascript'>

Jika halaman lain ditayangkan melalui koneksi yang aman, string yang dihasilkan adalah:

<script src='https://ssl.google-analytics.com/ga.js' type='text/javascript'>

Jika Anda memiliki campuran halaman aman dan tidak aman, biarkan tag skrip awal sebagaimana ditunjukkan agar koneksi yang sesuai dapat ditentukan. Jika semua halaman di situs Anda ditayangkan melalui HTTP standar, Anda dapat mengganti tag pertama dengan panggilan yang lebih sederhana ke kode pelacakan Google Analytics.

Skrip Kode Pelacakan—Bagian Dua

Kumpulan tag JavaScript yang kedua mencakup metode yang diperlukan untuk mengeksekusi panggilan pelacakan bagi data halaman. Bagian kode pelacakan ini juga harus berisi metode kustom apa pun yang ingin diterapkan ke semua halaman di situs Anda. Inisialisasi dan metode ditempatkan dalam blok try/catch sehingga setiap error JavaScript ditangani tanpa memengaruhi pengunjung.

Urutan panggilan metode yang diberikan pada cuplikan pelacakan generik bersifat signifikan, dan Anda harus mengikuti panduan umum berikut saat mengubah kode pelacakan untuk tujuan situs Anda:

  • Baris pertama skrip pelacakan harus selalu melakukan inisialisasi objek pelacak halaman. 
    • var pageTracker = _gat._getTracker("UA-123456-1");
    Baris pertama cuplikan kode pelacakan standar menginisialisasi objek pelacak default ke ID properti web Google Analytics yang Anda berikan sebagai parameter. Panggilan metode berikutnya akan menggunakan objek tersebut.
  • Baris terakhir cuplikan kode pelacakan harus memanggil metode _trackPageview().
    Setiap panggilan metode kustom yang menetapkan atau menginisialisasi nilai harus dimasukkan sebelum _trackPageview().
    // put in customized calls after pageTracker object and before_trackPageview() methods
pageTracker.setAllowLinker(true);
pageTracker._trackPageview();

Lokasi untuk Menempatkan Kode Pelacakan

Kode pelacakan dirancang untuk membaca data dari halaman Anda setelah konten untuk halaman selesai dimuat. Oleh karena itu, cuplikan harus ditempatkan tepat sebelum tag </body> penutup untuk halaman web Anda. Setelah konten untuk halaman Anda dimuat, kode pelacakan, saat dieksekusi, akan membaca konten untuk halaman Anda sesuai dengan Model Objek Dokumen (DOM). Semua informasi yang relevan dengan pelacakan kemudian digunakan untuk membuat informasi halaman, menetapkan/memperbarui cookie, dan mengirimkan permintaan GIF ke server Google Analytics.

Dengan menempatkan skrip di akhir isi halaman, Anda memastikan kode pelacakan dieksekusi sebagai elemen terakhir DOM. Jika pemuatan halaman tertentu terganggu karena beberapa alasan, permintaan GIF untuk kunjungan halaman tersebut tidak akan dijalankan. Namun, jika Anda menempatkan kode pelacakan di bagian atas halaman, gangguan pemuatan dapat mengakibatkan pelaporan tidak lengkap atau tidak akurat, karena kode pelacakan bergantung pada data halaman untuk laporannya.

Selain itu, penempatan fisik panggilan kode pelacakan di bagian bawah halaman lebih efektif daripada menggunakan fungsi onLoad() untuk memanggil kode pelacakan. Jika Anda menggunakan onLoad() untuk mengeksekusi kode pelacakan, eksekusi bergantung pada model peristiwa untuk browser, bukan DOM. Dalam situasi tersebut, jika gambar jarak jauh gagal dimuat di halaman, onLoad() tidak akan dipanggil, sedangkan DOM untuk halaman masih dapat dimuat sepenuhnya.

Menyesuaikan Penyiapan Anda

Anda dapat menyesuaikan Google Analytics dalam berbagai cara untuk mengubah cara data pelaporan ditampilkan.Sebagian besar situs (kecuali yang paling dasar) dapat memanfaatkan penyesuaian pada penyiapan dasar.Faktanya, jika situs Anda memiliki salah satu karakteristik berikut, modifikasi pada kode pelacakan diperlukan agar perilaku pengunjung dapat dilaporkan secara akurat.

  • E-commerce—Anda memiliki situs e-commerce atau keranjang belanja dan ingin melacak aktivitas pengunjung yang terkait dengan pembelian.
  • Beberapa domain—Kehadiran situs Anda mencakup beberapa nama host atau domain, dan Anda ingin melacak aktivitas pengunjung (termasuk aktivitas keranjang belanja) di seluruh properti tersebut.
  • Keranjang Belanja Pihak Ketiga—Situs Anda dihosting oleh penyedia di sub-direktori dan Anda ingin melacak aktivitas pengunjung di seluruh bagian situs (seperti keranjang belanja) yang berada di direktori lain dari situs host.
  • Variabel Pelacakan Kampanye Khusus—Anda sudah memiliki link ke situs yang berisi variabel pelacakan kampanye kustom yang ingin Anda gunakan.

Selain itu, Anda dapat membuat banyak penyesuaian lain pada perilaku pelaporan Google Analytics standar, seperti menyesuaikan durasi sesi pengunjung, mengubah durasi sesi kampanye, atau menonaktifkan pengumpulan informasi browser.

Anda dapat menyesuaikan pelaporan dalam dua area dasar:

  • Antarmuka administratif laporan Google Analytics
  • Penggunaan metode kode pelacakan tambahan di halaman Anda

Menyesuaikan Menggunakan Antarmuka Administratif

Antarmuka administratif menyediakan fitur berikut yang dapat Anda gunakan untuk menyaring tampilan data dalam laporan:

  • Sasaran
    Menyiapkan sasaran untuk halaman utama di situs yang Anda harapkan akan dikunjungi pengguna.Biasanya, sasaran digunakan dalam situs e-commerce untuk melihat statistik tentang bagaimana pelanggan tiba di halaman pembelian akhir dalam kumpulan halaman terkait, seperti keranjang belanja, formulir pesanan, dan konfirmasi pesanan.Namun, Anda juga dapat menggunakan sasaran untuk skenario lain, seperti panduan langkah demi langkah tentang proses petunjuk, atau link "lainnya" di blog. Untuk informasi selengkapnya tentang sasaran, lihat Tentang Sasaran.
  • Tampilan (Profil) dan filter
    Anda dapat menyiapkan tampilan (profil) untuk pengguna laporan individual agar menyertakan atau mengecualikan konten tertentu dari laporan tersebut. Hal ini berguna jika Anda memiliki situs yang sangat besar dan ingin menentukan statistik halaman untuk satu bagian situs secara terpisah dari bagian lainnya.Misalnya, Anda mungkin memiliki satu bagian situs yang didedikasikan sepenuhnya untuk pakaian dan bagian lain dari situs web yang didedikasikan sepenuhnya untuk elektronik, dan Anda ingin menganalisis statistik halaman pakaian yang berkaitan dengan semua pakaian, tetapi tidak bergantung pada elektronik. Jika tampilan (profil) digunakan untuk mengecualikan bagian tertentu di situs, tampilan ini akan membatasi pelaporan konten hanya untuk halaman yang diizinkan. Lihat Pusat Bantuan untuk mendapatkan informasi berguna tentang tampilan (profil) dan filter.

Menyesuaikan dengan Metode Kode Pelacakan Tambahan

GATC menyediakan sejumlah metode yang dapat digunakan untuk mengonfigurasi kode pelacakan untuk kebutuhan situs Anda. Perhatikan bahwa setiap halaman di situs Anda harus menggunakan baik kode pelacakan urchin.js atau kode pelacakan ga.js dan metode terkaitnya, tetapi tidak keduanya. 

Menggunakan kedua kode pelacakan di satu halaman dapat menyebabkan error pelaporan untuk halaman tersebut dan tidak disarankan. 

Beberapa skenario paling umum yang memerlukan konfigurasi kode pelacakan dijelaskan dalam Pelacakan E-commerce. Selain itu, Tracking API menyediakan daftar semua metode pelacakan ga.js yang dapat Anda gunakan, dan juga mengelompokkan metode tersebut berdasarkan penggunaan pelaporan dasar, seperti metode e-commerce dan pelacakan peristiwa.