Menganalisis konfigurasi tag yang ada

Sebelum menginstal tag baru, evaluasi tag yang sudah ada di situs atau aplikasi seluler Anda, jika ada, sehingga Anda tidak menambahkan tag duplikat. Dokumen ini menjelaskan cara mengevaluasi tag yang sudah ada.

Meskipun jika sudah melakukan evaluasi awal, Anda harus menyertakan pemeriksaan rutin sebagai bagian dari proses pengelolaan tag standar Anda. Secara rutin mengevaluasi tag yang berjalan di situs atau aplikasi Anda adalah langkah penting untuk perlindungan dan keamanan data.

Untuk mengevaluasi tag yang sudah ada, gunakan referensi berikut:

• Google Tag Assistant
• Fitur dalam Google Tag Manager
• Teknik pemeriksaan kode manual

Tag Assistant

Google Tag Assistant adalah alat analisis tag untuk penginstalan tag Google. Saat diaktifkan, Tag Assistant akan menampilkan panel debug di browser, sehingga Anda dapat memeriksa perintah gtag.js mana yang telah diaktifkan beserta urutannya. Tag Assistant menampilkan data yang diteruskan ke lapisan data dan peristiwa yang memicu pertukaran data tersebut. Tag Assistant juga akan menampilkan hit (permintaan HTTP) dan parameter terkait. Pelajari Tag Assistant lebih lanjut.

Tag Manager

Anda dapat memeriksa akun dan penampung Tag Manager untuk menganalisis konfigurasi tag yang ada. Tag Manager juga menampilkan mode pratinjau yang memiliki fungsi serupa dengan Tag Assistant.

Penelusuran

Gunakan kotak penelusuran di penampung untuk menemukan tag, setelan, atau baris kode di tag, pemicu, dan variabel Anda. Kotak penelusuran adalah cara yang efektif untuk menemukan tag atau kode yang perlu Anda evaluasi ulang.

Versi

Fitur Versi di Tag Manager menampilkan ringkasan konfigurasi penampung yang ada.

1. Di Tag Manager, klik Versi.
2. Klik versi terbaru dalam daftar untuk melihat status penampung saat ini.

Tag Manager mencantumkan tag, pemicu, variabel, dan template kustom dalam tampilan ini.

Mode pratinjau

Mode pratinjau di Tag Manager menunjukkan tag yang diaktifkan di halaman, peristiwa yang memicu tag tersebut, dan data yang didorong ke lapisan data. Mode pratinjau berfungsi dengan cara yang sama seperti Tag Assistant. Pelajari mode pratinjau lebih lanjut.

Pemeriksaan kode manual

Untuk mendapatkan analisis konfigurasi tag yang ada secara lebih menyeluruh, pertimbangkan untuk melakukan pemeriksaan kode secara manual. Telusuri kode sumber Anda untuk menemukan beberapa kata kunci tag umum ini guna membantu mengidentifikasi konfigurasi tag potensial:

• gtag( – Kode ini adalah pembuka untuk perintah gtag(), dan fragmen kode ini sering kali berisi instrumentasi tambahan.
• googletagmanager.com – Domain ini memuat fungsi Tag Manager dan gtag.js serta dapat membantu Anda menemukan jenis tag tersebut.

Jika sudah memiliki gtag.js atau Google Tag Manager, Anda mungkin dapat memperbarui tag atau instrumentasi yang ada, dan tidak perlu menerapkan konfigurasi baru.

• dataLayer – Dapat digunakan untuk mengetahui apakah kode lapisan data telah dibuat, dan panggilan dataLayer.push() dengan instrumentasi untuk peristiwa tertentu.
• analytics.js atau ga.js – Nama file library yang digunakan untuk penerapan Google Analytics lama.
• conversion.js atau conversion_async.js - Nama file library yang digunakan untuk pengukuran konversi Google Ads.
• optimize.js – Digunakan untuk tag Google Optimize.
• Sistem pengelolaan tag pihak ketiga yang mungkin berisi tag Google. Lihat kode sumber Anda untuk menemukan sistem pengelolaan tag pihak ketiga yang mungkin ada, misalnya utag.js atau _satellite.

Tag Google

Jika telah menambahkan cuplikan tag Google ke halaman web, Anda dapat meninjau tag untuk menemukan informasi lebih lanjut terkait tujuan penggunaannya. Cuplikan tag Google saat ini terlihat seperti contoh berikut:

  <!-- Google tag -->
  <script async src="https://www.googletagmanager.com/gtm.js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  </script>

Cuplikan dari versi sebelumnya terlihat seperti contoh berikut:

  <!-- Google tag (gtag.js) - Prior version snippet -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=GA-XXXXXX-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'GA-XXXXXX-1');
  </script>

Dalam penerapan yang menggunakan versi sebelumnya, Anda mungkin melihat beberapa baris gtag('config',...) untuk produk dan akun tambahan. Contoh:

  <!-- Google tag (gtag.js) - Prior version snippet -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    
    gtag('config', 'GA-XXXXXX-1');
    gtag('config', 'GA-YYYYYY-2');
    gtag('config', 'TAG_ID');
  </script>

Catatan: Perintah gtag('config') tidak digunakan lagi. Dalam penginstalan tag Google yang diperbarui, tujuan dan parameter tambahan dikonfigurasi di UI Google Tag Manager, bukan dengan menambahkan beberapa baris gtag('config') dalam halaman. Panggilan gtag('config') yang ada akan terus berfungsi untuk kompatibilitas mundur. Pelajari lebih lanjut.

Setiap baris config di versi sebelumnya berisi awalan produk (yang mengindikasikan produk mana yang sedang dikonfigurasi), diikuti dengan ID untuk akun yang sedang dikonfigurasi. Lihat informasi selengkapnya tentang awalan produk.

Catatan: Produk dan akun yang ID-nya ditampilkan di URL sumber skrip (yaitu ID di bagian atas cuplikan setelah www.googletagmanager.com/gtm.js?id atau /gtag/js?id) adalah produk dan akun yang "mengontrol" tag Google. Dalam beberapa kasus, penting untuk mengetahui hal ini karena beberapa fitur seperti tag situs yang terhubung untuk properti Google Analytics hanya dapat diaktifkan dari dalam tag yang dikontrol oleh produk dan akun tersebut.

Awalan produk untuk tag Google

ID tag atau penampung mengidentifikasi penampung Google Tag Manager atau konfigurasi tujuan Google yang dimuat oleh cuplikan tag Google Anda. Penginstalan baru menggunakan ID penampung Google Tag Manager (GTM-) secara default, sedangkan ID khusus tujuan mengidentifikasi setiap produk Google. Tabel berikut memberikan ringkasan awalan ID yang didukung:

Awalan	Jenis ID	Deskripsi
GTM-XXXXXX	ID penampung Google Tag Manager (default)	ID default untuk penampung Google Tag Manager. Mendukung semua tag Google, tag pihak ketiga, dan tag kustom.
G-XXXXXX	ID khusus tujuan	Mengidentifikasi tujuan Google Analytics (ID Pengukuran).
AW-XXXXXX	ID khusus tujuan	Mengidentifikasi tujuan iklan Google Ads (ID Konversi).
DC-XXXXXX	ID khusus tujuan	Mengidentifikasi tujuan Floodlight (ID Pengiklan).
MC-XXXXXX	ID khusus tujuan	Mengidentifikasi tujuan Google Merchant Center.
GT-XXXXXX	ID tag Google	Mengidentifikasi tag Google yang dibuat di versi sebelumnya.

Halaman web yang dikonfigurasi dengan tag Google dapat menggunakan ID penampung GTM- atau ID khusus tujuan seperti G- (Google Analytics), AW- (Google Ads), DC- (Floodlight), atau MC- (Merchant Center). Jika halaman Anda sudah memuat tag Google dengan salah satu ID ini, Anda dapat menghubungkan tujuan tambahan di Google Tag Manager, bukan menambahkan cuplikan tag lain ke halaman. Pelajari lebih lanjut cara menyiapkan ID tag

Catatan: Awalan ID penampung yang Anda miliki di situs (seperti GTM- versus G- atau AW-) menentukan izin dan kemampuan eksekusi skripnya. Untuk mengetahui detailnya, lihat Jenis penampung dan awalan ID.

Google Tag Manager

Halaman web yang dikonfigurasi dengan Tag Manager akan memiliki tag container terinstal yang terlihat mirip dengan contoh berikut. Anda dapat mengidentifikasi ID penampung Tag Manager dengan memeriksa kode penampung. ID penampung diawali dengan "GTM-". Lihat contoh penempatan ID penampung berikut:

<!-- Google tag -->
<script async src="https://www.googletagmanager.com/gtm.js?id=GTM-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
</script>

Cuplikan dari versi sebelumnya terlihat seperti contoh berikut:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<!-- End Google Tag Manager -->

Setelah memiliki ID penampung, buka layar akun Google Tag Manager, lalu klik untuk menelusuri ID ini. Anda kemudian dapat memeriksa [tag, pemicu, dan konfigurasi variabel]konfigurasi tag untuk situs Anda.