Cara Pasang GA4 Bersama BRT Network - JELAJAH MIA Blogging

 

Info terbaru, bahwa per 1 Juli 2023, GA UA mulai 1 Juli 2023 akan dinonaktifkan, dan kita harus migrasi ke GA4. Para blogger sebagian besar masing menggunakan GA UA dalam aktivitas google analisisnya. Belajar cara pasang GA4 sepertinya bakal jadi kehebohan para blogger agar GA4 terhubung ke  blog masing-masing.

 

Bikin ketar-ketir ga sih Sobat Jelajah Mia? Begitu banyak Kelas Blogger buat belajar cara pasang GA4. Sobat Jelajah Mia ada yang masih belum paham Google Analytis?  Google Analytis, adalah sebuah layanan gratis dari Google yang menampilkan statistik pengunjung sebuah situs web. Google Analytics biasa digunakan oleh para pemilik website maupun blog untuk menganalisa kinerja website berdasarkan data-data statistik yang ditampilkan.

 

Di artikel sebelumnya, Jelajah Mia sudah sampaikan langkah Aktifkan Lagi GoogleAnalytics. Apakah yang sudah Jelajah Mia lakukan langkahnya benar?  Ataukah ada langkah yang terlewat yang Jelajah Mia lakukan?

 

Kelas BRT Network

Sebelum penjelasan tentang langkah yang terlewat dari Jelajah Mia, mau berbagi keseruan dari Kelas Blogger yang Jelajah Mia ikuti.

 

Segala macam keluh kesah mempersiapkan dinonaktifkannya GA UA, pas banget ada Kelas BRT Network yang mengadakan kelas Blogger yaitu Cara Pasang GA4. Memang benar seperti yang saya duga, ada langkah lanjutan setelah kita membuat propeti GA4.

 

Tanggal 16 Juni 2023, Jumat malam yang syahdu dimulai pukul 19.00 WIB, hampir 90 lebih blogger siap untuk belajar bersama. Kelas BRT Network yang digawangi oleh pasangan maut yang tak diragukan lagi kemampuan dalam dunia blogger yaitu MasPewe dan Mbak Monica menjelaskan dengan sabar bagaimana yang benar cara pasang GA4 ke blog kita. Dengan segala macam masalah yang beragam, dijawab sesuai dengan data dan memasukkan logika, agar kita paham alur permasalahannya.

 

Pada kesempatan ini, Jelajah Mia sampaikan untuk langkah cara pasang GA4 untuk blogspot, ya. Karena memang Jelajah Mia menggunakan blogspot. Lalu, apa yang salah pada cara pasang GA4 Jelajah Mia?

 

Apa yang Salah pada Langkah Cara Pasang GA4?

Untuk cara pasang GA4, setelah menyimak penjelasan Mas Pewe, langkah yang dilakukan Jelajah Mia benar. Bahkan data sudah terbaca. Tapi ternyata Jelajah Mia belum membuat akun di Google Tag Manager. Apalagi setelah membaca beragam pertanyaan yang ada di WAG, ditemukan titik salah cara pasang GA4 punya Jelajah Mia.

 

Bagaimana Google Analytics, ya, pantas saja, apa yang dijelaskan Mas Pewe, Jelajah Mia tidak menemukan di link Google Analytics. Lalu bagaiman menghubungkan Google Analytics ke Google Task Manager?

 

Setting Google Tag Manager

Jadi begini sobat Jelajah Mia, UA+GA4 memang sudah terhubung. Tapi kalau kamu cek di property GA4, kamu akan tahu kalau ternyata GA4 belum jalan. Selama berbulan-bulan aku anggurin ternyata GA4 tidak membaca aktivitas statistik apapun di blog ku.

 

Kamu boleh cek di Google Analytics - Admin - GA4 - Data Streams. Di sana kamu bisa melihat ID Property GA4 milikmu (kode angka xxxxxxxxxx).

 

Kalau kamu klik panah di sebelahnya, maka akan muncul Web stream details yang berisi informasi GA4 milikmu seperti Stream ID (atau disebut juga kode GA4) dan Measurement ID. Scroll sampai paling bawah, kamu bisa melihat status No data received  pada bagian View tag instruction. Padahal di bagian Connected Tag sudah jelas statusnya UA terhubung dengan GA4. Pada langkah ini butuh data Measurement ID untuk setting GTM.

 

Lalu, apa yang harus dilakukan? Kamu perlu mengubah status merah No data received menjadi status hijau Data flowing. Nah, salah satu caranya adalah menggunakan Google Tag Manager (GTM). 

 

Bagaimana caranya setting GTM? Ikuti langkah-langkah di bawah ini.

 

1. Buat dulu akun GTM. Caranya buka halaman tagmanager.google.com, supaya lebih yakin, sekali lagi pastikan akun Google yang dipakai adalah akun yang sama dengan akun blog dan GA.
2. Pilih Create Account. Lalu di bagian Account Setup isi data nama akun (Account Name) dan negara (Country).
3. Di bagian Container Setup, isi alamat blog www.namablogmu.com di kolom Container name dan pilih Web di Target platform. Klik Create.
4. Setelah muncul kotak dialog Google Tag Manager Terms of Service Agreement pilih Yes.
5. Selanjutnya masuk ke Workspace GTM untuk membuat tag baru.
6. Pada bagian Overview pilih New Tag - Add a new tag.
7. Pada kotak dialog yang muncul, klik Tag Configuration lalu pilih GA4 Configuration.
8. Masukkan Measurement ID atau ID Pengukuran yang tadi sudah aku sebutkan di atas.
9. Pada bagian Triggering pilih All Pages untuk melihat page views.

 

Lanjut ke tahap berikutnya yaitu memasang kode HTML ke template Blogspot.

 

Memasang Script GTM ke Blogspot

Di tahap ini, kamu akan membutuhkan blog atau website yang menyediakan layanan parse kode HTML. Jangan tanya parse itu apa, yang jelas kode HTML yang kamu peroleh dari GTM ini tidak bisa langsung ditempel ke template. Sebab Blogspot tidak menerima kode atau script yang berbasis javascript di template. Jadi kodenya harus di-parse dulu, apalagi kalau pakai template fiksioner seperti Jelajah Mia, wajib banget di parse kodenya.

 

1. Masih tetap di GTM ya, kita pindah dari tab Workspace ke tab Admin.
2. Di bagian Container pilih Install Google Tag Manager.
3. Kamu akan melihat dua kode yang harus dipasang di template, yaitu kode atas untuk <head> dan kode bawah untuk <body>.
4. Copy kode yang atas kemudian paste di blog layanan parse HTML.
5. Selanjutnya, copy kode hasil parse tersebut untuk ditempel di template Blogspot.
6. Buka dashboard Blogger, masuk di bagian Theme - Edit HTML.
7. Cari kode <head> dan paste kode hasil parse yang telah di-copy tepat di bawah <head>.
8. Kembali lagi ke GTM lalu copy kode yang kedua. Sama seperti sebelumnya, lakukan parse kode terlebih dahulu sebelum ditempel ke template.
9. Setelah di-parse, kembali lagi ke dashboard Blogger, lalu cari kode <body> (Hint: biasanya kalau pakai template yang aneh-aneh susah ketemu kode ini, jadi lebih baik cari kode </head>. Setelah ketemu, cek kode <body terus ikuti sampai ketemu tanda > yang menandai end of body tag declaration).
10. Paste kode hasil parse di bawah kode <body> (atau kode <body…>
11. Jangan lupa disimpan atau klik Save.

 

Cek Hasil Pemasangan GA4

Biar makin yakin dan mantap, mari cek dulu hasil pasang GA4 biar yakin sudah berhasil dipasang.

 

1. Pada tab Workspace GTM, klik tombol Preview di sebelah kanan atas.
2. Setelah redirect ke laman Tag Assistant, masukkan URL blog lalu klik Connect tunggu sampai loading selesai
3. Selanjutnya akan muncul pop-up halaman baru yang menunjukkan bahwa Tag Assistant Connected.
4. Di sini kamu akan melihat dua kode ID, yaitu Measurement ID GA4 (G-xxx) dan ID GTM (GTM-xxx).
5. Pastikan di GTM-XXX pada bagian Output Tag Assistant bahwa GA4 Configuration sudah ditandai sebagai Tags Fired.
6. Berikutnya, pindah ke Google Analytics atau halaman GA4, di bagian kiri pilih menu Analytics - Configuration - Debug View.
7. Sementara itu, di halaman pop-up Tag Assistant yang tadi muncul, lakukan aktivitas apapun misalnya membuka salah satu artikel.
8. Cek di Google Analytics. Debug View akan merespon interaksi atau aktivitas apapun yang terjadi di halaman pop-up blog (kalau belum muncul interaksinya, review/buka sendiri tampilan awal blog atau artikel kita)
9. Jika tampilan Debug View sudah menunjukkan adanya aliran data atau interaksi, artinya setting GA4 sudah berhasil.
10. Jangan lupa kembali ke GTM Workspace dan klik Submit untuk menyimpan konfigurasi GTM yang telah dilakukan.

Penutup

Gimana, Sobat Jelajah Mia? Jelajah Mia pun pertama kali mencoba,apalagi membenahi langkah yang belum sempurna sebelumnya, langsung mules dan mual. Tapi, kalau diikuti pelan-pelan, fokus, tenang dan paham setiap langkahnya, tidak serumit yang dipikirkan. Bagi yang sudah pasang GA4, gimana pengalamannya?