Với tư cách là một nhà phát triển, bạn có thể sẽ cấu hình Thẻ (Tags) và Trình kích hoạt (Triggers) trong GTM vào một thời điểm nào đó. Nếu bạn đang tìm kiếm các hướng dẫn đơn giản về cách khởi chạy một trình kích hoạt nhấp chuột trong GTM cho một dự án dựa trên React, bạn đã đến đúng nơi. Hãy cùng tìm hiểu từng bước một!
Bài viết này sẽ hướng dẫn bạn các bước cần thiết để cấu hình một trình kích hoạt lượt nhấp (click trigger) trong một ứng dụng dựa trên React. Khi bạn đã nắm vững các khái niệm chính liên quan đến GTM, bạn chỉ còn cách việc sử dụng các khả năng quản lý thẻ mong muốn vài bước cấu hình. Vậy Google Tag Manager là gì, và các chức năng Thẻ (Tags) và Trình kích hoạt (Triggers) mang lại lợi ích gì cho bạn?
Google Tag Manager — GTM là gì và sử dụng như thế nào?
Google Tag Manager (GTM) là hệ thống quản lý thẻ, giúp tích hợp thẻ dễ dàng trên bất kỳ website hoặc ứng dụng di động nào sau khi cấu hình mã cơ bản. Lợi ích chính của GTM là có thể thay đổi cài đặt thẻ trực tiếp từ giao diện quản trị trên web. Khi làm việc với GTM, có ba khái niệm cơ bản cần nắm rõ:
- Thẻ là các đoạn mã hoặc pixel theo dõi (chẳng hạn như pixel Facebook) dùng để thu thập và truyền dữ liệu phân tích được thu thập từ trang web hoặc ứng dụng di động của bạn.
- Các trình kích hoạt theo dõi các sự kiện và xác định thời điểm thực thi các thẻ.
- Các biến liên quan đến dữ liệu bổ sung mà các thẻ hoặc trình kích hoạt có thể yêu cầu (ví dụ: thực thi thẻ này khi URL là /some/url).
Việc sử dụng Google Tag Manager mang lại những lợi thế gì?
Vì Google Tag Manager là một công cụ tiếp thị kỹ thuật số và website trực quan, toàn diện, nó mang lại nhiều lợi thế cho doanh nghiệp và đội ngũ của bạn. Dưới đây là bốn lợi thế chính của việc sử dụng Google Tag Manager.
1. GTM KHÔNG YÊU CẦU KIẾN THỨC LẬP TRÌNH
Google Tag Manager cho phép bất kỳ ai, kể cả người làm marketing, triển khai thẻ mà không cần kỹ năng kỹ thuật chuyên sâu. Giao diện dễ dùng cho phép thay đổi, xóa hoặc thêm mã theo dõi GTM mà không cần lập trình viên web hỗ trợ, dù có kiến thức trong lĩnh vực này vẫn được khuyến nghị. Nhờ đó, các doanh nghiệp nhỏ thiếu hỗ trợ kỹ thuật có thể tận dụng tốt hơn việc theo dõi hoạt động trực tuyến.
2. GTM CHO PHÉP SỰ LINH HOẠT VÀ THỬ NGHIỆM
Vì GTM không yêu cầu nhà phát triển web, nó cho phép các nhà tiếp thị thử nghiệm và kiểm tra các kỹ thuật cũng như khái niệm khác nhau. Nó cho phép thực hiện các thử nghiệm và cải thiện các kế hoạch tiếp thị phùann theo các xu hướng tiếp thị kỹ thuật số mới nổi mà không cần sự hỗ trợ từ bên ngoài.
3. GTM HỖ TRỢ TỐC ĐỘ TẢI TRANG NHANH HƠN
Google Tag Manager được cấu hình để thực thi thẻ theo cách bất đồng bộ thay vì đồng bộ. Điều này có nghĩa mỗi thẻ được kích hoạt ngay sau khi tải xong, thay vì phải chờ tất cả các thẻ tải xong mới chạy. Nhờ vậy, một thẻ tải chậm sẽ không cản trở việc triển khai các thẻ khác.
4. GTM QUẢN LÝ MỌI THỨ TẤT CẢ TRONG MỘT ĐIỂM
GTM đơn giản hóa và nâng cao toàn bộ quy trình triển khai thẻ vì tất cả mã theo dõi GTM được duy trì tại một vị trí duy nhất, thay vì được phát triển và quản lý trên các nền tảng riêng biệt. Khả năng tạo và xem tất cả các thẻ đã triển khai từ một giao diện duy nhất giúp tránh việc trùng lặp và các sai sót tiềm ẩn, dẫn đến sự gia tăng đáng kể về năng suất.
Mục đích của Google Tag Manager là gì?
GTM có khả năng theo dõi vô số hoạt động tiếp thị kỹ thuật số và website, nhưng hầu hết các tổ chức chỉ sử dụng một vài trong số đó.
- Tải xuống
- Cuộn
- Số lượt nhấp
- Biểu mẫu
- Video
1. THEO DÕI TẢI XUỐNG PDF
Là một phần trong chiến lược tiếp thị kỹ thuật số, nhiều công ty cung cấp các tệp PDF có thể tải xuống trên trang web của họ, chẳng hạn như các hướng dẫn và sách trắng. Tuy nhiên, nếu bạn không có quyền truy cập vào các số liệu thống kê liên quan đến lượt tải xuống, một kế hoạch hiệu quả sẽ bị cản trở đáng kể.
Google Tag Manager được dùng để theo dõi lượt tải PDF và đánh giá hiệu quả của chúng. Khi theo dõi được lượt tải, bạn có thể biến dữ liệu thu thập thành thông tin hữu ích.
- Xác định các lượt tải xuống hàng đầu và thấp nhất của bạn.
- Xác định lý do tại sao một lượt tải xuống thành công hoặc không thành công
- Hãy cân nhắc các chiến lược để tăng cường lượt tải xuống của bạn, và sử dụng GTM để theo dõi tiến trình.
2. THEO DÕI HÀNH VI CUỘN TRANG
Khả năng phát hiện hoạt động cuộn trang trên website và các trang của bạn là một lý do khác để sử dụng GTM.
Thấu hiểu cách mọi người duyệt web và tương tác với nội dung trên trang web của bạn sẽ cung cấp thông tin giá trị về hoạt động của trang web.
- Những khu vực trang nào thường được truy cập?
- Thông tin nào có mức độ tương tác cao hơn hoặc thấp hơn?
- Nơi hầu hết khách truy cập ngừng cuộn trang
Với dữ liệu GTM được thu thập, bạn có thể xây dựng một bức tranh toàn diện về cách đa số người dùng trang web duyệt qua từng trang. Đổi lại, bạn có thể phát triển một chiến lược để nâng cao trải nghiệm người dùng trên website của mình.
- Cách bạn cấu trúc trang web của mình
- Bạn chia sẻ những tài liệu gì?
- các vị trí cần cải thiện
3. THỐNG KÊ & GHI LẠI LƯỢT NHẤP LINK
Một lợi ích của Google Tag Manager là khả năng theo dõi lượt nhấp vào liên kết, cụ thể là các URL mà khách truy cập đã nhấp trên website. Hiểu cả hành vi cuộn trang lẫn hoạt động nhấp chuột giúp bạn có thêm thông tin đáng giá về hành trình của người dùng trên website.
- Khách truy cập trang web của bạn chuyển từ trang 1 sang trang khác như thế nào?
- Lời kêu gọi hành động (CTA) nào nhận được nhiều lượt nhấp nhất?
Bạn nên sử dụng Google Tag Manager không chỉ để hiểu các lượt nhấp vào liên kết, mà còn để hành động dựa trên dữ liệu này.
- Làm mới các trang web chỉ với vài cú nhấp chuột hoặc kiểm tra các trang với nhiều cú nhấp chuột để tối đa hóa tỷ lệ chuyển đổi.
- Tìm hiểu những yếu tố góp phần tạo nên tỷ lệ nhấp cao cho lời kêu gọi hành động (CTA) và chỉnh sửa nội dung cho các CTA có tỷ lệ nhấp thấp hơn.
4. THEO DÕI GỬI BIỂU MẪU
Đăng ký nhận bản tin, hoàn thành bảng câu hỏi hoặc đăng ký tham gia sự kiện đều là những ví dụ về các biểu mẫu có mục đích và chức năng cụ thể trên một trang web. GTM đảm bảo việc theo dõi gửi biểu mẫu một cách chính xác.
Tại sao nên sử dụng Google Tag Manager để theo dõi biểu mẫu:
- Báo cáo các khách hàng tiềm năng từ website được tạo ra thông qua việc gửi biểu mẫu.
- Tính toán ROI của một chiến dịch dựa trên số lượng biểu mẫu đã gửi.
5. THEO DÕI HOẠT ĐỘNG VIDEO
Video là một chiến thuật tiếp thị kỹ thuật số ngày càng phổ biến và đang trên đà phát triển. Với sự bùng nổ của các nội dung video, việc hiểu cách mọi người tương tác với thông tin là vô cùng cần thiết.
- Cách các cá nhân đã xem video
- Họ xem đoạn clip trong bao lâu?
- Nếu hoặc khi họ xem xong video
Dữ liệu thu thập được từ các video của bạn có thể cung cấp thông tin cho chiến lược video của tổ chức bạn.
- Các video trong tương lai sẽ được tạo ra như thế nào
- Đối tượng của bạn ưa chuộng loại nội dung nào?
- Độ dài video lý tưởng cho khách hàng của công ty bạn
Đang tạo tài khoản GTM
Việc thiết lập một tài khoản miễn phí là một quy trình gồm 2 bước đơn giản, nhưng nó khác biệt với các tài khoản Google Analytics và Gmail hiện có của bạn. Để tạo điều kiện cho việc thiết lập tài khoản diễn ra suôn sẻ, chúng tôi đã ghi lại quy trình tạo tài khoản của mình. Giao diện sẽ có hình thức như sau:
Dưới đây là cách tiến hành:
Bước #1 Đăng ký tài khoản.
Nhấp vào nút "Đăng ký miễn phí" màu xanh lá trên trang Google Tag Manager. Nó sẽ yêu cầu tên tài khoản của bạn (doanh nghiệp), quốc gia và URL của trang web, cũng như các vị trí mà bạn muốn sử dụng Google Tag Manager (web, iOS, Android, AMP). Nhấp vào nút "Tạo" màu xanh khi bạn hoàn tất.
Bước #2 Chèn mã js vào trang web của bạn
Sau đó, bạn sẽ được cung cấp các mã và hướng dẫn để đặt một mã ở phần đầu <head> của trang và mã còn lại sau thẻ mở <body>. Bạn có thể thực hiện việc này ngay bây giờ hoặc áp dụng các mã vào trang web của mình sau (chúng có thể được truy cập trong bảng điều khiển của bạn). Khi hoàn tất, hãy nhấp vào "Ok".
Bước #3 Tạo một thẻ
Khi bạn đã có tài khoản Google Tag Manager, bạn sẽ muốn tìm hiểu cách để thiết lập một thẻ ngay lập tức.
Google Tag Manager cho phép thiết lập số lượng thẻ vô hạn.
Điều này hữu ích cho việc xây dựng các báo cáo chuyên sâu về hành vi của đối tượng khách hàng, nhưng nó có thể trở nên kém hiệu quả nếu các thẻ của bạn không được sắp xếp tốt.
Google đề xuất tiêu chuẩn đặt tên sau đây cho các thẻ: loại thẻ – tên ứng dụng – chi tiết.
Có lẽ bạn xác định một cài đặt gắn thẻ là "Chuyển đổi AdWords – iOS – chiến dịch 2018 tháng Hai" và một cài đặt khác là "Google Analytics – CTA – Trang Giới thiệu về chúng tôi."
Do đó, bạn có thể xác định và thu thập dữ liệu liên quan đến các chiến dịch hoặc trang web nhất định một cách chính xác.
Ví dụ, thẻ thứ hai, "Google Analytics – CTA – About Us page," cho biết hiệu suất của nút kêu gọi hành động (call-to-action) trên trang Giới thiệu về chúng tôi của bạn. Thông tin này rất quan trọng và có thể bị mất nếu bạn đặt tên các thẻ một cách chung chung, chẳng hạn như "nút CTA."
Bây giờ sau khi đã làm rõ, hãy xem cách tạo một thẻ:
Bước #3.1 Tạo một thẻ mới trên bảng điều khiển của Google Tag Manager.
Trong bảng điều khiển Google Tag Manager của bạn, hãy nhấp vào "Thêm thẻ mới" (được khoanh đỏ bên dưới).
Bước #3.2 Cấu hình thẻ của bạn.
Nhấp vào bất kỳ đâu trong hộp "Cấu hình thẻ" ở đầu trang để chọn loại thẻ.
Bạn có thể thêm mã của mình trực tiếp ở bên dưới. hoặc bạn có thể bắt đầu với một mẫu có sẵn ở bước tiếp theo.
Bước #3.3 Chọn loại thẻ.
Có một số loại thẻ (không phải tất cả đều được hiển thị ở đây, và bạn cũng có thể tùy chỉnh loại thẻ). Vui lòng chọn "Google Analytics 4" nếu bạn muốn thiết lập theo dõi khách truy cập trang web Google Analytics cho ứng dụng và trang web của mình.
Bước #3.4 Liên kết với GA4 của trang web của bạn
Sẽ có một ô để bạn nhập ID Đo lường của mình. Hãy sao chép ID Đo lường từ tài khoản của bạn và dán nó vào trường này.
*Trước đó, bạn phải hoàn thành cấu hình GA4 của trang web của bạn.
Bước #3.5 Xác định thời điểm một thẻ được ghi lại bằng cách chọn một trình kích hoạt.
Chọn một sự kiện kích hoạt (sự kiện kích hoạt là khi bạn muốn ghi lại thẻ, chẳng hạn như "mỗi lần người dùng xem trang"). Tôi đã chọn "Tất cả các trang" để nhận dữ liệu bất kỳ khi nào trang web của tôi được xem, nhưng lựa chọn của bạn có thể khác nhau tùy thuộc vào mục tiêu của bạn.
Bước #3.6 Lưu thẻ của bạn.
Nhấp vào nút "Lưu" màu xanh sau khi bạn hài lòng với thông tin trong các hộp "Cấu hình thẻ" và "Kích hoạt".
Bước #4 Kích hoạt thẻ của bạn bằng cách nhấn nút "Gửi".
Nhấp vào nút "Gửi" màu xanh sau đó. Thẻ của bạn sẽ không hoạt động trừ khi bạn thực hiện thao tác này.
Khi bạn nhấp vào "Gửi", trang "Cấu hình gửi" này sẽ được tải. "Xuất bản và Tạo phiên bản" và "Tạo phiên bản" là các tùy chọn có sẵn. Tôi đã chọn "Xuất bản và Tạo phiên bản" và sau đó nhấp vào nút "Xuất bản" màu xanh ở góc trên bên phải màn hình, vì tôi đã sẵn sàng để đẩy thẻ vào tất cả các trang trên trang web của mình.
Bước #5 Thêm tên và mô tả cho các thẻ của bạn để sắp xếp chúng. [TÙY CHỌN]
Cuối cùng, "Mô tả phiên bản vùng chứa" này sẽ được hiển thị. Để giữ cho các thẻ của bạn có cấu trúc, hãy đặt tên và mô tả cho mỗi thẻ để giải thích những gì bạn đang cố gắng ghi lại bằng nó.
Google Tag Manager cho WordPress
Nếu tổ chức của bạn sử dụng WordPress để lưu trữ website, việc tích hợp Google Tag Manager vào WordPress là một quy trình không cần mã nguồn (no-code) đơn giản.
Site Kit là plugin WordPress chính thức được tạo bởi Google. Site Kit đơn giản hóa việc cài đặt và cấu hình các công cụ thiết yếu của Google, chẳng hạn như Google Tag Manager, đồng thời cung cấp các hướng dẫn đáng tin cậy và cập nhật về cách để phát triển mạnh mẽ trên web. Hãy xem danh sách các sản phẩm Google mà Site Kit hỗ trợ.
Dưới đây là cách tiến hành:
1. Đăng nhập vào tài khoản WordPress của bạn.
2. Đảm bảo rằng trang web của bạn có thể truy cập công khai, nghĩa là nó không ở chế độ bảo trì hoặc được bảo vệ bằng mật khẩu.
3. Trong menu bên trái, hãy nhấp vào Plugins.
4. Ở đầu trang Plugins, nhấp vào Add new, sau đó tìm kiếm "Site Kit."
5. Nhấp vào Cài đặt ngay trên trang Google Site Kit.
6. Sau khi plugin đã được cài đặt, hãy chọn Plugins từ menu bên trái.
7. Nhấp vào Kích hoạt bên dưới "Site Kit by Google"
8. Sau khi plugin đã được kích hoạt, hãy nhấp vào Site Kit ở bên trái.
9. Đăng nhập bằng tài khoản Google của bạn bằng cách nhấp vào Đăng nhập với Google.
10. Đi qua trình hướng dẫn và kích hoạt Google Tag Manager và Google Analytic 4.
11. Nhấp vào Tiếp tục để xác nhận quyền sở hữu trang web sau khi cung cấp quyền.
12. Cho phép truy cập thông tin tài khoản Google bằng cách chọn Cho phép.
13. Để thêm trang web vào Search Console, hãy nhấp vào nút Thêm trang web.
14. Bạn đã thiết lập plugin thành công.
15. Nhấp vào Tiếp tục đến Bảng điều khiển để tiếp tục.
16. Chọn Site Kit và Bảng điều khiển từ menu bên trái.
17. Nhấp vào Kết nối Dịch vụ dưới tiêu đề Analytics.
18. Tiếp tục cung cấp thêm các quyền bằng cách nhấp vào Tiếp tục. Cách cung cấp quyền truy cập mở rộng Site Kit cho tài khoản Google của bạn và tiếp tục tích hợp WordPress với Google Analytics.
19. Chọn thuộc tính phân tích đã tồn tại, sau đó nhấp vào Cấu hình Analytics.
Bây giờ, các phân tích đã được cấu hình.
Tổng kết
Google Analytics 4 và Google tag Manager cho phép bạn đưa ra các quyết định tiếp thị sáng suốt hơn và mang lại những cải tiến khổng lồ trong việc theo dõi hoạt động của khách hàng.
Triển khai phiên bản mới hơn này bằng cách sử dụng GTM và tận dụng sự linh hoạt mà GA4 mang lại.
Bạn muốn được hỗ trợ cài đặt GA4 và GTM? Hoặc di chuyển Google Tag từ GA3 sang GA4? Chúng tôi ở đây để giúp đỡ, vui lòng liên hệ Liên hệ với chúng tôi với chúng tôi!