Khi thiết lập tracking nâng cao qua Google Tag Manager, các biến mặc định đôi khi không thể thu thập được dữ liệu theo thời gian thực (real-time) trên website. Để giải quyết triệt để bài toán này, biến JavaScript trong Google Tag Manager chính là giải pháp giúp bạn bóc tách và xử lý mọi dữ liệu theo ý muốn. Bài viết này sẽ phân tích chi tiết định nghĩa, nguyên lý hoạt động cũng như các ví dụ thực tế giúp bạn làm chủ công cụ này một cách dễ dàng.
Biến Javascript trong Google Tag Manager là gì?
Theo Google Tag Manager Help Center, biến JavaScript cho phép bạn đọc giá trị của một biến toàn cục (global variable) cụ thể trên trang web của bạn.
Biến này giúp tự động nhặt các thông tin đang hiển thị hoặc chạy ngầm trên website (như: cấu trúc trang, thông tin sản phẩm, thông tin tác giả…). Qua đó, nhân viên SEO có thể lấy ngay các dữ liệu này để phục vụ cho việc đo lường (tracking) trên GTM mà không cần nhờ đến developer.
Đặc điểm của biến Javascript trong Google Tag Manager là gì?
Khi mới tiếp cận Google Tag Manager, nhiều người làm SEO dù đã biết đến biến JavaScript nhưng do không hiểu rõ tính chất nên vẫn chưa sử dụng được hiệu quả. Qua kinh nghiệm ứng dụng GTM vào quá trình tối ưu chuyển đổi website, tôi rút ra 3 đặc điểm chính của loại biến này bao gồm:
- Chỉ nhặt được những thông tin nằm ở “vòng ngoài” của website: Biến này đóng vai trò như một người đi thu lượm dữ liệu, nhưng nó chỉ có thể lấy được những thông tin đang hiển thị công khai hoặc đang chạy ngầm ở phạm vi toàn cục của trang web, chứ không thể đọc được những dữ liệu bị khóa kín sâu bên trong hệ thống.
- Độ chính xác phụ thuộc hoàn toàn vào thời gian tải trang: Trang web phải chạy xong và thông tin đó phải xuất hiện trên trình duyệt thì GTM mới lấy được dữ liệu. Nếu bạn thúc giục Tag Manager lấy thông tin quá sớm khi trang chưa tải xong, kết quả trả về mang giá trị 0.
- Dữ liệu thay đổi linh hoạt theo từng lượt truy cập: Thông tin mà biến này thu thập không hề cố định mà sẽ biến đổi liên tục dựa trên đúng những gì đang diễn ra trên màn hình của người xem tại thời điểm đó, giúp bạn luôn có được dữ liệu thực tế nhất của từng khách hàng.
Phân loại và cách hoạt động chi tiết của biến JavaScript như thế nào?
Khi tìm hiểu sâu hơn về công cụ này, bạn sẽ nhận ra có hai loại biến JavaScript khác nhau hoàn toàn cả về cơ chế hoạt động lẫn cách thức ứng dụng thực tế trên website. Việc hiểu rõ bản chất của từng loại sẽ giúp bạn lựa chọn đúng giải pháp tracking cho từng bài toán cụ thể của chiến dịch tối ưu hóa công cụ tìm kiếm. Ngay sau đây, các phân tích chi tiết về cấu trúc và nguyên lý vận hành của từng loại biến sẽ giúp bạn dễ dàng áp dụng.
Biến JavaScript hoạt động như thế nào?
Về cơ chế hoạt động, biến JavaScript thông thường đóng vai trò như một đường dây kết nối thẳng từ hệ thống Google Tag Manager đến các thông tin có sẵn trên trình duyệt.
- Tự động truy cập không gian lưu trữ: Khi một trang web được tải lên, trình duyệt sẽ tự động tạo ra một không gian lưu trữ toàn cục để chứa các thông số căn bản của hệ thống và người dùng. Biến này sẽ truy cập trực tiếp vào không gian đó để tìm kiếm chính xác tên thông tin mà bạn đã chỉ định từ trước.
- Ghi nhận giá trị tức thời: Hệ thống nhanh chóng ghi nhận lại giá trị hiện tại mà không thực hiện thêm bất kỳ bước tính toán nào.
- Thu lượm dữ liệu vòng ngoài: Hệ thống quản lý thẻ không tự sinh ra dữ liệu, mà chỉ đóng vai trò thu lượm những gì đang hiển thị công khai hoặc đang chạy ngầm ở phạm vi toàn cục của website.
- Phụ thuộc thời điểm tải trang: Nếu thông tin bạn cần tìm chưa được trình duyệt khởi tạo hoặc bị ẩn sâu trong các phân đoạn mã nguồn bảo mật, biến này sẽ trả về giá trị trống ngay lập tức.
Về cú pháp sử dụng trong Google Tag Manager, loại biến này có cách cấu hình vô cùng tối giản và thân thiện với những người làm seo không mạnh về kỹ thuật. Bạn hoàn toàn không cần phải viết bất kỳ một dòng mã lập trình nào vào trong giao diện cài đặt.
Công thức khai báo tên biến toàn cục trên giao diện Google Tag Manager:
window.ten_bien_toan_cuc
Ví dụ: navigator.language hoặc document.title)
Bạn nên ưu tiên sử dụng loại biến này khi những thông tin, dữ liệu bạn cần theo dõi đã được lập trình viên của website khai báo sẵn và nằm công khai trên trình duyệt. Ví dụ điển hình là khi bạn muốn kiểm tra ngôn ngữ mặc định của máy tính người dùng, lấy tiêu đề bài viết để làm rõ dữ liệu SEO, hoặc thu thập các thông số cấu hình hệ thống có sẵn mà không cần chỉnh sửa hay tính toán lại định dạng của chúng.
Biến JavaScript tùy chỉnh hoạt động như thế nào?
Khác biệt hoàn toàn với loại biến trên, biến JavaScript tùy chỉnh hoạt động như một nhà máy xử lý dữ liệu mini được đặt ngay bên trong hệ thống Google Tag Manager.
- Thiết lập quy tắc logic tự động: Thay vì chỉ đi nhặt các thông tin có sẵn một cách thụ động, loại biến này cho phép bạn tự thiết lập một chuỗi các quy tắc logic để nhào nặn và biến đổi dữ liệu theo ý muốn.
- Sàng lọc dữ liệu khi kích hoạt: Khi một sự kiện trên website kích hoạt, hệ thống sẽ khởi chạy chuỗi quy tắc này để kiểm tra, sàng lọc và tính toán, sau đó mới đưa ra kết quả dữ liệu cuối cùng cho bạn.
- Kết nối đa nguồn dữ liệu: Cơ chế vận hành này mang lại một sự linh hoạt tuyệt đối vì nó có khả năng kết nối và đọc hiểu dữ liệu từ nhiều nguồn biến khác nhau đã có sẵn trong tài khoản của bạn.
- Xử lý chuỗi và định dạng: Bạn có thể bắt hệ thống thực hiện các nhiệm vụ như tự động lọc bỏ các ký tự thừa trong một chuỗi văn bản, hoặc chuyển đổi định dạng tiền tệ từ dạng chữ sang dạng số thuần túy.
- Bắt buộc chuyển giao kết quả: Kết quả của quá trình xử lý này phải được đưa ra ngoài thông qua một lệnh trả về kết quả bắt buộc để hệ thống ghi nhận.
Về cú pháp sử dụng trong Google Tag Manager, loại biến này yêu cầu bạn phải khai báo nội dung bên trong một cấu trúc hàm đóng gói đặc trưng. Quy tắc quan trọng nhất mà bạn bắt buộc phải tuân theo khi thiết lập cú pháp cho loại biến này là phải có câu lệnh trả về giá trị ở cuối đoạn xử lý, nhằm mục đích chuyển giao kết quả đã tính toán xong cho Google Tag Manager lưu trữ.
Công thức cấu trúc hàm bắt buộc cho biến JavaScript tùy chỉnh:
function() {
// Khai báo các logic xử lý dữ liệu của bạn tại đây
var du_lieu_da_xu_ly = “Kết quả sau khi lọc hoặc tính toán”;
// Câu lệnh bắt buộc phải có để chuyển giao kết quả cho GTM
return du_lieu_da_xu_ly;
}
Bạn nên sử dụng khối “Code” (hoặc khối “Mã” nếu dùng giao diện tiếng Việt) của trình soạn thảo Gutenberg để đoạn code được căn lề đẹp mắt, không bị lỗi font và giúp người đọc bấm sao chép dễ dàng hơn.
Bạn sẽ cần đến loại biến này khi các dữ liệu thô trên website không phản ánh đúng định dạng yêu cầu của các công cụ đo lường, hoặc khi bạn cần bóc tách các thành phần nhỏ trong một khối thông tin lớn. Hãy sử dụng nó khi bạn muốn dọn dẹp các ký tự lạ, chuyển đổi chuỗi văn bản giá tiền thành dạng số thuần túy trước khi gửi về hệ thống, hoặc khi bạn muốn tự động tính toán và kết hợp giá trị của nhiều biến khác nhau có sẵn trong Google Tag Manager nhằm tối ưu hóa các phễu chuyển đổi cho chiến dịch SEO.
