Trong quá trình triển khai tracking, query parameter thường chứa những dữ liệu quan trọng như ID sản phẩm, nguồn chiến dịch hoặc trạng thái người dùng. Nếu biết cách khai thác đúng, bạn có thể tận dụng chúng để gửi về Google Analytics hoặc làm điều kiện kích hoạt thẻ trong GTM. Google Tag Manager cung cấp sẵn công cụ giúp bạn làm điều này mà không cần chỉnh sửa code website. Hãy cùng tìm hiểu cách thực hiện chi tiết.
Query parameter là gì?
Trước khi tiếp tục, hãy cùng nhắc lại (hoặc tìm hiểu nhanh) query parameter là gì. Query parameter (còn gọi là query string) là một phần của URL dùng để gán giá trị cho các tham số cụ thể.
Ví dụ về một URL có chứa query parameter:
https:///www.analyticsmania.com/search?keyword=google+tag+manager
Trong ví dụ trên, query parameter là “keyword” và giá trị của nó là “google+tag+manager”.
Khi nói đến web tracking, một trong những query parameter phổ biến nhất (nếu không muốn nói là phổ biến nhất) chính là UTM parameters. Nếu bạn muốn theo dõi hiệu quả của các chiến dịch digital marketing, bạn có thể thêm UTM vào đường link (ví dụ: utm_medium hoặc utm_source), và Google Analytics sẽ tự động ghi nhận chúng, từ đó gán phiên truy cập (session) vào đúng nguồn traffic tương ứng.
Tuy nhiên, trên thực tế, website thường sử dụng nhiều query parameter khác để đảm bảo hệ thống hoạt động đúng cách. Và đôi khi, bạn cũng muốn tận dụng những query string này trong quá trình thiết lập Google Tag Manager.
Ví dụ: URL có thể chứa một tham số như product_id và bạn muốn sử dụng nó làm custom dimension rồi gửi về Google Analytics?
Với Google Tag Manager, điều đó hoàn toàn không phải vấn đề. Hãy tiếp tục đọc, mình sẽ hướng dẫn bạn cách thực hiện.
Việc trích xuất query parameter trong Google Tag Manager khá đơn giản nhưng lại mang đến nhiều giá trị khi phân tích dữ liệu. Bạn có thể linh hoạt sử dụng chúng làm biến, điều kiện trigger hoặc truyền về các nền tảng đo lường. Khi hiểu rõ cách hoạt động của URL Variable, bạn sẽ kiểm soát dữ liệu tốt hơn và tối ưu hệ thống tracking hiệu quả hơn. Đây là một kỹ năng quan trọng với bất kỳ ai làm SEO hoặc Digital Analytics.
Trích xuất query parameter từ URL của trang hiện tại như thế nào?
Google Tag Manager có một tính năng rất hữu ích tên là URL Variable. Biến này có thể trả về giá trị của một query parameter cụ thể đang tồn tại trong URL.
Ví dụ: Nếu URL có chứa product ID như sau:
https://www.example.com/products?product_id=12345
thì với URL Variable, bạn có thể lấy được giá trị “12345”.
Nếu bạn muốn trích xuất một query parameter bằng Google Tag Manager, hãy làm theo các bước sau:
Vào container GTM của bạn > Variables > New (trong phần User-defined variables). Sau đó cấu hình như sau:
- Variable type: URL
- Component type: Query
- Query key: product_id (nhập đúng tên query string bạn muốn lấy)
Sau khi lưu biến, hãy bật Preview and Debug mode, rồi làm mới (refresh) trang web bạn đang làm việc (trang phải có chứa query string trên URL). Tiếp theo, vào tab Variables trong chế độ xem trước. Tại đây, bạn sẽ thấy URL Variable vừa tạo, và nó sẽ trả về giá trị của query parameter tương ứng.Nếu bạn muốn tìm hiểu thêm về các Component Type khác của URL Variable, hãy tham khảo hướng dẫn chi tiết trong tài liệu chính thức của Google Tag Manager.
Trích xuất query parameter từ URL được click (hoặc bất kỳ URL nào)?
Một tính năng thú vị khác của URL Variable trong Google Tag Manager là bạn không chỉ làm việc với URL của trang hiện tại (đây là chế độ mặc định của biến). Thực tế, bạn có thể sử dụng bất kỳ biến nào làm nguồn đầu vào (input).
Ví dụ: Nếu bạn muốn trích xuất query parameter từ một đường link mà người dùng vừa click, bạn có thể thực hiện như sau:
- Trong URL Variable, mở rộng phần More Settings
- Tại mục URL source, chọn biến {{Click URL}}
Trong trường hợp này, bạn nên sử dụng biến Click URL làm nguồn URL. Vậy là xong. Từ bây giờ, biến này sẽ trả về giá trị của query string product_id từ URL được click (nếu đường link đó có chứa tham số này). Nếu query parameter không tồn tại, URL Variable sẽ trả về giá trị undefined.
Cách trích xuất TẤT CẢ query parameter trong URL
Nếu vì lý do nào đó bạn cần lấy toàn bộ query parameter trong URL và lưu chúng vào một biến duy nhất, bạn có thể sử dụng loại biến JavaScript Variable trong Google Tag Manager (vì URL Variable chỉ trả về giá trị của một tham số tại một thời điểm).
Vào Variables > New (trong phần User-defined variables) và chọn JavaScript Variable.
Tại ô giá trị, nhập:
Biến này sẽ trả về toàn bộ query parameter trong URL (bao gồm cả dấu hỏi chấm ở đầu). Ví dụ:
Nếu bạn không muốn giữ dấu “?” ở đầu giá trị, bạn có thể sử dụng Custom JavaScript Variable với đoạn mã sau:
return document.location.search.split(‘?’)[1];
}
Đoạn mã này sẽ trả về cùng một giá trị nhưng không bao gồm dấu hỏi chấm ở đầu, ví dụ:
Cách trích xuất một phần của Page Path
Trong bài viết này, mình đã giải thích cách trích xuất query parameter (phần xuất hiện sau dấu hỏi chấm trong URL). Nhưng nếu bạn muốn lấy một phần nằm sau tên miền (domain) và giữa các dấu gạch chéo (/) thì sao?
Ví dụ: Bạn có một URL như sau:
https://www.example.com/page/category/product
Trong trường hợp này, phần /page/category/product được gọi là Page Path, và bạn có thể muốn trích xuất một đoạn cụ thể bên trong đường dẫn này (chẳng hạn như “category” hoặc “product”) để phục vụ cho việc đo lường và phân tích dữ liệu.
Việc trích xuất query parameter hay một phần của Page Path không quá phức tạp nếu bạn nắm rõ cách hoạt động của biến trong GTM. Khi tận dụng tốt các thành phần của URL, bạn có thể nâng cao khả năng phân tích và tối ưu tracking theo đúng mục tiêu kinh doanh. Hãy thử áp dụng ngay vào container của mình để kiểm soát dữ liệu chi tiết hơn. Đây là bước nhỏ nhưng mang lại giá trị rất lớn trong quá trình làm SEO và đo lường hiệu quả marketing.
Tài liệu tham khảo:
