Peristiwa Data yang Disediakan Pengguna Google Ads

Tag Manager sisi server memungkinkan Anda untuk memindahkan tag Peristiwa Data yang Disediakan Pengguna Google Ads dari halaman web ke server. Memindahkan tag ini ke server akan mengurangi jumlah kode yang harus dijalankan di halaman, dan dapat membantu mempercepat pemuatan halaman. Dokumen ini menjelaskan cara mengonfigurasi penampung web Tag Manager dan penampung server untuk menggunakan tag Peristiwa Data yang Disediakan Pengguna Google Ads.

Sebelum memulai

Dokumen ini mengasumsikan bahwa Anda telah:

• Memiliki hak admin di Google Ads dan Google Tag Manager
• Menyiapkan Google Tag Manager
• Membuat penampung server
• Menyiapkan klien Google Analytics: GA4

Langkah 1: Menyiapkan tag Conversion Linker

Agar Google Ads dapat mengirim data ke Tag Manager, Anda perlu menyiapkan tag Conversion Linker.

Jika tag Conversion Linker sudah dikonfigurasi di penampung server, Anda dapat melewati langkah ini.

Untuk menyiapkan tag Conversion Linker:

1. Dari ruang kerja penampung server, buka menu Tag di sisi kiri halaman.
2. Klik Baru untuk menambahkan tag baru.
3. Pilih jenis tag Conversion Linker.
4. Siapkan pemicu yang akan menyebabkan tag sisi server Conversion Linker diaktifkan.
   Dalam sebagian besar kasus, pemicu Semua halaman adalah opsi terbaik.
5. Beri nama tag dan klik Simpan.

Langkah 2: Menyiapkan tag Peristiwa Data yang Disediakan Pengguna Google Ads di penampung server

Untuk menyiapkan tag Peristiwa Data yang Disediakan Pengguna Google Ads:

1. Di ruang kerja penampung server, buka menu Tag di sisi kiri halaman.
2. Klik Baru untuk menambahkan tag baru.
3. Pilih jenis tag Peristiwa Data yang Disediakan Pengguna Google Ads.

4. Masukkan informasi konversi yang diperlukan (ID Konversi). Anda dapat menemukan nilai ini di akun Google Ads.

5. Di menu Pemicuan, pilih pemicu yang sudah ada jika sesuai dengan kasus penggunaan Anda. Jika tidak ada pemicu yang sesuai dengan kebutuhan Anda, buat pemicu kustom baru .

   Untuk memicu tag saat peristiwa kustom:

   1. Pilih pemicu Peristiwa Kustom.
   2. Masukkan nama peristiwa yang cocok dengan nama yang digunakan di tag Google Analytics: Peristiwa GA4.

   Untuk hanya memicu URL tertentu:

   1. Pilih opsi untuk memicu Beberapa Peristiwa Kustom.
   2. Tambahkan variabel URL Halaman untuk menyamakan URL tempat tag akan terpicu.

6. Beri nama tag dan klik Simpan.

Langkah 3: Konfigurasi Data pengguna

Tag bergantung pada data pengguna yang tersedia dalam peristiwa, mirip dengan Konversi yang Disempurnakan

Menyiapkan variabel data yang disediakan pengguna

Ada 3 cara untuk menerapkan konversi yang disempurnakan di Tag Manager: Anda hanya perlu memilih satu opsi untuk mengumpulkan data yang disediakan pengguna.

	Pengumpulan otomatis	Konfigurasi manual	Konfigurasi kode
Metode pengumpulan	Secara otomatis mengumpulkan data yang disediakan pengguna berdasarkan kode situs Anda. Jika Anda perlu mengontrol tempat untuk mengumpulkan input, pilih konfigurasi kode atau manual.	Tentukan properti CSS atau variabel JavaScript tertentu untuk mengumpulkan data yang disediakan pengguna. Jika Anda perlu mengontrol pemformatan data dan hashing, pilih konfigurasi kode.	Tambahkan cuplikan kode di situs Anda yang mengirim data pelanggan yang telah di-hash untuk pencocokan. Metode ini adalah pilihan terbaik untuk memaksimalkan akurasi konversi yang disempurnakan dengan memungkinkan Anda mengirim data yang diformat secara konsisten setiap kali tag konversi diaktifkan.
Kompleksitas	Sederhana	Sedang	Rumit
Keahlian	Tidak memerlukan keahlian khusus	HTML dan CSS	Pengembangan web

Pengumpulan otomatis

1. Di penampung web Anda, buka menu Variabel.
2. Buat Variabel Buatan Pengguna baru dengan jenis Data yang Disediakan Pengguna.
3. Tetapkan Jenis ke Pengumpulan otomatis.
4. Beri variabel nama, misalnya, My user-defined data.
5. Klik Save.

Konfigurasi manual

1. Di penampung web Anda, buka menu Variabel.
2. Buat Variabel Buatan Pengguna baru dengan jenis Data yang Disediakan Pengguna.
3. Tetapkan Jenis ke Konfigurasi manual.

4. Untuk kolom data pengguna yang relevan yang ingin Anda berikan melalui konversi yang disempurnakan, tambahkan variabel baru atau yang sudah ada.

   Catatan: Jika sudah memiliki variabel di lapisan data (baik menggunakan pemilih CSS maupun jenis variabel lainnya), Anda dapat memilih variabel tersebut daripada membuat variabel baru. Jika Anda tidak yakin, lanjutkan membaca petunjuk ini: Variabel mungkin akan di-hash atau tidak di-hash.

5. Untuk menentukan elemen dari DOM, buat Variabel Baru > Konfigurasi Variabel > Elemen DOM.

6. Di bagian Metode Pemilihan, Anda dapat menggunakan Pemilih CSS atau ID. Tips: Jika variabel CSS Anda sering berubah, tambahkan ID HTML ke situs Anda dan gunakan variabel ID.

7. Masukkan nama ID atau pemilih CSS. Anda dapat mengosongkan kolom Nama atribut.

8. Beri nama dan Simpan variabel Elemen DOM. Layar Anda kemudian akan kembali ke setelan Data yang Disediakan Pengguna.

9. Beri nama variabel Data yang Disediakan Pengguna, misalnya, My user-defined data.

10. Klik Save.

Konfigurasi kode

Langkah 1: Mengidentifikasi dan menentukan variabel konversi yang disempurnakan

Anda dapat mengirim data tanpa hash, yang akan di-hash oleh Google sebelum diterima server, atau data yang telah di-hash. Jika Anda memutuskan untuk mengirim data yang telah di-hash, enkode data tersebut menggunakan SHA256 berenkode heksadesimal. Baik untuk data tanpa hash maupun yang telah di-hash, berikan minimal salah satu kolom berikut: email atau phone_number.
Untuk mengirim data tanpa hash ke lapisan data:

1. Di situs Anda, simpan data yang disediakan pengguna sebagai pasangan nilai kunci dalam variabel JavaScript. Contoh:

   var leadsUserData = {
     'email': '[e-mail]',
     'phone_number': '[phone]',
     'address': {
       first_name: 'John',
       last_name: 'Doe',
       street: '123 Lemon',
       city: 'Some city',
       region: 'CA',
       country: 'US',
       postal_code: '12345',
     },
   };
   

2. Kirim data pengguna bersama peristiwa menggunakan dataLayer.push(). Misalnya:

   <script>
     dataLayer.push({
       'event': 'formSubmitted',
       'leadsUserData': {
         'email': '[e-mail]',
         'phone_number': '[phone]',
         'address': {
            first_name: 'John',
            last_name: 'Doe',
            street: '123 Lemon',
            city: 'Some city',
            region: 'CA',
            country: 'US',
           postal_code: '12345',
          },
        },
     });
   <script>
   

Variabel leadsUserData kini tersedia di Google Tag Manager.

Untuk mengirim data yang telah di-hash ke lapisan data:

1. Di situs Anda, lakukan hashing terhadap data yang disediakan pengguna menggunakan SHA256 berenkode heksadesimal. Kunci untuk data yang dienkode tersebut harus diawali dengan sha256_. Contoh:

   {'sha256_email_address':await hashEmail(email.trim()),
   }
   

2. Kirim data pengguna bersama dengan peristiwa menggunakan dataLayer.push(). Contoh di bawah menunjukkan penerapan lapisan data dengan asumsi bahwa Anda telah menulis fungsi hashing sendiri, yang dijalankan secara asinkron.

   <script>
     dataLayer.push({
       'event': 'formSubmitted',
       'leadsUserData': {
         'sha256_email_address': await hashEmail(email.trim()),
         'sha256_phone_number': await hashPhoneNumber(phoneNumber),
         'address': {
           sha265_first_name: await hashString(firstname),
           sha256_last_name: await hashString(lastname),
           sha256_street: await hashString(streetAddress),
           postal_code: '12345',
          },
        },
     });
   <script>
   

Variabel leadsUserData kini tersedia di Google Tag Manager.

Langkah 2: Membuat variabel data yang disediakan pengguna

1. Di penampung web Anda, buka menu Variabel.
2. Buat Variabel Buatan Pengguna baru dengan jenis Data yang Disediakan Pengguna.
3. Tetapkan Jenis ke Kode.
4. Untuk kolom data pengguna yang relevan yang ingin Anda berikan, klik menu drop-down lalu pilih Variabel Baru.
5. Di bagian Pilih Jenis Variabel, pilih Variabel Lapisan Data.
6. Di Variabel Lapisan Data, rujuk ke data pengguna yang tersimpan. Misalnya leadsUserData.
7. Beri nama dan Simpan variabel Lapisan Data. Layar Anda kemudian akan kembali ke setelan Data yang Disediakan Pengguna.
8. Beri nama variabel Data yang Disediakan Pengguna, misalnya, My user-defined data.
9. Klik Save.

Menetapkan variabel ke tag Google

1. Di penampung web Anda, buka menu Tag.
2. Edit Tag Google yang Anda gunakan untuk mengirim data ke server pemberian tag.
3. Di bagian Setelan konfigurasi, tambahkan Parameter konfigurasi baru yang disebut user_data. Tetapkan Nilai ke variabel Data yang disediakan pengguna, misalnya, {{My user-provided data}}.

4. Simpan perubahan Anda. Tag Anda harus terlihat seperti ini:

   

Langkah 4: Memvalidasi penyiapan

Setelah Anda mulai mengirim data dengan penampung server, Anda dapat memeriksa apakah data berfungsi dengan benar dengan mengikuti langkah-langkah berikut:

1. Buka situs Anda.
2. Di penampung server Google Tag Manager Anda, pilih Pratinjau. Tag Assistant akan dimulai dan memuat penampung server Anda.
3. Tab Tag menampilkan semua tag yang telah diaktifkan. Pastikan untuk memeriksa apakah tag yang Anda konfigurasi telah aktif.
4. Tab Konsol menampilkan error yang terjadi selama transmisi data ke penampung server. Periksa apakah ada error dan atasi error tersebut.

Untuk mendapatkan bantuan lebih lanjut terkait proses debug penampung Tag Manager, lihat pratinjau dan bantuan debug.

Langkah berikutnya

Setelah tag Peristiwa Data yang Disediakan Pengguna Google Ads berfungsi sebagaimana mestinya, Anda dapat menghapus tag Peristiwa Data yang Disediakan Pengguna Google Ads yang setara di penampung web untuk menghindari duplikasi data.