Cách cài đặt Google Analytics 4 trên Shopify thông qua Google Tag Manager

Cài đặt Google Analytics 4 trên Shopify thông qua GTM

Tạo vùng chứa GTM

Bước đầu tiên để thêm Google Analytics 4 vào Shopify là tạo vùng chứa Google Tag Manager.

Để tạo vùng chứa GTM, bạn cần thực hiện các bước sau:

1. Truy cập trang web của Google Tag Manager.
2. Đăng nhập bằng tài khoản Google của bạn.
3. Nhấp vào "Create Container".
4. Nhập tên và loại vùng chứa.
5. Nhấp vào "Create".

Tên vùng chứa: Tên vùng chứa mang tính mô tả, giúp bạn dễ dàng nhận biết vùng chứa.

Loại vùng chứa: Có hai loại vùng chứa: web và ứng dụng. Bạn cần chọn loại vùng chứa phù hợp với loại trang web hoặc ứng dụng của mình.

Sau khi tạo vùng chứa, bạn sẽ được cung cấp mã vùng chứa. Mã này cần được thêm vào trang web của bạn để kích hoạt vùng chứa.

Nếu bạn không quen với Google Tag Manager, bạn có thể liên hệ với chuyên gia của Askany để biết một số thông tin cơ bản về GTM và hiểu cách thức/lý do GTM giúp công việc gắn thẻ và theo dõi trang web dễ dàng hơn nhiều.

Sửa đổi mã GTM

Sau khi tạo vùng chứa GTM, bạn sẽ nhận được hai đoạn mã. Sao chép đoạn mã đầu tiên (đoạn nằm trong thẻ head của trang web) và xóa thẻ script khỏi mã .

Mã mới của bạn sẽ trông như thế này:

  
      <!-- Google Tag Manager -->
(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'?'&amp;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-XXXXXXX');
<!-- End Google Tag Manager -->
  

Mẹo từ chuyên gia: Nếu bạn sử dụng mã ở trên, hãy đảm bảo thay thế GTM-XXXXXXX bằng ID vùng chứa GTM của riêng bạn.

Thêm Google Tag Manager vào Shopify

Sau khi chỉnh sửa đoạn mã GTM đầu tiên, hãy mở Trang quản trị Shopify trong tab mới.

1. Điều hướng đến Online Store
2. Nhấp vào Preferences
3. Cuộn xuống phần Google Analytics
4. Đảm bảo rằng Universal Analytics đã được thiết lập
5. Dán đoạn mã GTM đã sửa đổi của bạn vào đầu phần JavaScript Google Analytics bổ sung
6. Nhấp Save

Sau đó, bạn đã thêm GTM vào trang web Shopify đầy đủ của mình bao gồm trang  Shop, Cart, Checkout, Payment và Xác nhận đơn hàng.

Mẹo từ chuyên gia: Thật không may, tài liệu chính thức của Shopify hướng dẫn bạn thêm Google Tag Manager vào theme.liquid, nhưng làm theo các bước đó có nghĩa là bạn sẽ không thể đặt GTM, Google Analytics 4 hoặc bất kỳ thẻ nào khác trên bất kỳ trang nào trong quy trình thanh toán trừ khi bạn có tài khoản Shopify Plus. Hãy làm theo chính xác các bước của chúng tôi và bạn sẽ có thể thêm GA4 vào cửa hàng Shopify của mình ngay cả trước khi Shopify chính thức hỗ trợ GA4, bất kể bạn sử dụng gói Shopify nào.

>>> Tham khảo: Khóa học tracking từ A - Z dành cho người mới

Thêm Google Analytics 4 vào Google Tag Manager

Bây giờ, bạn đã cài đặt GTM trên toàn bộ trang web Shopify của mình, bạn có thể tiếp tục thêm bất kỳ thẻ nào bạn muốn vào bất kỳ phần nào của trang web. Nhưng chúng tôi khuyên bạn nên sử dụng tính năng tích hợp Universal Analytics gốc của Shopify, bạn có thể làm theo các bước sau để thêm Google Analytics 4 vào Shopify mà không gây ra bất kỳ xung đột nào.

Để thêm GA4 vào trang web Shopify của bạn thông qua GTM:

1. Truy cập trang web tagmanger.google.com
2. Chọn vùng chứa GTM của bạn (nếu bạn có nhiều hơn một vùng chứa)
3. Từ trang Overview, chọn “Add a new tag”

4. Chọn thẻ “Google Analytics: GA4 Configuration”

5. Đặt tên cho Thẻ của bạn như “GA4 – Configuration & Page View”
6. Thêm Measurement ID của Google Analytics 4 (Mã này sẽ bắt đầu bằng “G-”).
7. Đảm bảo chọn hộp kiểm "Send a page view event when this configuration loads"

8. Đặt thẻ Cấu hình GA4 của bạn để kích hoạt trên All Pages
9. Nhấp vào Save

Xem trước, kiểm tra & Xuất bản Container GTM của bạn

Bước cuối cùng bất cứ khi nào bạn thêm thẻ mới vào GTM là bật Chế độ xem trước (Preview Mode). Hãy đảm bảo rằng thẻ Google Analytics 4 mới của bạn đang kích hoạt trên tất cả các trang (bao gồm trang giỏ hàng, trang thanh toán và trang cảm ơn). Sau khi xác nhận mọi thứ hoạt động bình thường, hãy xuất bản vùng chứa để áp dụng những thay đổi cho trang web thực.

Mẹo từ chuyên gia: Bạn có thể cài đặt tiện ích mở rộng trình duyệt Google Tag Assistant để dễ dàng xem các thẻ nào đang kích hoạt chính xác.

Như vậy, bạn đã cài đặt Google Analytics 4 trên Shopify một cách chính xác, thậm chí cả trước khi nó được tích hợp sẵn trên nền tảng thương mại điện tử khổng lồ này. Nếu bạn có bất kỳ câu hỏi hoặc gặp vấn đề gì trong quá trình thực hiện, đừng ngần ngại liên hệ với chuyên gia tracking của Askany. Chúng tôi sẽ sẵn lòng giúp đỡ bạn!