Panduan ini menjelaskan penyiapan dan konfigurasi yang diperlukan agar pengukuran konversi berfungsi dengan benar di halaman landing AMP.
Untuk mendapatkan pemahaman yang lengkap tentang AMP untuk Google Ads, lihat artikel Menggunakan AMP untuk halaman landing Google Ads yang merupakan panduan langkah demi langkah untuk men-deploy AMP dengan Google Ads.
Jika menggunakan Google Analytics, pastikan Anda juga mengikuti langkah-langkah dalam artikel Menyiapkan penyatuan sesi Google Analytics untuk AMP sehingga sesi pengguna digabungkan dengan benar di seluruh halaman cache AMP dan seluruh situs Anda. Sebaiknya konfigurasi Google Analytics jika Anda menggunakan fitur Sasaran/Konversi Ekspor di Google Analytics atau menautkan Google Ads ke Google Analytics.
Latar belakang
Untuk pengukuran konversi yang akurat, klik iklan meneruskan GCLID ("ID klik Google") ke halaman landing Anda. Halaman landing akan menyimpan GCLID dalam cookie di domain Anda, dan parameter GCLID kemudian disertakan dalam tag konversi di situs Anda. Baca Cara Google Ads melacak konversi situs untuk mengetahui detail selengkapnya.
Karena halaman landing AMP biasanya ditayangkan dari domain cache AMP, halaman landing tersebut tidak dapat menyimpan GCLID dalam cookie di domain Anda. Anda harus menyiapkan tag di halaman landing AMP untuk meneruskan GCLID pada link keluar ke halaman situs Anda melalui parameter kueri di URL. Tag di halaman situs Anda kemudian dapat mengambil GCLID dari parameter kueri dan menyimpan GCLID sebagai cookie di domain Anda.
Prasyarat
Pastikan untuk mengaktifkan pemberian tag otomatis Google Ads guna mengukur konversi di situs Anda untuk semua browser.
Konfigurasi Dasar
Langkah 1: Tag pada halaman landing AMP
Untuk menggunakan komponen amp-analytics, mulailah dengan menyertakan skrip yang diperlukan di header halaman AMP Anda. Selanjutnya, Anda dapat mengonfigurasi tag Google Ads menggunakan amp-analytics melalui tag Google atau melalui Google Tag Manager.
Opsi 1: Tag Google
Menggunakan tag Google untuk AMP default di halaman landing AMP dengan ID konversi akan menambahkan pengunjung situs ke daftar pemasaran ulang "Semua pengunjung" (jika Anda telah menyiapkan pemasaran ulang).
Hal ini juga memungkinkan penerusan ID konversi GCLID ke halaman domain kanonis Anda dari cache AMP secara default (yaitu, menautkan konversi secara default jika halaman landing AMP Anda dihosting di domain/subdomain yang sama dengan link keluar ke halaman situs Anda). Pada contoh cuplikan kode di bawah, gunakan ads conversion id Anda sendiri:
<amp-analytics type="gtag" data-credentials="include"> <script type="application/json"> { "vars" : { "gtag_id": "ads conversion id", "config" : { "ads conversion id": { "groups": "default" } } } } </script> </amp-analytics>
Untuk gtag_id
, Anda dapat menentukan ID dari produk Google mana pun (mis., Google Ads atau Search Ads 360) yang Anda gunakan di halaman AMP, tetapi dibatasi hanya satu ID produk.
Opsi 2: Google Tag Manager
- Buat penampung AMP GTM dan tambahkan cuplikan kode default ke halaman AMP Anda.
- Tambahkan tag Conversion Linker di penampung AMP Google Tag Manager untuk menambahkan parameter GCLID ke link keluar.
Jika Anda menggunakan Google Analytics, pilih juga Aktifkan Penautan lintas domain dan Aktifkan penautan ke Client ID Google Analytics untuk penyatuan sesi. Baca Menyiapkan penyatuan sesi Google Analytics untuk AMP untuk mengetahui detailnya.
Langkah 2: Tag di Halaman non-AMP
Tinjau opsi berikut untuk tag yang diperlukan di halaman non-AMP. Ikuti petunjuk mendetail di Cara Google Ads melacak konversi situs untuk setiap opsi di bawah ini.
Opsi 1: Tag Google
Seperti yang dijelaskan di sini:
- Tempatkan cuplikan tag Google di semua halaman situs Anda.
- Di halaman konversi, gunakan cuplikan peristiwa yang dapat ditempatkan di mana saja dalam kode setelah cuplikan tag Google.
Opsi 2: Google Tag Manager
Di penampung web Google Tag Manager:
- Buat tag Konversi Google Ads Google Tag Manager.
Aktifkan tag Conversion Linker di penampung web Google Tag Manager.
Jika cuplikan kode Tag Manager di halaman situs Anda dimuat di iframe, pastikan Anda juga mengonfigurasi Link di Seluruh Domain dengan Terima parameter penaut masuk yang diaktifkan untuk tag Conversion Linker.
Konfigurasi lanjutan: Menyiapkan pengukuran konversi di seluruh domain
Jika halaman AMP Anda berada di subdomain non-standar (yaitu bukan www.
, m.
,
atau amp.
) atau jika halaman AMP tertaut ke halaman di domain level teratas yang berbeda,
konfigurasi tambahan diperlukan untuk memastikan bahwa pengukuran konversi berfungsi
dengan benar.
Langkah 1: Tag pada halaman landing AMP
Anda dapat mengonfigurasi tag Google Ads dengan tag Google atau Google Tag Manager.
Opsi 1: Tag Google
- Terapkan tag Google untuk AMP di halaman AMP Anda.
- Tambahkan cuplikan kode untuk halaman AMP di bawah:
- Ganti ads conversion id dengan ID konversi Google Ads Anda yang sebenarnya.
- Gunakan
domains
untuk menambahkan domain tempat halaman AMP Anda dihosting, serta domain atau subdomain tujuan apa pun.
<amp-analytics type="gtag" data-credentials="include"> <script type="application/json"> { "vars" : { "gtag_id": "ads conversion id", "linker": { "domains": ["subdomain1.example.com", "subdomain2.example.com","www.example2.com"] }, "config" : { "ads conversion id": { "groups": "default" } } } } </script> </amp-analytics>
Untuk gtag_id
, Anda dapat menentukan ID dari produk Google mana pun (mis., Google Ads atau Search Ads 360) yang Anda gunakan di halaman AMP, tetapi dibatasi hanya satu ID produk.
Opsi 2: Google Tag Manager
- Buat penampung AMP Google Tag Manager dan deploy tag yang sesuai dengan AMP.
- Tambahkan tag Conversion Linker ke Penampung AMP Anda.
Tambahkan domain tempat halaman AMP Anda dihosting serta domain untuk semua link keluar sebagai daftar yang dipisahkan koma.
Tambahkan cuplikan kode AMP Google Tag Manager default di bawah ke halaman AMP Anda:
<!-- Google Tag Manager --> <amp-analytics config="https://www.googletagmanager.com/amp.json?id= <GTM_CONTAINER_ID>>m.url=SOURCE_URL" data-credentials="include"> </amp-analytics>
Langkah 2: Tag di halaman non-AMP
Halaman non-AMP dapat diberi tag dengan gtag.js, Google Tag Manager, atau analytics.js:
Opsi 1: Tag Google
Tambahkan cuplikan kode di bawah pada halaman non-AMP:
- Ganti ads conversion id dengan ID konversi Google Ads Anda yang benar.
- Gunakan
domains
untuk menambahkan domain tempat halaman AMP Anda dihosting, serta domain atau subdomain tujuan apa pun.
<script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '<var>ads conversion id</var>', { 'linker': { 'domains': ['subdomain1.example.com','subdomains2.example.com','www.example2.com'] } }); </script>
Opsi 2: Google Tag Manager
Di Penampung Web Google Tag Manager:
- Ikuti petunjuk untuk menetapkan tag Conversion Linker agar menautkan seluruh domain.
- Gunakan cuplikan kode Google Tag Manager default di halaman non-AMP Anda.
- Jika Anda menggunakan Google Analytics, tambahkan kolom
allowLinker
ke tag Google Analytics untuk penyatuan sesi.
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_MEASUREMENT_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 www.
, amp.
, atau m.
), tambahkan konfigurasi yang ditandai 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_MEAUSREMENT_ID', 'auto', {'allowLinker': true});
ga('require', 'linker');
ga('linker:autoLink', ['subdomain1.example.com', 'subdomains2.example.com', 'www.example2.com'] );
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
Konfigurasi opsional
Bagian ini membahas konfigurasi opsional tambahan yang mungkin diperlukan untuk deployment AMP Anda.
Peristiwa konversi di halaman AMP
Pada umumnya, konversi akan terjadi di halaman berikutnya dalam perjalanan pengguna yang kemungkinan merupakan halaman non-AMP. Dalam kasus ini, ikuti petunjuk di artikel Cara Google Ads melacak konversi situs.
Bagian ini membahas kasus saat Anda ingin mengukur konversi di halaman landing AMP itu sendiri.
Menggunakan tag Google
Di halaman yang ingin Anda catat konversinya, tempelkan cuplikan peristiwa Google Ads ke objek pemicu. Berikut adalah contoh lengkap tag yang harus muncul di halaman konversi AMP untuk melaporkan konversi Google Ads.
<!-- Google tag (gtag) --> <amp-analytics type="gtag" data-credentials="include"> <script type="application/json"> { "vars": { "gtag_id": "ads conversion id", "config": { "ads conversion id": { "groups": "default" } } }, "triggers": { "ads conversion label": { "on": "visible", "vars": { "event_name": "purchase", "transaction_id": "", "value": 15, "currency": "USD", "send_to": "ads conversion id/ads conversion label" } } } } </script> </amp-analytics>
Perhatikan kolom berikut dalam tag <amp-analytics>
ini:
- Kolom
gtag_id
berisi ID yang diberikan oleh konversi Google Ads. - Anda dapat menentukan ID dari produk Google mana pun yang digunakan di AMP, tetapi hanya gunakan ID dari satu produk Google di kolom
gtag_id
. - Objek konfigurasi harus berisi satu kolom untuk setiap produk Google yang Anda gunakan untuk mengukur aktivitas di situs AMP.
- Jika Anda menggunakan Google Ads dan Search Ads 360, baca artikel ini untuk mendapatkan petunjuk tambahan.
- Dalam contoh ini, komponen
amp-analytics
dipicu oleh peristiwa "halaman terlihat". Atau, Anda dapat mengonfigurasi konversi agar diaktifkan untuk peristiwa yang berbeda, seperti klik tombol.
Menggunakan Google Tag Manager
Di Penampung AMP Google Tag Manager, tambahkan tag konversi atau pemasaran ulang sesuai kebutuhan:
Tracking panggilan Google Ads
Tracking panggilan telepon didukung untuk halaman AMP guna mengaktifkan tracking konversi di Google Ads. Perhatikan bahwa fitur ini saat ini tidak didukung di browser Safari.
Langkah 1: Temukan konfigurasi konversi
Untuk memulai, ikuti panduan cara menyiapkan ekstensi panggilan untuk akun Google Ads. Setelah membuat konversi panggilan, Anda harus mengekstrak sejumlah parameter konfigurasi dari kode yang dihasilkan untuk digunakan dalam tag AMP. Hal ini dilakukan menggunakan konfigurasi Google Tag Manager dari Google Ads versi baru atau cuplikan pelacakan panggilan di Google Ads versi asli.
Opsi 1: Menggunakan UI Google Ads
Untuk menggunakan kolom konversi yang disediakan oleh Google Tag Manager, login ke akun Google Ads Anda dan buka setelan akun konversi pengukuran. Selanjutnya, ikuti langkah-langkah berikut:
- Klik + untuk menambahkan pelacak konversi baru, lalu pilih opsi Panggilan Telepon.
- Dalam dialog, pilih Klik pada nomor di situs seluler Anda dan Lanjutkan.
- Konfigurasi konversi termasuk semua kolom yang relevan, lalu buat tag.
- Pilih Gunakan Google Tag Manager untuk meninjau konfigurasi.
- Gunakan ID Konversi dan Label Konversi yang disediakan untuk mengonfigurasi pelacak panggilan AMP yang dijelaskan di bawah.
Opsi 2: Menggunakan cuplikan kode Pelacakan Panggilan
Variabel cuplikan panggilan | Penggunaan tracking panggilan AMP |
---|---|
ak |
ID Konversi |
cl |
Label Konversi |
Dalam contoh ini, nilai untuk ak
dan cl
berturut-turut adalah 123456789
dan
_ABcDEFg12hI34567jK
.
<script> (function(a,e,c,f,g,b,d){var h={ak:"123456789",cl:"_ABcDEFg12hI34567jK"};a[c]=a[c]||function(){(a[c].q=a[c].q||[]).push(arguments)};a[f]||(a[f]=h.ak);b=e.createElement(g);b.async=1;b.src="//www.gstatic.com/wcm/loader.js";d=e.getElementsByTagName(g)[0];d.parentNode.insertBefore(b,d);a._googWcmGet=function(b,d,e){a[c](2,b,h,d,null,new Date,e)}})(window,document,"_googWcmImpl","_googWcmAk","script"); </script>
Langkah 2: Konfigurasikan pelacak panggilan AMP
Gunakan nilai yang diperoleh di atas di URL konfigurasi pelacakan panggilan AMP. Seperti modul AMP lainnya, Anda perlu menambahkan modul pelacakan panggilan AMP ke header halaman:
<head>
<script async custom-element="amp-call-tracking" src="https://cdn.ampproject.org/v0/amp-call-tracking-0.1.js"></script>
</head>
Untuk mengaktifkan pengukuran konversi panggilan, link klik untuk menelepon harus dihiasi dengan link ke konfigurasi tracking panggilan Google Ads:
<amp-call-tracking
config="https://www.googleadservices.com/pagead/conversion/7777777777/wcm?cl=AAAAAAAAAAAAA&tel=1800-123-4567&mode=1">
<a href="tel:18001234567">+1-800-123-4567</a>
</amp-call-tracking>
Untuk menggunakan contoh ini, ganti ID Konversi (dalam contoh ini 7777777777
) dan Label Konversi (dalam contoh ini AAAAAAAAAAAAA
) yang diambil dari kode tracking konversi yang diberikan selama penyiapan konversi Google Ads. Perlu diperhatikan bahwa parameter URL tel harus cocok dengan nomor telepon di link yang ada.
Batasan
Penautan konversi tidak akan terjadi jika pengguna menutup halaman AMP tanpa membuka halaman berikutnya karena penerusan GCLID berfungsi menggunakan dekorasi link.