Bất kể bạn có loại trang web nào, biết cách khách truy cập tương tác với trang web của bạn là điều cần thiết. Google Analytics (GA) theo truyền thống là công cụ được quản trị viên web sử dụng để hiểu rõ hơn về lưu lượng truy cập trang web. GA cung cấp cho người dùng số liệu thống kê và báo cáo về:

Số lượng khách truy cập vào trang web của bạn
Họ đến từ đất nước nào
Họ đã truy cập bao nhiêu trang mỗi phiên
Các trang phổ biến nhất trên trang web của bạn
Có bao nhiêu khách truy cập trang web bị trả lại (còn lại mà không thực hiện bất kỳ hành động nào)

Việc theo dõi các chỉ số thiết yếu như lượt xem trang, thời lượng phiên và tỷ lệ thoát với GA yêu cầu vị trí của Mã theo dõi GA^{(GA Tracking Code)} hoặc đoạn mã JavaScript GA^{(GA JavaScript)} trên mọi trang web. Điều này là lý tưởng để theo dõi thông tin chung.

Tuy nhiên, đối với các chỉ số cụ thể hơn hoặc có nhiều tương tác, việc theo dõi mọi hành động sẽ trở nên khó khăn hơn. Ví dụ: sẽ mất rất nhiều thời gian đối với chủ sở hữu trang web muốn theo dõi một số biểu mẫu khác nhau và nhiều tính năng khác nhau để thiết lập và chạy tất cả các thẻ cần thiết.

Trình quản lý thẻ của Google^{(Google Tag Manager)} ( GTM ) là một công cụ quản lý thẻ miễn phí giúp theo dõi tất cả các thẻ của bạn dễ dàng hơn.

Trình quản lý thẻ của Google là gì?^{(What Is Google Tag Manager?)}

Thay vì thay thế GA, GTM hoạt động với GA (chính là một thẻ) để giúp người dùng thêm mã theo dõi (thẻ), xác định quy tắc và triển khai các đoạn mã.

Dữ liệu do GTM thu thập được gửi đến và lưu trữ trong GA và các công cụ khác như Google Ads , PayPal và Facebook .

Ví dụ về thẻ mà chủ sở hữu trang web có thể muốn theo dõi là:

Google Ads
Sự kiện
Mã pixel Facebook
Tiếp thị lại
Mã HTML / JavaScript tùy chỉnh

Chủ sở hữu trang web nên quyết định hành vi nào sẽ cung cấp thông tin chi tiết mà họ cần để đưa ra quyết định tiếp thị chiến lược tốt hơn. Sau đó, sử dụng Trình quản lý thẻ^{(Google Tag Manager)} của Google để thu thập dữ liệu và phân tích kết quả.

Trong bài viết này, chúng tôi sẽ trình bày cách bắt đầu sử dụng GTM cho trang web của bạn.

Thiết lập trang web của bạn^{(Set Up Your Website)}

Nếu bạn chưa có tài khoản Trình quản lý thẻ của Google , hãy ^{(Google Tag Manager)}thiết lập một^{(set one up)} tài khoản .

Thêm tên tài khoản, quốc gia, thiết lập vùng chứa (miền của bạn) và nền tảng mục tiêu của bạn (chọn web). Sau đó nhấp vào Tạo^(Create) .
Sau khi đồng ý với các điều khoản dịch vụ của Google, bạn sẽ thấy ID vùng chứa của mình với hai đoạn mã.

Bạn cần thêm cả hai đoạn mã vào mỗi trang trên trang web của mình để hoàn tất quá trình thiết lập. Đảm bảo rằng bạn thêm chúng vào đúng vị trí. Một thuộc về <head> của trang của bạn. Cái còn lại nằm sau thẻ mở <body> .
Nếu bạn cần thêm trợ giúp khi cài đặt các đoạn mã, hãy đọc Hướng dẫn bắt đầu nhanh^{( Quick Start Guide)} của Google . Hoặc, nếu bạn đang sử dụng WordPress , có một số plugin^{( several plugins)} bạn có thể sử dụng.
Sau khi tạo vùng chứa, bạn có thể bắt đầu thêm thẻ và trình kích hoạt để hiểu rõ hơn về khách truy cập trang web của mình.

Dưới đây^(Below) là ví dụ về hành động trên trang web để giúp bạn đo lường nỗ lực tiếp thị của mình.

Theo dõi các lần nhấp vào nút^{(Tracking Button Clicks)}

Số lần nhấp vào nút^(Button) đề cập đến số lần gọi hành động ( CTA ) trang web của bạn được nhấp. Nhiều trang web có nhiều CTA^(CTAs) , chẳng hạn như:

Tải xuống.
Thêm vào giỏ hàng.
Bấm để gọi.
Đặt mua.
Đăng ký.
Bắt đầu.
Nhận báo cáo miễn phí của bạn.
Tìm hiểu thêm.
Tham gia.

Thiết lập một số biến^{(Set Up Some Variables)}

Nhấp vào Biến^(Variables) và sau đó Định cấu hình^(Configure) từ điều hướng bên trái.
Cuộn xuống và nhấp vào Thành phần, Lớp, ID, Mục tiêu, URL^{(Element, Classes, ID, Target, URL )} và Văn bản^(Text) .

Bước tiếp theo là kích hoạt trình kích hoạt sẽ kích hoạt trên tất cả các lần nhấp. Nhấp^(Click) vào Kích hoạt^(Triggers) từ điều hướng bên trái và nhấn MỚI.^(NEW.)

Sau đó, đặt tên cho trình kích hoạt của bạn. Hãy gọi nó là Click vào nút^{(Button Click)} .
Để chọn loại trình kích hoạt, hãy nhấp vào bên trong cửa sổ trình kích hoạt, cuộn xuống cuối trang bật lên và nhấp vào Tất cả các phần tử^{(All Elements)} .
Đảm bảo rằng bạn đặt Trình kích hoạt này kích hoạt^{(This trigger fires)} trên Tất cả các lần nhấp^{(All Clicks )} và nhấp vào Lưu^{( Save)} .

Để đảm bảo thẻ đang hoạt động chính xác, hãy nhấp vào nút Xem trước^(Preview) . Một thanh màu cam sẽ xuất hiện để bạn biết mình đang ở chế độ xem trước.

Mở trang web của bạn trong một tab trình duyệt mới và làm mới trang. Bạn sẽ thấy các mục tóm tắt trong chế độ xem trước nhanh. Bởi vì trong ví dụ này, chúng tôi đặt trình kích hoạt để kích hoạt bất cứ khi nào có bất kỳ ai nhấp vào bất kỳ đâu trên trang web của bạn, nó sẽ đăng ký dưới dạng nhấp chuột GTM .
Nếu bạn muốn xác định một nút cụ thể trên một trang, hãy chọn một trong các nhấp chuột trong bảng xem trước Trình quản lý thẻ của Google . ^{(Google Tag Manager)}Sau đó nhấp vào Biến^(Variables) .

Bạn sẽ thấy các lớp nhấp chuột, thành phần nhấp chuột và văn bản nhấp chuột. Tất cả các nhấp chuột khác nhau và các lớp nhấp chuột đều được ghi chú. Khi bạn đã định vị được các biến, hãy tìm ra những gì cần lọc ra cho nút bạn muốn theo dõi.

Nhấp^(Click) vào nút trang web đó và nó sẽ đánh dấu phần tóm tắt trên bản xem trước GTM bên dưới trang web của bạn.

Xem xét các biến có liên quan đến nút đã chọn của bạn, chẳng hạn như các lớp Nhấp chuột, Thành ^(Click)phần^{(Click Element)} nhấp chuột và ID nhấp chuột^{(Click ID)} . Sử dụng thông tin này để thiết lập nhấp vào nút của bạn. Quay lại Trình quản lý thẻ của Google^{(Google Tag Manager)} của bạn . Điều hướng^(Navigate) đến Nhấp vào Nút^{(Button Click)} .

Với mục đích của bài viết này, chúng ta hãy thiết lập một nút cho Báo cáo miễn phí của bạn^{(Grab your free report)} , vì vậy hãy đổi tên nút thành CTA báo cáo miễn phí của bạn^{( Grab your free report CTA)} .

Điều hướng đến Trình kích hoạt này kích hoạt^{(This trigger fires on)} và chọn Một số Nhấp chuột^{(Some Clicks)} .

Đây là nơi bạn có thể lọc theo các biến mà bạn tìm thấy khi ở chế độ xem trước.

Quay lại bản xem trước trang web của bạn và viết ra các biến cho nút bạn muốn theo dõi. Các^(Different) phần khác nhau của một nút có thể có các lớp khác nhau tùy thuộc vào vị trí bạn nhấp vào.

Giải pháp tốt nhất cho điều này là chuyển theo dõi của bạn sang Nhấp chuột liên kết^{(Link Click)} vì các lớp đều giống nhau cho dù bạn nhấp chuột ở đâu. Một lần nhấp vào liên kết là một siêu liên kết không đổi.

Để thay đổi điều đó bên trong GTM , hãy chọn Nhấp - Tất cả các phần tử^{(Click – All Elements)} và thay đổi nó thành Chỉ liên kết^{(Just Links)} .

Sử dụng lớp bạn đã viết ra từ chế độ xem trước và thêm nó vào hộp trống ở bên phải Nhấp vào Lớp^{(Click Classes )} và nhấp vào Lưu^{( Save)} .

Tạo một thẻ^{(Create a Tag)}

Nhấp vào Thẻ^(Tags) từ điều hướng bên trái và nhấn Mới^(New) .

Nhấp vào bên trong hộp Cấu hình thẻ^{(Tag Configuration)} để mở các loại thẻ. Cuộn^(Scroll) xuống và chọn HTML tùy chỉnh^{(Custom HTML)} .
Bạn có thể sử dụng các biến bên trong phần HTML Tùy chỉnh^{(Custom HTML)} này bằng cách nhập chúng vào bên trong các dấu ngoặc này {}.
Khi bắt đầu nhập dấu ngoặc, bạn sẽ thấy menu chọn tìm kiếm nhanh, nơi bạn có thể chọn các biến hiện có đã xác định của mình.

Bây giờ bạn cần kết nối nó với trình kích hoạt mà bạn vừa tạo. Nhấp vào^(Click) bên trong hộp Kích hoạt^(Triggering) , chọn trình kích hoạt và nhấp vào Lưu^(Save) .
Làm mới trang xem trước của bạn một lần nữa để kiểm tra nút của bạn. Nhấp^(Click) vào nút của bạn để xem liệu thẻ có được kích hoạt hay không. Nếu nó không hoạt động, hãy quay lại và kiểm tra tất cả các cài đặt của bạn.
Khi chúng chính xác, bạn sẽ thấy các thẻ được kích hoạt trên sự kiện này^{(Tags Fired on This Event)} . Bây giờ bạn đang theo dõi khi nào nút của bạn được nhấp.

Làm cho thẻ trở thành sự kiện^{(Make The Tag An Event)}

Quay lại GTM và chọn thẻ bạn vừa tạo. Đảm bảo đặt tên cho nó bằng một cái tên có thể nhận dạng được.
Thay đổi loại Thẻ từ HTML tùy chỉnh^{(Custom HTML)} thành Google Analytics: Google Analytics : Universal Analytics .

Chọn Sự kiện^(Event) cho Loại theo dõi^{(Track Type)} , Nút CTA^{(CTA Button)} cho Tham số Theo dõi Sự kiện^{(Event Tracking Parameters)} , Nhấp^(Click) để Hành động^(Action) và thêm tên nhận dạng cho Nhãn^(Label) .
Cuộn^(Scroll) xuống Cài đặt Google Analytics^{(Google Analytics Settings)} , chọn {{Google Analytics}} và nhấp vào Lưu^(Save) . Bây giờ bạn đang theo dõi các nhấp chuột của mình bên trong Google Analytics dưới dạng một sự kiện.
Gửi sự kiện của bạn và sau đó Xuất bản^(Publish) nó.
Trong phần Mô tả phiên bản vùng chứa^{(Container Version Description)} , hãy thêm tên mô tả cho sự kiện của bạn và nhấp vào Tiếp tục^(Continue) .

Trình kích hoạt mới và thẻ mới hiện có trên trang web của bạn để theo dõi bất kỳ lúc nào khách truy cập trang web nhấp vào nút.

Không có giới hạn về số lượng hành động bạn có thể theo dõi bằng Trình quản lý thẻ của Google^{(Google Tag Manager)} . Bạn càng thu thập và đo lường nhiều dữ liệu, bạn càng có thể điều chỉnh tốt hơn các chiến dịch tiếp thị và quảng cáo của mình để tăng chuyển đổi và bán hàng.

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what type of website you havе, knowіng how your vіsitors interact with your site іs 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.

Đức Ngọc

About the author

Tôi là một kỹ sư phần mềm và blogger với gần 10 năm kinh nghiệm trong lĩnh vực này. Tôi chuyên tạo các bài đánh giá và hướng dẫn về công cụ cho các nền tảng Mac và Windows, cũng như cung cấp các bình luận của chuyên gia về các chủ đề phát triển phần mềm. Tôi cũng là một diễn giả và người hướng dẫn chuyên nghiệp, từng thuyết trình tại các hội nghị công nghệ trên thế giới.

Cách sử dụng Trình quản lý thẻ của Google để phân tích lưu lượng truy cập trang web của bạn

Trình quản lý thẻ của Google là gì?^{(What Is Google Tag Manager?)}

Thiết lập trang web của bạn^{(Set Up Your Website)}

Theo dõi các lần nhấp vào nút^{(Tracking Button Clicks)}