Kami sampaikan perhatian Anda petunjuk langkah demi langkah untuk memasang dan mengonfigurasi Google Pengelola Tag (GTM). Di sini kami akan memberi tahu Anda cara menghubungkan Google Analytics dan Yandex Metrica menggunakan GTM.
Google Pengelola Tag (GTM) - multi alat, yang memungkinkan Anda untuk menambahkan ke situs atau ke aplikasi seluler tag untuk menganalisis lalu lintas, konversi, dan perilaku pengguna tanpa mengganggu sumber lokasi.
Dalam artikel tersebut, kami akan menjelaskan secara detail cara membuat dan mengonfigurasi GTM di situs dan cara menghubungkan Google Analytics dan Yandex Metrica tanpa mengganggu kode sumber situs.
Manfaat GTM
- Anda dapat menambah dan memperbarui tag tanpa mengganggu kode sumber situs. Anda hanya perlu menambahkan kode Pengelola Tag ke situs satu kali, dan yang lainnya sudah dapat diterapkan akun pribadi GTM;
- Mengurangi kode pada halaman website;
- Antarmuka yang nyaman dan mudah digunakan;
- Kemudahan pengujian. Mode pratinjau memungkinkan pemasar dengan mudah memverifikasi bahwa tag berfungsi dengan benar;
- Layanan ini gratis.
Sebelum melanjutkan ke instalasi, mari kita pahami definisinya:
- Wadah adalah bagian dari kode JS yang ditempatkan di semua halaman situs. Penampung berisi informasi tentang tag yang dipicu sebagai hasil dari pelaksanaan aturan tertentu yang ditentukan dalam pemicu dan variabel;
- Menandai– fragmen kode situs yang memungkinkan Anda melacak lalu lintas dan menganalisis perilaku pengguna, konversi, dll. (misalnya, kode Yandex Metrica);
- menentukan kapan harus mengaktifkan tag di penampung web;
- Variabel adalah pasangan nama-nilai yang digunakan dalam pemicu sebagai kondisi saat tag akan diaktifkan.
Cara memasang Google Pengelola Tag di situs web
1. Mendaftar akun Google
Jika akun Anda Google sudah terdaftar dan Anda masuk, lewati langkah ini. Jika tidak, masuk atau buat akun.
2. Buat akun dengan GTM
Setelah otorisasi di Google, Anda dapat melanjutkan untuk membuat akun di GTM. Buka halaman Google Pengelola Tag dan klik tombol "Buat akun", lalu masukkan nama akun khusus dan klik tombol "Berikutnya".
Gambar 1
Di jendela yang muncul, tentukan nama wadah yang ditemukan dan pilih di mana wadah itu akan digunakan. Dalam kasus kami, ini adalah tombol "Situs Web". Setelah itu, klik tombol "Buat".
Gambar 2
Gambar 3
3. Tambahkan kode Tag Manager yang dihasilkan ke situs Anda
Setelah Anda menerima perjanjian penggunaan, jendela kode akan muncul.
Gambar 4
Sorot dan salin kode ke file txt. Setelah itu, klik tombol "OK" di bagian paling bawah jendela yang terbuka.
Selanjutnya, di file templat situs tempat Anda memiliki blok, rekatkan kode dari blok atas sedekat mungkin ke awal.
Gambar 5
Tempel kode dari blok bawah langsung setelah tag pembuka.
Gambar 6
Setelah Anda menyelesaikan langkah-langkah ini, klik tombol "Publikasikan" di panel GTM.
Gambar 7
4. Uji GTM untuk pengoperasian yang benar
Selanjutnya, penting untuk memeriksa apakah Anda melakukan semuanya dengan benar. Untuk melakukannya, Anda dapat menggunakan plugin Pencatatan Google Tag Assistant untuk Peramban Chrome. Pasang ekstensi ini dengan mengikuti tautan.
Setelah dipasang, ikon Google Tag Assistant - akan muncul di panel ekstensi browser Chrome. Untuk memeriksa pengoperasian yang benar dari GTM yang dipasang di situs, Anda harus pergi ke situs Anda dan mengklik ikon ini.
Angka 8
Dari tangkapan layar, kita melihat ikon berwarna hijau, yang berarti pemasangan Tag Manager berhasil. Jika ikon berwarna kuning atau merah, tag telah ditempatkan dengan tidak benar.
Rekomendasi Google
Gambar 9
Menghubungkan Google Analytics melalui GTM
Sekarang mari kita langsung ke koneksi Google Analisis melalui GTM.
1. Daftarkan Google Analytics
Jika Anda sudah menginstal analitik di situs Anda, Anda dapat melewati langkah ini. Jika tidak, lihat cara mendaftarkan Google.Analytics dan menyelesaikan pendaftaran.
Catatan! Setelah mendaftar Google.Analytics, Anda tidak perlu menempatkan kode di situs. Kami hanya memerlukan ID pelacakan Google.Analytics nanti. Jika Google.Analytics telah terdaftar sebelumnya dan kode telah ditempatkan di situs, setelah menghubungkan Google.Analytics melalui GTM, kode analitik yang ditempatkan sebelumnya dapat dihapus.
2. Masuk ke akun Anda yang sebelumnya terdaftar di GTM dan klik tautan "Tambahkan tag baru"
Gambar 10
3. Pilih jenis tag
Dalam hal ini, kami memerlukan Universal Analytics.
Gambar 11
4. Tentukan ID pelacakan situs di Google Analytics dan jenis pelacakannya adalah "Tampilan Halaman"
Gambar 12
Anda dapat melihat ID pelacakan sumber daya di pengaturan Google Analytics Anda.
Gambar 13
5. Tentukan pemicu "Semua Halaman".
Agar tag diaktifkan di semua laman, tentukan pemicu "Semua Laman".
Gambar 14
6. Simpan data yang dimasukkan
Gambar 15
7. Tentukan nama tag dan klik tombol "Simpan".
Gambar 16
8. Periksa apakah tag berfungsi dengan benar
Untuk melakukan ini, klik panah di sebelah tombol "Publikasikan" dan pilih "Pratinjau".
Gambar 17
Dalam wadah "Pratinjau" dengan perubahan hanya akan tersedia di browser Anda.
Jika penampung ditampilkan di bawah baris "Tag Tidak Diaktifkan di Laman Ini", tag pada laman tersebut belum diaktifkan. Anda perlu memeriksa semua pengaturan dan, jika perlu, memperbaiki kesalahan yang dilakukan.
Jika penampung muncul di bawah baris "Tag Diaktifkan di Laman Ini", Universal Analytics dipasang tanpa kesalahan.
Gambar 18
9. Publikasikan Universal Analytics
Gambar 19
Jadi, kami menghubungkan Google Analytics ke situs melalui GTM tanpa mengganggu kode sumber laman.
Menghubungkan Metrik Yandex melalui GTM
Untuk menghubungkan Yandex Metrica, ikuti langkah yang sama seperti untuk Google Analytics, tetapi karena tidak ada Yandex Metrica di GTM secara default, tentukan "HTML khusus" saat memilih produk.
Gambar 20
Akibatnya, jendela dengan bidang kosong akan muncul.
Gambar 21
Dalam formulir HTML ini, Anda perlu memasukkan kode penghitung Metrica Anda.
Jika Yandex Metrica sudah diinstal di situs, salin kode penghitung dari kode sumber halaman. Jika tidak, lihat cara membuat dan mengonfigurasi penghitung Yandex Metrica.
Catatan! Seperti Google.Analytics, kode tidak diperlukan di situs. Kode yang dihasilkan saat menyiapkan Yandex Metrics harus disalin dan ditambahkan ke jendela "Custom HTML" yang muncul di tahap sebelumnya.
Gambar 22
Sebelum menerbitkan, periksa pengoperasian tag yang benar dengan mengklik tombol "Pratinjau".
Gambar 23
Jika dalam mode pratinjau penampung ditempatkan di bawah baris "Tag Diaktifkan di Halaman Ini", maka semuanya sudah diatur dengan benar. Jika penampung ditampilkan di bawah baris "Tag Tidak Diaktifkan di Halaman Ini", tag tidak berfungsi, kemungkinan besar, terjadi kesalahan saat menghubungkan.
Gambar 24
Setelah kami yakin bahwa tag berfungsi dalam mode awal, klik "Publikasikan".
Jadi, kami menghubungkan Yandex Metrica di situs tanpa mengganggu kode sumber halaman.
Jika Anda belum menginstal GTM di situs Anda, Anda dapat menginstal dan menyiapkannya dengan mengikuti petunjuk kami. Dan kami, pada gilirannya, akan terus menulis tentang cara menggunakan GTM untuk menganalisis lalu lintas, konversi, dan perilaku pengguna.
Google Pengelola Tag memungkinkan Anda menyesuaikan dan menerapkan tag, termasuk untuk Iklan Google , Google Analytics Dan cahaya banjir, Dan pihak ketiga. Untuk menggunakan Pengelola Tag, ikuti langkah-langkah berikut:
Akun – level tertinggi hierarki di Tag Manager. Sebagai aturan, satu akun sudah cukup untuk sebuah perusahaan. Akun Pengelola Tag Anda memiliki satu atau lebih kontainer. Ada jenis penampung untuk situs web, halaman AMP, aplikasi android dan iOS.
Cara membuat akun dan wadah
Saat pertama kali memuat penampung, Anda akan melihat permintaan untuk menambahkan cuplikan kode ke situs Anda atau memulai Pengelola Tag sebagai bagian dari SDK untuk platform pilihan Anda. Anda dapat kode potongan langsung atau klik OKE untuk melakukannya setelah menyiapkan wadah.
Cara menambahkan penampung ke akun yang sudah ada
Pemasangan kontainer
- Tempatkan cuplikan kode teratas (dimulai dengan