Html5-boilerplate: Google gtag.js sekarang direkomendasikan daripada analytics.js

Laporkan kembali apa yang Anda temukan. (selain memperbarui dokumen ) Saya bertahun-tahun dihapus dari bekerja di situs (vs aplikasi web mewah doubleplus super rahasia) sehingga saya tidak memiliki petunjuk tentang hal ini lagi.

Di mana kita mendarat dengan ini?

@coliff

Sebenarnya, anonymize_ip berlaku untuk cuplikan kode gtag.js.

instalasi gtag.js:
https://developers.google.com/analytics/devguides/collection/gtagjs/

Anonimisasi IP dengan gtag.js:
https://developers.google.com/analytics/devguides/collection/gtagjs/ip-anonymization

Contoh:

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

  gtag('config', 'GA_TRACKING_ID', { 'anonymize_ip': true });
</script>

Hai @Malvoz - ya, saya yakin banyak skrip cuplikan pelacakan yang kami miliki untuk analytics.js (Anonimkan alamat IP, Lacak permintaan AJAX jQuery, Lacak kesalahan JavaScript, dan Lacak gulir halaman) juga tersedia untuk digunakan dalam beberapa bentuk atau lainnya untuk gtag.js, tetapi implementasinya berbeda ... jadi dengan gtag adalah:
gtag('config', 'GA_TRACKING_ID', { 'anonymize_ip': true });
tetapi untuk analytics.js akan menjadi:
ga('create', 'UA-XXXXX-X', 'auto'); ga('set', 'anonymizeIp', true);

Skrip untuk melacak tautan keluar juga berbeda dan skrip 'lacak kesalahan javascript' yang kami miliki (https://github.com/h5bp/html5-boilerplate/blob/master/src/doc/extend.md#track-javascript- error-in-google-analytics) tidak berfungsi dengan gtag.js sehingga perlu ditulis ulang.

Secara keseluruhan, saya menemukan bahwa jika satu-satunya skrip/layanan Google yang Anda butuhkan di situs Anda adalah Google Analytics, maka lebih mudah menggunakan analytics.js dan tidak repot dengan gtag.js .

Jadi untuk H5BP kita perlu memperbarui skrip pelacakan agar berfungsi dengan gtag.js atau menambahkan catatan bahwa ini hanya untuk analytics.js . Saya lebih suka menambahkan catatan karena saya tidak memiliki skrip kerja yang setara untuk itu.

Saya menemukan komentar Philip Walton ini sebagai argumen yang meyakinkan untuk tidak beralih ke gtag.js :

Hal lain yang perlu diperhatikan tentang gtag adalah itu bukan pengganti analytics.js , ini adalah pustaka pembungkus di atas analytics.js (dan lainnya), yang berarti gtag library masih perlu memuat analytics.js , dan perlu mengonversi semua perintah gtag yang relevan menjadi analytics.js perintah dan menjalankannya.

Sampai sekarang, gtag adalah 54.5K dan analytics.js adalah 33.7K, dan karena gtag juga akan memuat analytics.js , itu 262% lebih banyak kode dengan harga lebih murah Kegunaan. Ada juga masalah bahwa gtag adalah khusus situs (karena Anda menambahkan ID pelacakan sebagai string kueri), jadi kecil kemungkinan pengguna Anda akan menyimpannya di cache; analytics.js di sisi lain digunakan di seluruh web, jadi kemungkinan besar sudah ada di cache pengunjung Anda saat mereka memuat situs Anda.

Jadi, untuk semua alasan ini, saya tidak berencana untuk beralih ke gtag karena hanya akan membuat situs saya membutuhkan waktu lebih lama untuk memuat dan menghabiskan lebih banyak bandwidth pengguna saya.

Saya baru-baru ini melakukan sedikit penyelaman mendalam untuk memahami beberapa perbedaan antara analytics.js dan gtag.js - satu hal kecil yang patut dipertimbangkan adalah bahwa gtag tidak mendukung format Plugin yang didukung analytics.js, jadi pindah ke ini dapat merusak beberapa rencana implementasi di masa depan, tetapi mungkin baik untuk boilerplate.

Akhirnya berhasil mengatasi hal ini dengan PR. (#2118) - Terima kasih atas umpan baliknya @jcutrell dan @TheDancingCode !
Selain itu, kami menambahkan ga('set','transport','beacon'); ke cuplikan analitik default yang meningkatkan kinerja.

Saat menambahkan situs baru ke Google Analytics, kode pelacakan yang diberikan sekarang adalah gtag.js yang bekerja sedikit berbeda dengan analytics.js yang direkomendasikan sebelumnya.

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

Google Universal Analytics (Analytics.js) masih tersedia untuk pengguna tetapi saya pikir kami perlu mengklarifikasi dalam dokumentasi bahwa cuplikan pelacakan berguna yang kami miliki saat ini di H5BP (Anonimkan alamat IP, Lacak permintaan AJAX jQuery, Lacak kesalahan JavaScript, dan Lacak gulir halaman ) adalah untuk analytics.js dan bukan gtag.js.

Hari ini saya sedang mengerjakan migrasi situs dari analytics.js ke gtag.js (mengikuti panduan ini: https://developers.google.com/analytics/devguides/collection/gtagjs/migration) jadi akan melihat apakah cuplikan yang kami miliki dapat diperbarui agar berfungsi dengan gtag.js.

Jika ada yang memiliki pemikiran tambahan tentang ini, silakan masuk.

Ekstensi berikut mungkin berguna

Ekstensi Magento 1 Gtag

Ekstensi Magento 2 Gtag

Saya menggunakan ga selama beberapa tahun, hari ini saya menemukan bahwa kode analitik google merekomendasikan diubah dari ga ke gtag. Saya sangat bingung kenapa google update ga ke gtag, apa manfaatnya ?

@fbens , itu menambahkan semua pelacakan google menggunakan satu pelacakan termasuk GA, AdWords, Pemasaran Ulang, Pengoptimal dll. Ini digunakan untuk beberapa pelacakan, bukan hanya GA. Semoga membantu