Header

100% Migrasi GA4: Cara Memasang Google Analytics di Website (Blogspot)

Post a Comment
Konten [Tampil]
Cara memasang Google Analytics di website
Hai teman-teman blogger! Sudahkah kalian migrasi ke GA4? Sudah tahu belum cara memasang google analytics di website kalian?

Nah, kali ini aku akan berbagai sedikit pengalamanku dan langkah-langkah memasang GA4. Aku sendiri sudah pasang GA4 sejak setahun lalu. Tapi sayangnya, setelah berhasil terpasang saat itu, GA4 belum bekerja di blog ku teman-teman. Akupun belum paham cara mengoperasikan GA4.

Lalu, memang sudah rejeki, aku dapat informasi dari sesama blogger tentang Kelas Blogger yang diselenggarakan oleh BRT Network dengan topik cara pasang GA4.

Jika tidak salah ingat, ini adalah kali pertama ku mengikuti Kelas BRT Network, yaitu mengenal GA4 kelas Mas Pewe yang dipandu oleh Mba Monica. Kelas dilaksanakan tanggal 16 Junj 2023 lalu, pukul 19.00 WIB menggunakan platform Google Classroom.

Sayangnya, aku sedikit terlambat masuk kelas, sehingga tidak bisa menyimak presentasi Mas Pewe yang menyampaikan tutorial memasang GA4 dari awal. Untungnya karena aku sudah memasang GA4 pada blog, jadi aku masih bisa mengikuti kelas hingga akhir. Nah, aku akan sedikit berbagi cara memasang Google Analytics di webseite, khususnya blogspot.

Cara Memasang GA4 di Blogspot

Sudah sekitar setahun belakangan Google mulai mengajak dan mengingat kan kita, para blogger, untuk pindah ke GA4. Sejak itu mulai bermunculan juga artikel tentang cara memasang google analytics di website, baik blogspot atau wordpress.

Karena aku pengguna blogspot, aku akan membagikan langkah memasang GA4 di blogspot ya!

Ada 3 langkah yang perlu dilakukan untuk memasang GA4 di blog kalian, yaitu:
1. Membuat dan setting akun Google Analytics 4 (GA4)
2. Membuat dan setting akun Google Tag Manager (GTM)
3. Cara setting script GTM

Nampak mudah, bukan? Mari kita mulai!

Cara membuat dan setting akun Google Analytics 4

Sebelum memulai cara memasang Google Analytics di website, kita membutuhkan satu properti GA4 baru di Google Analytics. Nah, cara membuatnya sebagai berikut:
  1. Buka halaman Google Analytics dan masuk ke bagian admin (simbol roda gigi sudut kiri bawah)
  2. Buat sebuah properti baru
  3. Pembuatan proprerti
    1. Isi nama properti baru
    2. Pilih zona waktu 
    3. Klik berikutnya
  4. Rincian binsis
    1. Pilih salah satu kategori (terserah apa aja)
    2. Pilih ukuran karyawan (kalau aku, pilih yang kecil/small)
    3. Klik berikutnya
  5. Tujuan bisnis
    1. Klik tujuan (terserah kalian)
    2. Klik buat
  6. Pengumpulan data
    1. Pilih web
    2. Masukkan url blog
    3. Beri nama aliran data/data streamer
  7. Klik nama aliran data/data streamer yang sudah kita buat untuk mendapatkan ID pengukuran datanya G-XXXX, ID ini yang nanti kita gunakan untuk setting Google Tag Manager.
Memasang GA4


Cara membuat dan setting Google Tag Manager

Selanjutnya kita berpindah ke Google Tag Manager. Jika belum memiliki Google Tag manager, buat akun baru. Berikut langkah membuat dan setting Google Tag manager:
  1. Buka halaman tagmanager.google.com
  2. Buat akun
    1. Isi nama akun
    2. Pilih negara
    3. Masukkan url blog, tanpa http/https, langsung www.sendyyunika.com
    4. Pilih target platform web
  3. Setelah kita ada di halaman workspace GTM buat sebuah tag baru
  4. Di bagian tag
    1. Beri nama tag
    2. Konfigurasi Tag/Tag Configuration
    3. Pilih Google Analytics: KonfigurasiGA4/GA4 Configuration
    4. Masukkan ID pengukuran GA4 (poin ke-7 cara membuat GA4 di atas)
    5. Bagian pemicuan pilih All Page untuk mengukur pageview.
    6. Simpan
  5. Sampai disini langkah setting selesai. Tinggal pasang kode GTM di blogspot
Membuat Google tag manager


Cara Memasang Kode GTM di Blogspot

Pada tahap ini, kita akan membutuhkan langkah untuk parse script sebelum di copy pada HTML blog. Saranku, pada tahap ini gunakan PC atau laptop untuk mengerjakannya. Agar lebih mudah dan cepat. berikut langkah yang perlu kalian simak:
  1. Pada halaman GTM, pilih admin
    1.  Pilih install Google Tag Manager
    2. Ada 2 script, script atas yang akan di copy pada baihian <head> dan script bawah akan di copy pada bagian <body>
  2. Sebelum di paste ke HTML template, silahkan parse dulu script GTM di sini
  3. Selanjutnya buka dashboard blog 
    1. pilih tema
    2. pilih edit HTML
    3. Cari <head> dengan cara CTRL+F, paste hasil parse script di bawah <head>
  4. Selanjutnya kembali ke GTM untuk mengcopy script bagian bawah. lakukan sama seperti sebelumnya
    1. parse script
    2. masuk ke edit HTML
    3. Cari <body> dengan cara CTRL+F, paste hasil parse script di bawah <body>
  5. Simpan perubahan

Mengecek Hasil Pemasangan GA4 di Blogspot

Seperti yang ku ceritakan sebelumnya, meski aku terlambat, tapi aku masih bisa mengikuti tutorial yang diprensentasikan Mas Pewe karena ketiga tahap di atas sudah aku lakukan. Tepatnya setahun lalu saat memasang GA4. Nah. untuk tahap berikut ini aku baru tahu nih, teman. Cara untuk mengecek hasil pemasangan GA4, apakah berhasil atau tidak. Yuk, simak caranya!

  1. Buka Google Tag Manager dan Google Analytics.
  2. Pindah ke tab workspace GTM, dan klik tombol pratinjau/preview di sebelah kanan atas
  3. Isi uel blog kalian, kemudian klik Connect
  4. Tag Assistant akan membuka sebuah tab baru untuk meload URL blog kita, biarkan sampai terbuka sempurna
  5. Di tag assistant akan ada pemberitahuan bahwa blog kita sudah terkoneksi dengan GTM
  6. Di dalam tag assistant ada dua ID yang ditampilkan disana yang pertama adalah G-XXX yang merupakan ID pengukuran GA4 kita dan ID GTM-XXX yang merupakan pengukuran GTM kita.
  7. Pastikan di tab GTM-XXX pada tag assistant bagian output bahwa GA4 Configuration kita sudah ditandai sebagai Tags Fired.
  8. Lalu pindah ke Google Analytics
    1. klik admin (simbol roda gigi sudut kiri bawah)
    2. Fokus bagian properti
    3. klik Debug View
  9. Sementara itu di tab URL blog yang diload oleh Tag Assistant tadi, silahkan klik salah satu artikel atau internal link pada halaman tersebut.
  10. Debug view akan memberikan respon bahwa terdeteksi interaksi di halaman artikel kita selang beberapa waktu.
  11. Jika tampilan debug view sudah menunjukkan interaksi kita di GA4 berarti settingan kita berhasil.
  12. Jangan lupa kembali ke GTM workspace dan lakukan Kirim/Submit untuk menyimpan konfigurasi GTM kita tersebut.

Selesaaaaai..
Gimana? Gampang atau puyeng nih? Hehe.
Baca perlahan, resapi dan pahami sambil praktek pelan-pelan. Pasti bisa kok! Buktinya, aku aja bisa. Masa kalian enggak?! Semangat ya!

Pengalaman Mengikuti Kelas BRT Network

Kelas BRT
Pasti banyak dari kalian yang sudah sangat tidak asing dengan BRT kan?? Akupun! Nah, pada kesempatan ini aku akan bercererita sedikit pengalaman -pertama- ku mengikuti kelas cara pasang GA4 kelas BRT bersama Mas Pewe. 

Banyak blogger yang masih belum tahu cara pasang GA4, belum tahu cara kerja dan mengoperasikannya, ini termasuk aku ya!. Padahal, bulan Juli 2023 yang sebentar lagi datang Google Analytics sudah sepenuhnya menggunakan GA4.

Oleh sebab itu, belakangan banyak kelas yang membahasa tentang GA4 ini termasuk BRT. Beruntungnya aku bisa bergabung dalam kelas ini, memberi pencerahan bagaimana cara pasang GA4 pada blogspot. eits, tapi tidak hanya blogspot ya, Mas Pewe juga memberikan tutorial cara pasang GA4 untuk Wordpress.

Kurang lebih sebanyak 85 peserta yang mengikuti kelas dan menyimak presentasi. Mas Pewe membawakan materi dengan cukup runut, hanya saja menurutku agak kecepetan. Mungkin karena beliau sudah pro, jadi cepet aja gitu klik ini klik itu. Sedangkan aku yang lemot ini agak ngos-ngosan ngikutin. Hehe.

Tapi tenang, karena kelasnya sangat interaktif, jadi peserta boleh rise hand dan bertanya apabila tidak jelas, kecepatan atau minta pengulangan. Mas Pewe dengan sabar menjelaskan dan memberi tutorial ulang dengan jelas. Jadi tetap aku tetap bisa mengikuti ya, teman.

Begitu juga dengan Mba Monic yang membantu dengan menjelaskan melalui chat. Jadi yang kurang paham dengan penjelasan Mas Pewe, atau mungkin tertinggal, bisa terbantu dengan membaca chat Mba Monic. untukku, kelas ini menarik. memeberi rasa nano-nano. Seneng bisa dapat ilmu baru, tapi lumayan puyeng juga saat ketinggalan. Untungnya ada yang bertanya (masalah yang sama).

Kelas pertama ini, materi hanya sampai cara memasang GA4 dan memastikkan sudah connect. untuk materi berikutnya, cara kerja dan mengoperasikan GA4 masih dalam penjadwalan, teman. Aku sudah ga sabar untuk kelas beriku nih! Pasti makin seru dan menarik mengoprek GA4!

Oh iya, untuk mengetahui feed back dari teman-teman blogger, Mas pewe memberikan kami tugas menulis artikel tantang pengalaman pasang GA4 untuk memastikan teman-teman paham dan terbantu dalam proses pemasangan GA4. And here it is.. Ini adalah artikel tugasku.

Semoga membantu!
Sendy Yunika
Stay at Home Mom - Blogger - Writer

Related Posts

Post a Comment