Apa pun jenis situs web yang Anda miliki, mengetahui bagaimana pengunjung Anda berinteraksi dengan situs Anda sangat penting. Google Analytics (GA) secara tradisional menjadi alat yang digunakan oleh webmaster untuk mendapatkan wawasan tentang lalu lintas situs web. GA memberikan statistik dan laporan kepada pengguna tentang:

Jumlah pengunjung situs Anda
Dari negara mana mereka berasal?
Berapa banyak halaman yang mereka kunjungi per sesi
Halaman paling populer di situs Anda
Berapa banyak pengunjung situs yang terpental (pergi tanpa melakukan tindakan apa pun)

Melacak metrik penting seperti tampilan laman, durasi sesi, dan rasio pentalan dengan GA memerlukan penempatan Kode Pelacakan GA^{(GA Tracking Code)} atau cuplikan kode JavaScript GA di setiap laman web. ^{(GA JavaScript)}Ini sangat ideal untuk melacak informasi umum.

Namun, untuk metrik yang lebih spesifik atau beberapa interaksi, menjadi lebih sulit untuk melacak setiap tindakan. Misalnya, akan membutuhkan banyak waktu bagi pemilik situs web yang ingin melacak beberapa bentuk dan fitur berbeda untuk menyiapkan dan menjalankan semua tag yang diperlukan.

Google Tag Manager ( GTM ) adalah alat manajemen tag gratis yang memudahkan pelacakan semua tag Anda.

Apa itu Pengelola Tag Google?^{(What Is Google Tag Manager?)}

Alih-alih mengganti GA, GTM bekerja dengan GA (yang merupakan tag itu sendiri) untuk membantu pengguna menambahkan kode pelacakan (tag), menentukan aturan, dan menerapkan cuplikan kode.

Data yang dikumpulkan oleh GTM dikirim ke dan disimpan di GA dan alat lain seperti Google Ads , PayPal , dan Facebook .

Contoh tag yang mungkin ingin dilacak oleh pemilik situs web adalah:

Iklan Google
Acara
kode piksel Facebook
Pemasaran ulang
Kode HTML/JavaScript khusus

Pemilik situs web harus memutuskan perilaku mana yang akan memberikan wawasan yang mereka butuhkan untuk membuat keputusan pemasaran strategis yang lebih baik. Kemudian gunakan Google Pengelola Tag^{(Google Tag Manager)} untuk mengumpulkan data dan menganalisis hasilnya.

Pada artikel ini, kami akan menjelaskan cara mulai menggunakan GTM untuk situs web Anda.

Siapkan Situs Web Anda^{(Set Up Your Website)}

Jika Anda belum memiliki akun Google Pengelola Tag^{(Google Tag Manager)} , siapkan^{(set one up)} akun .

Tambahkan nama akun Anda, negara, penyiapan penampung (domain Anda), dan platform target Anda (pilih web). Kemudian klik Buat^(Create) .
Setelah Anda menyetujui persyaratan layanan Google, Anda akan melihat ID penampung Anda dengan dua cuplikan kode.

Anda perlu menambahkan kedua cuplikan ke setiap halaman situs Anda untuk menyelesaikan proses penyiapan. Pastikan Anda menambahkannya di tempat yang benar. Salah satunya ada di <head> halaman Anda. <body> pembuka .
Jika Anda memerlukan bantuan tambahan untuk memasang cuplikan, baca Panduan Memulai Cepat^{( Quick Start Guide)} Google . Atau, jika Anda menggunakan WordPress , ada beberapa plugin^{( several plugins)} yang bisa Anda gunakan.
Setelah membuat penampung, Anda dapat mulai menambahkan tag dan pemicu untuk mendapatkan wawasan tentang pengunjung situs Anda.

Di bawah^(Below) ini adalah contoh tindakan situs web untuk membantu Anda mengukur upaya pemasaran Anda.

Klik Tombol Pelacakan^{(Tracking Button Clicks)}

Klik tombol^(Button) mengacu pada berapa kali ajakan bertindak ( CTA ) situs web Anda diklik. Banyak situs memiliki beberapa CTA^(CTAs) , seperti:

Unduh.
Masukkan ke keranjang.
Klik untuk menelepon.
Langganan.
Daftar.
Memulai.
Ambil laporan gratis Anda.
Belajarlah lagi.
Bergabung.

Siapkan Beberapa Variabel^{(Set Up Some Variables)}

Klik pada Variabel^(Variables) dan kemudian Konfigurasi^(Configure) dari navigasi di sebelah kiri.
Gulir ke bawah dan klik Elemen, Kelas, ID, Target, URL,^{(Element, Classes, ID, Target, URL )} dan Teks^(Text) .

Langkah selanjutnya adalah mengaktifkan pemicu yang akan mengaktifkan semua klik. Klik ^(Click)Pemicu^(Triggers) dari navigasi di sebelah kiri dan tekan BARU.^(NEW.)

Kemudian beri nama pemicu Anda. Sebut saja Tombol Klik^{(Button Click)} .
Untuk memilih jenis pemicu, klik di dalam jendela pemicu, gulir ke bawah ke bagian bawah halaman pop-up, dan klik Semua Elemen^{(All Elements)} .
Pastikan Anda menyetel Pemicu ini^{(This trigger fires)} aktif di Semua Klik^{(All Clicks )} dan klik Simpan^{( Save)} .

Untuk memastikan tag berfungsi dengan benar, klik tombol Pratinjau^(Preview) . Bilah oranye akan muncul sehingga Anda akan tahu bahwa Anda berada dalam mode pratinjau.

Buka situs web Anda di tab browser baru dan segarkan halaman. Anda akan melihat item ringkasan dalam mode pratinjau cepat. Karena dalam contoh ini kami menyetel pemicu untuk diaktifkan setiap kali ada yang mengklik di mana saja di situs Anda, itu akan terdaftar sebagai klik GTM .
Jika Anda ingin mengidentifikasi tombol tertentu pada laman, pilih salah satu klik di panel pratinjau Google Pengelola Tag . ^{(Google Tag Manager)}Kemudian klik Variabel^(Variables) .

Anda akan melihat kelas klik, elemen klik, dan teks klik. Semua kelas klik dan klik yang berbeda diberi notasi. Setelah Anda menemukan variabel, cari tahu apa yang harus disaring untuk tombol yang ingin Anda lacak.

Klik^(Click) tombol situs web itu, dan itu akan menyorot bagian ringkasan pada pratinjau GTM di bawah situs web Anda.^(GTM)

Lihat variabel yang terkait dengan tombol yang Anda pilih seperti kelas Klik, Elemen ^(Click)Klik^{(Click Element)} , dan ID Klik^{(Click ID)} . Gunakan informasi ini untuk mengatur klik tombol Anda. Kembali ke Google Pengelola Tag^{(Google Tag Manager)} . Arahkan^(Navigate) ke Klik Tombol^{(Button Click)} .

Untuk tujuan artikel ini, mari siapkan tombol untuk Ambil laporan gratis Anda^{(Grab your free report)} , jadi ganti nama tombol tersebut menjadi Ambil laporan gratis Anda CTA^{( Grab your free report CTA)} .

Arahkan ke Pemicu ini menyala^{(This trigger fires on)} dan pilih Beberapa Klik^{(Some Clicks)} .

Di sinilah Anda akan dapat memfilter berdasarkan variabel yang Anda temukan saat dalam mode pratinjau.

Kembali ke pratinjau situs web Anda dan tulis variabel untuk tombol yang ingin Anda lacak. Bagian yang berbeda^(Different) dari tombol mungkin memiliki kelas yang berbeda tergantung di mana Anda mengklik.

Solusi terbaik untuk ini adalah mengalihkan pelacakan Anda ke Klik Tautan^{(Link Click)} karena kelasnya sama di mana pun Anda mengeklik. Klik tautan adalah hyperlink yang tetap konstan.

Untuk mengubah bagian dalam GTM , pilih Click – All Elements dan ubah menjadi Just Links .

Gunakan kelas yang Anda tulis dari mode pratinjau dan tambahkan di kotak kosong di sebelah kanan Klik Kelas^{(Click Classes )} dan klik Simpan^{( Save)} .

Buat Tag^{(Create a Tag)}

Klik Tag^(Tags) dari navigasi sisi kiri dan tekan New .

Klik di dalam kotak Konfigurasi Tag^{(Tag Configuration)} untuk membuka jenis tag. Gulir^(Scroll) ke bawah dan pilih HTML Khusus^{(Custom HTML)} .
Anda dapat menggunakan variabel di dalam bagian HTML Khusus^{(Custom HTML)} ini dengan mengetiknya di dalam tanda kurung ini {}.
Saat Anda mulai mengetik tanda kurung, Anda akan melihat menu pilih pencarian cepat di mana Anda dapat memilih variabel yang sudah Anda tentukan.

Sekarang Anda perlu menghubungkan ini ke pemicu yang baru saja Anda buat. Klik^(Click) di dalam kotak Pemicu^(Triggering) , pilih pemicu dan klik Simpan^(Save) .
Segarkan kembali halaman pratinjau Anda untuk menguji tombol Anda. Klik^(Click) tombol Anda untuk melihat apakah tag diaktifkan. Jika tidak berhasil, kembali dan periksa semua pengaturan Anda.
Jika benar, Anda akan melihat Tag Diaktifkan pada Acara Ini^{(Tags Fired on This Event)} . Anda sekarang melacak ketika tombol Anda diklik.

Jadikan Tag Sebuah Acara^{(Make The Tag An Event)}

Kembali ke GTM dan pilih tag yang baru saja Anda buat. Pastikan untuk menamainya dengan nama yang dapat diidentifikasi.
Ubah jenis Tag dari HTML Khusus^{(Custom HTML)} ke Google Analytics: Google Analytics : Universal Analytics .

Pilih Peristiwa^(Event) untuk Jenis Trek^{(Track Type)} , Tombol CTA^{(CTA Button)} untuk Parameter Pelacakan Peristiwa^{(Event Tracking Parameters)} , Klik^(Click) untuk Tindakan^(Action) dan tambahkan nama pengenal untuk Label .
Gulir^(Scroll) ke bawah ke Setelan Google Analytics^{(Google Analytics Settings)} , pilih {{Google Analytics}} dan klik Simpan^(Save) . Sekarang Anda melacak klik Anda di dalam Google Analytics sebagai suatu peristiwa.
Kirim acara Anda dan kemudian Publikasikan^(Publish) .
Di bagian Deskripsi Versi Penampung^{(Container Version Description)} , tambahkan nama deskriptif untuk acara Anda dan klik Lanjutkan^(Continue) .

Pemicu baru dan tag baru Anda sekarang aktif di situs web Anda untuk melacak setiap kali pengunjung situs mengklik tombol tersebut.

Tidak ada batasan jumlah tindakan yang dapat Anda lacak menggunakan Google Pengelola Tag^{(Google Tag Manager)} . Semakin banyak data yang Anda kumpulkan dan ukur, semakin baik Anda dapat menyesuaikan kampanye pemasaran dan iklan Anda untuk meningkatkan konversi dan penjualan.

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what type of website you hаve, knowing how your visitors interаct with yoυr site iѕ essential. Google Analytics (GA) has traditionally been the tool used by webmasters to gain insights into website traffic. GA gives users statistics and reports about:

The number of visitors to your site
What country they are from
How many pages they visited per session
The most popular pages on your site
How many site visitors bounced (left without performing any action)

Tracking essential metrics such as page views, session durations, and bounce rate with GA require the placement of GA Tracking Code or a GA JavaScript code snippet on every webpage. This is ideal for keeping track of general information.

However, for more specific metrics or multiple interactions, it becomes more challenging to keep track of every action. For example, it would take a lot of time for a website owner who wants to track several different forms and various features to get all the necessary tags set up and running.

Google Tag Manager (GTM) is a free tag management tool that makes tracking all your tags easier.

What Is Google Tag Manager?

Rather than replacing GA, GTM works with GA (which is a tag itself) to help users add tracking code (tags), define rules and deploy code snippets.

The data collected by GTM is sent to and stored in GA and other tools such as Google Ads, PayPal, and Facebook.

Examples of tags website owners might want to track are:

Google Ads
Events
Facebook pixel code
Remarketing
Custom HTML/JavaScript code

Website owners should decide which behaviors will provide insights they need to make better strategic marketing decisions. Then use Google Tag Manager to collect data and analyze the results.

In this article, we will outline how to get started using GTM for your website.

Set Up Your Website

If you don’t already have a Google Tag Manager account, set one up.

Add your account name, country, container setup (your domain), and your target platform (choose web). Then click Create.
After you agree to Google’s terms of service, you will see your container ID with two code snippets.

You need to add both the snippets to each page of your site to complete the setup process. Make sure you add them in the correct place. One belongs in the <head> of your page. The other goes after the opening <body> tag.
If you need additional help installing the snippets, read Google’s Quick Start Guide. Or, if you are using WordPress, there are several plugins you can use.
Once you create your container, you can start adding tags and triggers to gain insights into your site’s visitors.

Below is an example of a website action to help you measure your marketing efforts.

Tracking Button Clicks

Button clicks refer to how many times your website call-to-action (CTA) is clicked. Many sites have multiple CTAs, such as:

Download.
Add to cart.
Click to call.
Subscribe.
Sign up.
Get started.
Grab your free report.
Learn more.
Join.

Set Up Some Variables

Click on Variables and then Configure from the navigation on the left.
Scroll down and click Element, Classes, ID, Target, URL and Text.

The next step is to enable a trigger that will fire on all clicks. Click on Triggers from the navigation on the left and hit NEW.

Then give your trigger a name. Let’s call it Button Click.
To select a trigger type, click inside the trigger window, scroll down to the bottom of the pop-up page, and click on All Elements.
Make sure you set This trigger fires on All Clicks and click Save.

To make sure the tag is working correctly, click the Preview button. An orange bar will appear so that you will know you are in preview mode.

Open your website in a new browser tab and refresh the page. You will see summary items in the quick preview mode. Because in this example we set the trigger to fire whenever anyone clicks anywhere on your site, it will register as a GTM click.
If you want to identify a specific button on a page, select one of the clicks in the Google Tag Manager preview panel. Then click Variables.

You will see click classes, click elements, and click texts. All the different clicks and click classes are notated. Once you have located the variables, figure out what to filter out for the button you want to track.

Click on that website button, and it will highlight the summary section on the GTM preview below your website.

Look at the variables that are related to your selected button such as Click classes, Click Element, and Click ID. Use this information to set up your button click. Go back to your Google Tag Manager. Navigate to Button Click.

For the purpose of this article, let’s set up a button for Grab your free report, so rename the button to Grab your free report CTA.

Navigate to This trigger fires on and choose Some Clicks.

Here is where you will be able to filter by the variables you found when in preview mode.

Go back to your website preview and write down the variables for the button you want to track. Different parts of a button might have different classes depending upon where you click.

The best solution for this is to switch your tracking to Link Click because the classes are the same no matter where you click. A link click is a hyperlink that remains constant.

To change that inside of GTM, select Click – All Elements and change it to Just Links.

Use the class you wrote down from the preview mode and add it in the blank box to the right of Click Classes and click Save.

Create a Tag

Click on Tags from the left-side navigation and hit New.

Click inside the Tag Configuration box to open the tag types. Scroll down and select Custom HTML.
You can use variables inside this Custom HTML section by typing them inside these brackets { }.
When you start typing the brackets, you will see a quick search select menu where you can choose your defined existing variables.

Now you need to hook this up to the trigger you just created. Click inside the Triggering box, select the trigger and click Save.
Refresh your preview page again to test your button. Click on your button to see if the tag is fired. If it doesn’t work, go back and check all your settings.
When they are correct, you will see Tags Fired on This Event. You are now tracking when your button is clicked.

Make The Tag An Event

Go back to GTM and select the tag you just created. Make sure to name it with an identifiable name.
Change the Tag type from Custom HTML to Google Analytics: Google Analytics: Universal Analytics.

Select Event for Track Type, CTA Button for Event Tracking Parameters, Click for Action and add an identifying name for Label.
Scroll down to Google Analytics Settings, select {{Google Analytics}} and click Save. Now you are tracking your clicks inside of Google Analytics as an event.
Submit your event and then Publish it.
In the Container Version Description section add a descriptive name for your event and click Continue.

Your new trigger and new tag are now live on your website to track any time a site visitor clicks on the button.

There is no limit to the number of actions you can track using Google Tag Manager. The more data you collect and measure, the better you will be able to tweak your marketing and ad campaigns to increase conversions and sales.

Lamar Pradipta

About the author

Saya seorang ahli komputer dengan pengalaman lebih dari 10 tahun di industri perangkat lunak dan browser. Saya telah merancang, membangun, dan mengelola seluruh instalasi program perangkat lunak, serta mengembangkan dan memelihara browser. Pengalaman saya memberi saya kemampuan untuk memberikan penjelasan yang jelas dan ringkas tentang topik yang rumit - apakah itu cara kerja Microsoft Office atau cara memaksimalkan Mozilla Firefox. Selain keterampilan komputer saya, saya juga seorang penulis yang mahir dan dapat berkomunikasi secara efektif secara online dan secara langsung.

Cara Menggunakan Google Pengelola Tag Untuk Menganalisis Lalu Lintas Situs Web Anda

Apa itu Pengelola Tag Google?^{(What Is Google Tag Manager?)}

Siapkan Situs Web Anda^{(Set Up Your Website)}

Klik Tombol Pelacakan^{(Tracking Button Clicks)}