Site icon Cồng Chiêng

Thẻ (tags) và hệ thống quản lý thẻ trong tiếp thị số

Thẻ (Tags) trong tiếp thị số là gì?

Thẻ (hay tag) là đoạn mã JavaScript nhỏ được chèn vào website hoặc ứng dụng để thu thập dữ liệu về hành vi người dùng, theo dõi hiệu quả chiến dịch marketing, chuyển đổi, tương tác hoặc các sự kiện khác. Thẻ giúp các marketer đo lường, phân tích và tối ưu hóa các hoạt động tiếp thị số.

Dưới đây là ví dụ minh họa một đoạn mã thẻ (tag) JavaScript đơn giản dùng để theo dõi lượt truy cập trang web bằng Google Analytics (theo chuẩn cũ với analytics.js):


<script>
(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,’script’,’https://www.google-analytics.com/analytics.js’,’ga‘);

ga(‘create’, ‘UA-XXXXX-Y’, ‘auto’); // Thay UA-XXXXX-Y bằng mã tracking của bạn
ga(‘send’, ‘pageview’); // Gửi sự kiện xem trang lên Google Analytics
</script>

Giải thích:


Ví dụ một đoạn mã thẻ sự kiện (event snippet) dùng để theo dõi hành động chuyển đổi trên trang (theo chuẩn Google Ads):

<script>
gtag(‘event’, ‘conversion’, {
‘send_to’: ‘AW-CONVERSION_ID/CONVERSION_LABEL’,
‘value’: 1.0,
‘currency’: ‘USD’
});
</script>

Bạn thay AW-CONVERSION_ID/CONVERSION_LABEL bằng mã chuyển đổi của bạn để theo dõi chính xác sự kiện chuyển đổi

Nếu dùng Google Tag Manager, bạn chỉ cần chèn đoạn mã container vào trang web:

<!— Google Tag Manager -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,’script’,’dataLayer’,’GTM-XXXX’);
</script>

Thay GTM-XXXX bằng mã container của bạn. Sau đó, bạn có thể quản lý các thẻ khác nhau qua giao diện GTM mà không cần chỉnh sửa mã nguồn trực tiếp

 

Các hệ thống quản lý thẻ phổ biến

Hệ thống quản lý thẻ Năm ra đời Tổ chức quản lý Chức năng chính Phạm vi hoạt động
Google Tag Manager (GTM) 2012 Google Quản lý và triển khai các thẻ (tags) theo dõi và marketing trên website/ứng dụng mà không cần chỉnh sửa mã nguồn trực tiếp. Phù hợp cho mọi quy mô doanh nghiệp, tích hợp tốt với hệ sinh thái Google.
Adobe Launch (trước đây là Adobe Tag Manager) 2017 (đổi tên từ Adobe Tag Manager) Adobe Quản lý thẻ, thu thập và phân phối dữ liệu marketing, tích hợp sâu với Adobe Marketing Cloud. Thích hợp cho các doanh nghiệp lớn sử dụng hệ sinh thái Adobe, yêu cầu tích hợp phức tạp.
Tealium iQ Tag Management 2008 Tealium Quản lý thẻ, thu thập và hợp nhất dữ liệu khách hàng từ nhiều nguồn, tuân thủ các quy định về bảo mật dữ liệu. Phù hợp với các doanh nghiệp ưu tiên quản lý dữ liệu tập trung, tuân thủ bảo mật và tích hợp đa nền tảng

Cách thức hoạt động của thẻ

  1. Chèn mã thẻ vào website/app: Thẻ được thêm vào mã nguồn trang web hoặc qua hệ thống quản lý thẻ (như GTM).

  2. Kích hoạt thẻ: Thẻ được kích hoạt dựa trên các điều kiện (trigger) như tải trang, nhấp chuột, gửi form, hoặc các sự kiện tùy chỉnh.

  3. Thu thập và gửi dữ liệu: Khi thẻ được kích hoạt, nó thu thập dữ liệu liên quan và gửi về máy chủ của công cụ phân tích hoặc quảng cáo.

  4. Phân tích và báo cáo: Dữ liệu thu thập được sử dụng để phân tích hành vi người dùng, đo lường hiệu quả chiến dịch và tối ưu hóa marketing.

Minh họa cách cài đặt thẻ trong Google Tag Manager (GTM)

  1. Đăng nhập vào tài khoản GTM, chọn Container tương ứng với website.

  2. Vào phần Tags → New → chọn loại thẻ (ví dụ: Google Analytics – Universal Analytics).

  3. Cấu hình thẻ: nhập ID theo dõi Google Analytics, chọn loại theo dõi (Page View, Event, v.v.).

  4. Thiết lập Trigger (kích hoạt thẻ), ví dụ: All Pages để thẻ kích hoạt trên tất cả trang.

  5. Lưu thẻ và xuất bản container.

  6. Kiểm tra hoạt động thẻ bằng chế độ Preview của GTM hoặc công cụ Debug.

Mẹo với thẻ trong tiếp thị số

Exit mobile version