Google Tag Manager - Lapisan Data

Lapisan data dapat dilihat sebagai objek yang menyimpan semua informasi untuk diteruskan dan diproses dengan Google Pengelola Tag. Ini adalah konsep yang agak teknis. Istilah lapisan data digunakan untuk menunjukkan struktur data yang digunakan oleh Google Pengelola Tag untuk menyimpan, memproses, dan meneruskan data antara situs web / blog Anda dan pengelola tag.

Untuk menguraikannya lebih lanjut, Lapisan Data dapat memasukkan data ke dalam alat analisis tentang pengunjung Anda. Mengambil perspektif lain untuk definisi tersebut, Lapisan Data sebenarnya adalah daftar persyaratan dan sasaran bisnis untuk setiap subkumpulan konteks digital.

Mari kita ambil contoh situs web e-niaga, persyaratan bisnis mungkin termasuk -

Informasi transaksional, memiliki detail tentang apa yang dibeli
Data pengunjung, tentang siapa yang membeli
Detail lain tentang pembelian, seperti di mana pembelian dilakukan dan jam berapa
Terakhir, informasi tentang faktor-faktor lain, seperti apakah pengunjung berlangganan pembaruan email atau tidak

Singkatnya, lapisan data membawa informasi yang dapat digunakan oleh berbagai alat / pengguna / pemangku kepentingan sesuai kebutuhan.

Di Google Tag Manager, dataLayer adalah susunan JavaScript. Ini terdiri dari pasangan nilai kunci. Berikut adalah contoh singkat dataLayer dengan tipe data berbeda -

dataLayer = [{
   'products': [{
      'name': 'Western Cotton',
      'tuning': 'High-G',
      'price': 49.75
   },
   {
      'name': 'Fenda Speakers',
      'tuning': 'Drop-C',
      'price': 199
   }],
   'stores': ['Hyderabad', 'Bangloer],
   'date': Sat Sep 13 2017 17:05:32 GMT+0530 (IST),
   'employee': {'name': 'Raghav}
}];

Di sini, kami memiliki nilai yang berbeda seperti array objek (produk), nilai numerik (harga), array string (toko), objek tanggal dan objek (nama).

Di catatan lain, ketika Anda menempatkan Kode Penampung Google Pengelola Tag di situs web Anda, lapisan data secara otomatis dibuat.

Lapisan data itu sendiri adalah konsep yang cukup kompleks untuk dipahami sejak awal. Bab ini akan memberikan lebih banyak wawasan tentang cara berinteraksi dengan lapisan data.

Peristiwa Lapisan Data

Contoh singkat dari peristiwa lapisan data dapat berupa, formulir pendaftaran buletin, yang tidak dapat dilacak dengan mudah dengan pendengar GTM otomatis. Pengembang situs web dapat mendukung Anda untuk mendorong peristiwa lapisan data setelah pelanggan baru memasukkan emailnya di situs web Anda. Kode acara ini akan terlihat seperti ini -

push({‘event’: ‘new_subscriber’});

Jika Anda memerlukan, Anda dapat meminta pengembang Anda untuk beberapa informasi lebih lanjut, seperti lokasi formulir. Ini diperlukan jika ada lebih dari satu formulir di situs web Anda. Itu dapat dicapai dengan menggunakan kode berikut.

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
   'formLocation': ‘footer’,
   'event': new_subscriber
});

Selain itu, Google Pengelola Tag mendorong kumpulan nilai tertentu ke lapisan data aplikasi web secara default. Nilai-nilai ini adalah -

gtm.js - Didorong ke lapisan data segera setelah Google Pengelola Tag siap dijalankan
gtm.dom - Dorong ke lapisan data saat DOM sudah siap
gtm.load - Dorong ke lapisan data saat jendela terisi penuh

Memeriksa Lapisan Data

Seperti yang sudah kita ketahui sekarang, ada peristiwa tertentu yang dibuat sebagai hasil dari interaksi apa pun di layar.

Misalnya, mari kita pertimbangkan acara pemuatan halaman sederhana ini. Untuk melihat kejadian, Anda harus menjalankan debugger. Setelah Anda menjalankan debugger (dalam mode pratinjau), kunjungi blog. Jika Anda melihat jendela ringkasan di sudut kiri bawah, inilah yang akan Anda lihat -

Step 1 - Klik Window Loaded lalu Data Layer.

Informasi yang ditampilkan di tab Lapisan Data adalah tentang peristiwa Window Loaded.

Ini ditampilkan sebagai - {event: 'gtm.load', gtm.uniqueEventId: 3}

Selanjutnya, jika Anda ingin melihat lebih dekat, Anda perlu mengambil dukungan dari tab konsol Chrome. Memeriksa lapisan data menjadi mudah jika Anda tahu cara menggunakan debugger Chrome dengan cara yang benar.

Step 2- Saat Anda berada di blog, klik kanan di bagian mana pun di halaman. Dalam menu konteks yang ditampilkan, klik Periksa. Panel akan ditampilkan di sisi kanan layar, dengan tab Elemen diaktifkan.

Step 3- Klik Konsol. Saat dalam mode konsol, klik ikon pojok kiri atas untuk menghapus semua pesan yang ditampilkan. Lihat tangkapan layar berikut untuk referensi.

Step 4- Setelah jendela dibersihkan untuk pesan sebelumnya, ketik dataLayer, pastikan kapitalisasi untuk L sudah selesai. Nama ini diberikan oleh Google Pengelola Tag ke lapisan datanya. Namun, pengembang Anda dapat memberikan nama yang berbeda jika diperlukan.

Step 5- Tekan enter setelah dataLayer. Ini akan menunjukkan detail berikut.

Ada tiga objek, dan setiap objek berisi beberapa informasi. Sekarang, objek ini mungkin tidak sama untuk Anda, seperti yang ditunjukkan pada gambar di atas. DataLayer dapat dikonfigurasi dan berada dalam kendali pengembang untuk mengonfigurasinya sesuai kebutuhan.

Nilai-nilai yang ada disebabkan oleh gadget Blogger yang digunakan pada posisi / ruang tertentu. Inilah alasan mengapa ada informasi tertentu di sana.

Jika Anda melihat objek 1, Anda akan melihat bahwa acara yang dipicu adalah - gtm.dom . Itu dipicu oleh GTM saat memuat halaman.

Dengan cara ini, Anda dapat memeriksa lapisan data dan menambahkan informasi di dalamnya jika diperlukan.

Variabel di Lapisan Data

Sekarang setelah kita memahami lapisan data, mari kita coba dan membaca salah satu variabel menggunakan Antarmuka Google Pengelola Tag.

Di sini, kita akan mencoba dan membaca acara tersebut menggunakan variabel lapisan data.

Jika kita melihat gambar di atas, event variabel memegang gtm.dom . Kami akan membuat variabel dari antarmuka GTM dan melihat bagaimana hal itu tercermin di tab Variabel di bawah Google Pengelola Tag.

Step 1- Di Antarmuka Google Pengelola Tag, buka Variabel. Gulir ke bawah ke variabel buatan pengguna. Klik BARU.

Step 2 - Berikan nama untuk variabel baru ini, mari kita sebut sebagai varEvent.

Step 3 - Klik Pilih jenis variabel untuk memulai penyiapan…

Step 4 - Pilih Variabel Lapisan Data dari daftar.

Step 5 - Jika Anda memilih Variabel Lapisan Data, Anda akan diminta untuk memberikan nama dan versinya.

Nama ini akan berasal dari Lapisan Data Google Pengelola Tag yang sebenarnya. Seperti yang disebutkan sebelumnya, variabel yang akan kita lacak adalah - event.

Step 6 - Masukkan peristiwa di Nama Variabel Lapisan Data.

Step 7 - Klik SIMPAN.

Step 8 - Klik Pratinjau untuk melihat perubahan yang dilakukan di debugger.

Step 9- Setelah halaman dimuat, klik Window Loaded dan kemudian Variables. Gulir ke bagian paling bawah Variabel, Anda akan melihat varEvent, seperti yang disorot pada gambar di atas.

Seperti yang terlihat pada tangkapan layar di atas, nilainya akan menjadi gtm.load.

Dengan cara ini, seseorang dapat memeriksa lapisan data dan menangkap nilai di lapisan data sesuai kebutuhan.