Google Analytics Enhanced Ecommerce Pro
Google Analytics Enhanced Ecommerce merupakan sebuah fitur Swift yang disediakan oleh ekstensi WELTPIXEL, yang dapat digunakan untuk mengintegrasikan Swift dengan Google Analytics melalui Google Tag Manager. Dengan integrasi ini Anda dapat menganalisa data-data terkait website di beranda Google Analytics.
Berikut adalah langkah-langkah mengintegrasikan Swift dengan Google Analytics.
Silakan masuk ke Backoffice/Admin > Stores > Configuration > Weltpixel
Gambar 1: Tampilan gambar pada halaman Configuration di Admin
Pilih menu Google Analytics Enhanced Ecommerce Pro
General Information
Gambar 2: Tampilan gambar halaman Google Analytics Enhanced Ecommerce Pro bagian General Information
Enable Google Tag Manager : pilih Yes untuk mengaktifkan extensi tersebut.
Setelah Anda enable ekstensi selanjutnya Anda harus membuat akun Google Tag Manager di Buat Akun Google Tag Manager.
Setelah berhasil membuat akun Anda akan mendapatkan kode javascript yang akan muncul berupa popup.
Gambar 3: Tampilan gambar pada halaman Google Tag Manager
Atau anda juga bisa klik pada kode GTM yang sudah Anda dapatkan pada bagian header kanan atas.
Gambar 4: Tampilan gambar pada halaman Google Tag Manager menu GTM Kode
Masuk kembali ke Backoffice > Weltpixel > Google Analytics Enhanced Ecommerce Pro.
Gambar 5: Tampilan gambar halaman Google Analytics Enhanced Ecommerce Pro bagian General Information
Masukan kode A yang didapatkan dari Google Tag Manager di form Google Tag Manager Javascript Code.
Masukan kode B yang didapatkan dari Google Tag Manager di form Google Tag Manager Non-Js Code.
Silakan masuk kembali ke halaman Google Tag Manager.
Pada halaman tersebut perhatikan url pada halaman tersebut dan perhatikan anak panah ke arah angka atau nomor pada url.
Gambar 6: Tampilan gambar pada halaman Google Tag Manager
Angka tersebut digunakan untuk konfigurasi kredensial Google Tag Manager.
Silahkan kembali lagi ke Backoffice > Weltpixel > Google Analytics Enhanced Ecommerce Pro
Gambar 7: Tampilan gambar pada halaman Admin Google Analytics Enhanced Ecommerce Pro
Scroll down dan perhatikan pada bagian GTM API Configuration
Masukan Account ID dan Container ID yang didapatkan pada URL di halaman Admin Google Tag Manager
Setelah itu Anda harus mendapatkan Tracking ID, untuk mendapatkan Tracking ID Anda harus membuat akun Google Analytics.
Ikuti langkah dan video berikut:
Gambar 8: Tampilan gambar pada halaman Google Tag Manager dan Google Analytics
Klik pada bagian URL Container
Pilih menu ikon Analytics
Lalu Klik Get Started
Gambar 9: Tampilan gambar pada halaman Google Analytics bagian Account Details
Pada bagian Account Details masukan URL container yang didaftarkan
Ikuti langkah selanjutnya dan klik tombol Create
Gambar 10: Tampilan gambar pada halaman Google Analytics ketika proses Create
Terima persyaratan yang diberikan dan klik tombol I Accept
Anda sudah masuk ke akun Google Analytics lalu masuk ke Admin atau Property Settings.
Jika tidak menemukan anda bisa mencari di fitur pencarian.
Anda akan mendapatkan nomor Property ID yang digunakan untuk Tracking ID.
Masuk ke halaman Backoffice > Weltpixel > Google Analytics Enhanced Ecommerce Pro
Gambar 11: Tampilan gambar pada halaman Admin Google Analytics Enhanced Ecommerce Pro bagian GTM API Configuration
Masukan Tracking ID di form Universal Analytics Tracking ID
Pada bagian Json Export Options.
Gambar 12: Tampilan gambar pada halaman Admin Google Analytics Enhanced Ecommerce Pro bagian Json Export Options
Masukkan Container ID yang sudah didapatkan pada Public ID ( kode dengan huruf GTM- diawalnya ).
Gambar 13: Tampilan gambar pada halaman Google Tag Manager bagian Dashboar Accounts
Anda juga bisa mendapatkan pada bagian Account di Google Tag Manager.
Klik pada tombol Generate Json for Variables, Triggers and Tags, maka apabila sukses akan muncul popup seperti dibawah ini.
Gambar 14: Tampilan gambar popup pada halaman Admin Google Analytics Enhanced ketika berhasil Export Json
Download file Json tersebut setelah berhasil generated Json.
Gambar 15: Tampilan pada halaman Google Analytics di menu Admin
Silakan masuk pada halaman Google Tag Manager, pilih menu Admin lalu pilih Import Container.
Gambar 16: Tampilan pada halaman Google Analytics menu Admin bagian Import Container
Import file yang di download pada Backoffice/Admin. Pilih Workspace yang akan Anda gunakan.
Gambar 17: Tampilan pada halaman Google Analytics menu Admin bagian Import Container
Setelah memilih Workspace maka akan muncul preview dari file json yang di unggah.
Gambar 18: Tampilan pada halaman Google Analytics menu Admin bagian Import Container
Pada halaman depan pada menu Workspace akan muncul tabel dari list Tags, Triggers dan Variables yang sudah anda Import.
Publish Tags , Triggers dan Variables Anda
Pilih menu Tags, Triggers atau Variables di Dashboard Google Tag Manager
Gambar 19: Tampilan pada halaman Google Analytics bagian menu Tags
Checklist Tags, Triggers atau Variables yang akan di submit
Klik Submit pada bagian kanan atas
Gambar 20: Tampilan pada halaman Google Analytics bagian menu Tags
Pilih Publish and Create version dan klik tombol Publish
Gambar 21: Tampilan pada halaman Google Analytics bagian menu Versions
Tampilan setelah berhasil submit dan publish Tags, Triggers atau Variables
Untuk melihat result dari Tag yang berhasil di submit Anda perlu untuk download ekstensi Tag Assistant Legacy (by Google) di browser Anda. Setelah berhasil di instal silakan untuk aktifkan ekstensi tersebut lalu buka website Anda.
Gambar 22: Tampilan pada halaman frontend website apa ekstensi Google Assistant
Jika tampilan sudah seperti di atas, artinya tag sudah bekerja dan data diteruskan ke google analytic. Dengan demikian data mengenai website Swift Anda sudah dapat direkam oleh Google Analytic. Selanjutnya Anda dapat melihat laporannya di beranda Google Analytic Anda.
Google Analytics 4 Ecommerce Pro
Fitur ini juga merupakan fitur Swift yang disediakan oleh ekstensi WELTPIXEL untuk mendukung integrasi Swift dengan Google Analytics khususnya Google Analytic versi 4.
Google Analytics 4 dibangun pada platform yang sama untuk sistem "Aplikasi + Web" yang mereka rilis pada tahun 2019. Analytics versi Aplikasi + Web terutama difokuskan pada cross-channel data, yang berarti bahwa Google Analytics memberikan cara bagi pemasar untuk melacak pengguna di seluruh aplikasi, perangkat lunak, dan situs web.
Untuk konfigurasi pada akun Google Analytics 4 Ecommerce Pro Anda dapat mengikuti langkah berikut pada dokumentasi : Add a Google Analytics 4 property. Langkah konfigurasi pada Google Analytics 4 hampir sama dengan Google Analytics Enhanced Ecommerce atau Universal Analytics.
Gambar 23: Tampilan gambar pada halaman Google Tag Manager menu Admin > Property Setup
Dikutip dari dokumentasi langkah Add a Google Analytics 4 Property terdapat langkah dalam membuat Property Setup. Pada Google Analytics yang baru akan secara otomatis membuat Google Analytics 4.
Gambar 24: Tampilan gambar pada halaman Google Tag Manager menu Admin > Property Setup
Terdapat pilihan juga untuk membuat Google Analytics versi sebelumnya atau Universal ketika mengaktifkan bagian Create a Universal Analytics Property (langkah 1).
Gambar 25: Tampilan gambar pada halaman Google Tag Manager menu Admin > Property Setup
Anda akan diberi pilihan untuk membuat keduanya ( Google Analytics 4 dan Universal Analytics) atau hanya Universal Analytics saja.
Konfigurasi General di Admin
Ikuti langkah berikut dalan konfigurasi Google Analytics 4 di Admin:
Silakan masuk ke Backoffice/Admin > Stores > Configuration > Weltpixel
Gambar 26: Tampilan gambar pada halaman Configuration di Admin
Pilih menu Google Analytics 4 Ecommerce Pro
Konfigurasi pada Google Analytics 4 hampir sama dengan Universal Analytics. Pada bagian Enable GA4 pilih Yes untuk mengaktifkan.
Gambar 27: Tampilan gambar halaman Google Analytics Enhanced Ecommerce Pro bagian General Information
General Configuration.
Gambar 28: Tampilan gambar halaman Google Analytics Enhanced Ecommerce Pro bagian General Information
Masukan kode yang didapatkan dari Google Site Tag di form Google Tag Manager Javascript Code.
Masukan kode yang didapatkan dari Google Site Tag di form Google Tag Manager Non-Js Code.
GTM API Configuration.
Gambar 29: Tampilan gambar halaman Google Analytics Enhanced Ecommerce Pro bagian GTM API Configuration
Masukan Account ID dan Container ID yang didapatkan pada URL di halaman Admin Google Tag Manager.
Anda dapat mengikuti langkah seperti di Konfigurasi General Universal Analytics.
Setelah itu Anda harus mendapatkan Tracking ID, untuk mendapatkan Tracking ID Anda harus membuat akun Google Analytics.
Json Export Options.
Gambar 30: Tampilan gambar halaman Google Analytics Enhanced Ecommerce Pro bagian Json Export Options
Masukan Container ID yang sudah didapatkan pada Public ID ( kode dengan huruf G- diawalnya ).
Gambar 31: Tampilan gambar pada halaman Google Tag Manager menu Dashboard
Anda juga bisa mendapatkan pada bagian Account di Google Tag Manager.
Gambar 32: Tampilan gambar halaman Google Analytics Enhanced Ecommerce Pro bagian Json Export Options
Klik pada tombol Generate Json for Variables, Triggers and Tags, untuk export json code ,
maka apabila sukses akan muncul popup seperti dibawah ini.
Gambar 33: Tampilan gambar popup pada halaman Admin Google Analytics Enhanced ketika berhasil Export Json
Setelah berhasil Generate Json Anda dapat Import Container. Masuk ke halaman Google Analytics ,
ikuti langkah berikut dalam Import Container : Import dan Export Container. Atau Anda dapat mengikuti langkah dari Konfigurasi General Universal Analytics.
Untuk melihat result dari Tag yang berhasil di submit Anda perlu untuk download
ekstensi Tag Assistant Legacy (by Google) di browser Anda. Setelah berhasil di instal silakan untuk aktifkan ekstensi tersebut lalu buka website Anda.
Gambar 34: Tampilan pada halaman frontend website apa ekstensi Google Assistant
Jika tampilan sudah seperti di atas, artinya tag sudah bekerja dan data diteruskan ke google analytic. Dengan demikian data mengenai website Swift Anda sudah dapat direkam oleh Google Analytic. Selanjutnya Anda dapat melihat laporannya di beranda Google Analytic Anda.