Menyiapkan penyatuan sesi Google Analytics untuk AMP

Dalam artikel ini:

• Cara Client ID AMP memengaruhi data
• Menyiapkan Penaut AMP
• Verifikasi penyiapan
• Batasan

Halaman AMP ditayangkan dari domain cache AMP yang berbeda dari domain situs Anda. Untuk melacak perjalanan pengguna di seluruh cache AMP dan halaman situs, Anda dapat menggunakan Penaut AMP; yaitu fitur amp-analytics yang menggabungkan sesi pengguna menggunakan Client ID AMP sebagai ID pengguna.

Penaut AMP menambahkan Client ID AMP pada link keluar dari halaman cache AMP. Halaman yang diberi tag dengan Google Analytics selanjutnya mengambil Client ID AMP dari parameter kueri URL dan menggabungkan sesi pengguna menggunakan Client ID AMP sebagai ID pengguna.

Artikel ini menjelaskan langkah-langkah yang diperlukan untuk menyiapkan Penaut AMP dengan Google Analytics.

Cara Client ID AMP memengaruhi data

Sinkronisasi Client ID AMP antara Cache AMP dan domain situs asli Anda menghasilkan metrik pengguna yang lebih akurat, mis. Durasi Sesi, Rasio Pantulan, dan Halaman Per Sesi. Perhatikan bahwa agar Client ID AMP berguna, data harus dikumpulkan dalam properti Google Analytics yang sama.

Catatan: Sinkronisasi Client ID AMP antara Cache AMP dan asal Anda akan mengakibatkan penyetelan ulang satu kali terhadap ID Pengguna GA yang digunakan untuk fitur seperti Analisis Kelompok, Nilai Umur, dan Penargetan Audiens. Hal ini dapat mengakibatkan fluktuasi sementara yang terlihat dalam metrik Pengguna Baru dan laporan terkait.

Menyiapkan Penaut AMP

Anda akan menyiapkan Penaut AMP dengan Google Analytics dalam tiga langkah:

1. Berikan tag di halaman AMP
2. Berikan tag di halaman non-AMP
3. Konfigurasikan pengecualian rujukan

Langkah 1. Berikan tag di halaman AMP Anda untuk meneruskan parameter Penaut AMP

Instal tag Google Analytics, baik melalui tag Google (gtag.js) atau melalui Google Tag Manager. Ikuti petunjuk di bawah berdasarkan implementasi Anda:

Opsi 1: Tag Google

Tambahkan tag Google untuk AMP default di halaman landing AMP Anda. Lihat contoh cuplikan di bawah dan buat perubahan berikut:

Ganti MEASUREMENT_ID dengan ID pelacakan properti Google Analytics yang ingin Anda kirimi data

Secara opsional, jika halaman AMP Anda dihosting di domain level teratas yang berbeda dari link keluar ke situs Anda atau jika halaman AMP tidak berada di subdomain yang dikenal (yaitu bukan di www., amp., m.), sertakan konfigurasi penaut seperti yang ditunjukkan di bawah ini. Tambahkan domain tempat halaman AMP dihosting serta domain untuk semua link keluar.

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars": {
    "gtag_id": "MEASUREMENT_ID",
    "linker": {
      "domains": ["example.com", "example2.com"]
    }
    ,
    "config": {
      "MEASUREMENT_ID": {
        "groups": "default"
      }
    }
  }
}
</script>
</amp-analytics>

Catatan: Untuk gtag_id, Anda dapat menentukan ID dari produk Google mana pun (misalnya, Google Ads atau Search Ads 360) yang digunakan di AMP Anda, tetapi hanya gunakan ID dari satu produk Google di kolom gtag_id.

Opsi 2: Google Tag Manager

Buat penampung AMP di Google Tag Manager.

Tambahkan tag Google Analytics ke Penampung AMP Anda.

Tambahkan tag Conversion Linker ke Penampung AMP Anda dan pilih 'Aktifkan Penautan di seluruh domain' dan 'Aktifkan penautan ke Client ID Google Analytics'. Jika halaman landing AMP Anda dihosting di domain level teratas yang sama dengan link keluar ke situs Anda, kolom domain dapat dibiarkan kosong.

Secara opsional, jika halaman AMP Anda dihosting di domain level teratas yang berbeda dari link keluar ke situs Anda atau jika halaman AMP tidak berada di subdomain yang dikenal (yaitu bukan di www., amp., m.), tambahkan domain level teratas yang dihosting oleh halaman AMP Anda serta domain untuk setiap link keluar sebagai daftar yang dipisahkan koma.

 

Gunakan cuplikan kode Tag Manager default di halaman AMP Anda - Lihat contoh di bawah dan ganti GTM_CONTAINER_ID dengan ID penampung Tag Manager Anda.

<!-- Google Tag Manager →
<amp-analytics config="https://www.googletagmanager.com/amp.json?id=<   GTM_CONTAINER_ID>&gtm.url=SOURCE_URL" data-credentials="include">
</amp-analytics>

Langkah 2. Berikan tag pada halaman non-AMP Anda untuk membaca parameter Penaut AMP

Ada beberapa cara untuk memberi tag di halaman non-AMP Anda untuk membaca parameter Penaut AMP, jadi gunakan petunjuk yang paling sesuai untuk konfigurasi Anda.

Opsi 1: Tag Google

Sertakan cuplikan global gtag.js di halaman non-AMP Anda. Lihat contoh cuplikan di bawah:

• Ganti MEASUREMENT_ID dengan ID pelacakan properti Google Analytics yang ingin Anda kirimi data
• Secara opsional, jika halaman AMP Anda dihosting di domain level teratas yang berbeda dari link keluar ke situs Anda atau jika halaman AMP tidak berada di subdomain yang dikenal (yaitu bukan di www., amp., m.), sertakan konfigurasi penaut seperti yang ditunjukkan di bawah ini. Tambahkan domain tempat halaman AMP Anda dihosting serta domain untuk semua link keluar.

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

Opsi 2: Google Tag Manager

Untuk Penampung Web GTM, pastikan tag Google Analytics telah ditambahkan.

Jika halaman AMP Anda dihosting di domain level teratas yang berbeda dari link keluar ke situs Anda atau jika halaman AMP tidak berada di subdomain yang dikenal (yaitu bukan di www., amp., m.), tambahkan konfigurasi berikut: Pada tag Google Analytics, tambahkan kolom 'allowLinker' dengan nilai true menggunakan langkah-langkah berikut:

1. Buka variabel Setelan Google Analytics yang ingin Anda edit, lalu klik kartu Konfigurasi Variabel.
2. Buka Setelan Lainnya > Kolom untuk Ditetapkan.
3. Klik + TAMBAHKAN KOLOM.
4. Tetapkan Nama Kolom ke allowLinker, dan tetapkan Nilai ke true.
5. Simpan konfigurasi variabel baru ini.
6. Ulangi langkah sebelumnya untuk semua variabel Setelan Google Analytics yang relevan (jika Anda menggunakan lebih dari satu variabel dalam penampung).
7. Publikasikan penampung.

Gunakan kode Tag Manager default di halaman non-AMP Anda.

Opsi 3: analytics.js

Untuk halaman non-AMP, Anda dapat menggunakan cuplikan kode Analytics js default untuk membaca parameter Penaut AMP.

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'GA_TRACKING_ID', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Secara opsional, jika halaman AMP Anda dihosting di domain level teratas yang berbeda dari link keluar ke situs Anda atau jika halaman AMP tidak berada di subdomain yang dikenal (yaitu bukan di www., amp., m.), tambahkan konfigurasi yang disorot di bawah, seperti yang dijelaskan dalam konfigurasi lintas-domain untuk analytics.js:

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'GA_TRACKING_ID', 'auto', {'allowLinker': true});
ga('require', 'linker');
ga('linker:autoLink', ['subdomain1.example.com', 'subdomain2.example.com','www.example2.com'] );
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Langkah 3. Tambahkan pengecualian rujukan ke konsol admin Google Analytics

Saat Google menayangkan konten AMP kepada pengguna, Google menggunakan Google AMP Cache. Untuk mencegah subdomain AMP yang di-cache memutus sesi, Anda harus menambahkan pengecualian rujukan untuk domain cdn.ampproject.org.

Jika Anda menayangkan halaman AMP dari beberapa subdomain, sebaiknya perlakukan satu subdomain AMP secara berbeda dengan yang lainnya. Dalam kasus ini, masukkan versi subdomain yang ada dalam cache yang digunakan dalam pengecualian rujukan untuk situs Anda, sehingga Anda dapat mempertahankan pengecualian rujukan tertentu di seluruh situs AMP dan non-AMP. Misalnya, jika Anda memiliki pengecualian rujukan untuk subdomain subdomain.example.com, tambahkan pengecualian rujukan untuk subdomain-example-com.cdn.ampproject.org. Pelajari lebih lanjut format URL Cache AMP.

Verifikasi penyiapan

Verifikasikan bahwa Client ID AMP Google cocok dengan halaman AMP dan non-AMP.

Opsi 1: Verifikasikan melalui alat Pengujian Tag AMP

Gunakan alat Pengujian Tag AMP , lalu masukkan URL AMP untuk diuji.

Catatan: Alat pengujian Tag AMP adalah alat pengujian otomatis yang menyimulasikan alur dari halaman AMP yang ditayangkan melalui penampil ke link ke halaman berikutnya. Alat ini harus digunakan sebagai pedoman dan mungkin tidak memberikan semua skenario pengujian (misalnya, jika halaman AMP memiliki link ke domain atau subdomain yang berbeda). Harap gunakan opsi di bawah untuk opsi pengujian manual.

Opsi 2: Verifikasikan melalui Ekstensi Chrome Google Tag Assistant

1. Download dan instal Ekstensi Chrome Google Tag Assistant
2. Masukkan kueri penelusuran di google.com yang akan menampilkan halaman AMP untuk situs Anda.
3. Mulai Pencatatan Tag Assistant.
4. Refresh hasil penelusuran di browser setelah pencatatan dimulai.
5. Klik hasil penelusuran yang mengarah ke halaman AMP Anda.
6. Klik link yang mengarah dari halaman AMP ke halaman non-AMP.
7. Hentikan Pencatatan Tag Assistant.
8. Pastikan hanya ada satu sesi dengan ID konsisten seperti yang dilihat di bawah (yaitu Pemuatan Halaman 2 tidak menunjukkan Sesi Dimulai.)

 

Opsi 3: Verifikasikan melalui Chrome Developer Tools

1. Buka browser Google Chrome dalam mode samaran. Aktifkan emulator seluler di Chrome Developer Tools.
2. Masukkan kueri penelusuran di google.com yang akan mengembalikan halaman AMP untuk situs Anda dan klik hasil penelusuran untuk halaman AMP Anda, yang akan ditayangkan melalui Cache AMP Google dan ditampilkan dalam AMP viewer Google Penelusuran.
   • Catatan: Jika halaman Anda belum tersedia melalui hasil Google Penelusuran, Anda masih dapat menguji apakah penyatuan sesi berfungsi dengan membuka alat Pengujian AMP untuk melihat pratinjau Hasil Penelusuran dan mengikuti langkah-langkah yang disebutkan di bawah ini asalkan halaman tersebut dapat diindeks oleh Google.
3. Temukan permintaan jaringan Google Analytics untuk kunjungan halaman AMP: Buka tab Jaringan di Chrome Developer Tools dan masukkan "collect" di kolom Filter.
4. Cari dan pilih permintaan jaringan yang mengarah ke www.google-analytics.com. Di tab Header untuk permintaan tersebut, temukan client ID dengan men-scroll ke Parameter String Kueri. Catat parameter cid.
5. Saat halaman AMP ditayangkan oleh AMP viewer, format cid harus merupakan string base64 dengan panjang 64 karakter:
6. Klik Hapus untuk menghapus permintaan jaringan.
7. Untuk memverifikasi bahwa Anda memilih menggunakan halaman non-AMP, konfirmasikan bahwa parameter cid yang sama tetap ada saat membuka halaman non-AMP. Untuk melakukannya, klik link mana pun di halaman AMP yang mengarah ke halaman non-AMP yang ditayangkan dari domain Anda. Untuk menemukan client ID, filter kembali menggunakan string "collect". Pilih permintaan jaringan yang mengarah ke www.google-analytics.com. Pastikan nilai parameter kueri CID cocok dengan nilai yang Anda catat dari Langkah 5.

Batasan

• Penyatuan sesi melalui Penaut AMP tidak akan terjadi jika pengguna yang pertama kali berkunjung menutup halaman AMP tanpa membuka halaman berikutnya karena penyatuan sesi berfungsi menggunakan penambahan parameter pada link.