BẮT ĐẦU KINH DOANH NGAY VỚI BETTAMAX​

Xây dựng cửa hàng miễn phí với BettaMax

HƯỚNG DẪN CÀI ĐẶT GOOGLE TAG MANAGER TỪ A-Z

Hướng dẫn cài đặt Google Tag Manager từ A - Z

Google Tag Manager là công cụ giúp bạn cài mã đo lường chuyển đổi trên store dễ dàng mà không cần coder. Nếu bạn chưa hiểu rõ về cách sử dụng và tích hợp công cụ này, bài viết dưới đây BettaMax sẽ đưa ra hướng dẫn cài đặt Google Tag Manager từ A – Z một cách dễ hiểu nhất, để bạn dễ dàng thực hiện.

Google Tag Manager để làm gì?

Google Tag Manager (GTM) là một công cụ miễn phí, được cung cấp bởi Google. Nó có tác dụng hỗ trợ người dùng quản lý, và triển khai các đoạn mã theo dõi trên cửa hàng, mà không cần phải sửa đổi mã.

Bên cạnh đó, khi sử dụng Google Tag Manager, seller có thể dễ dàng thêm, xóa hoặc chỉnh sửa các thẻ theo dõi như: Google Ads Conversion Tracking, Google Analytics, Facebook Pixel và nhiều công cụ khác nữa, mà không cần có sự can thiệp từ đội code.

Lợi ích của Google Tag Manager

Vậy, Google Tag Manager để làm gì? Bạn có thể hiểu đơn giản là công cụ này giúp tối ưu hóa việc quản lý và triển khai các đoạn mã theo dõi, cải thiện hiệu suất cửa hàng, mà không cần can thiệp vào mã nguồn. Dưới đây là những lợi ích của Google Tag Manager:

  • Quản lý thẻ dễ dàng mà không cần kỹ năng lập trình: GTM cho phép người dùng thêm, chỉnh sửa hoặc xóa mã theo dõi, mà không phải can thiệp vào mã nguồn. Điều này giúp những người không có chuyên môn về lập trình, mà vẫn có thể dễ dàng triển khai các công cụ như: Google Analytics, Facebook Pixel hay mã remarketing chỉ với vài thao tác đơn giản.
  • Tiết kiệm thời gian và nguồn lực: Một trong những lợi ích của Google Tag Manager là giúp loại bỏ sự phụ thuộc vào đội ngũ kỹ thuật, để thực hiện các thay đổi liên quan đến mã theo dõi, từ đó giảm thiểu thời gian chờ đợi và chi phí triển khai.
  • Cải thiện hiệu suất store: Thay vì tải đồng thời nhiều đoạn mã, GTM tối ưu hóa việc kích hoạt các thẻ dựa trên điều kiện cụ thể. Điều này không chỉ giảm áp lực cho store, mà còn cải thiện tốc độ tải trang, nâng cao trải nghiệm người dùng.
Lợi ích của Google Tag Manager
Lợi ích của Google Tag Manager khi cài đặt vào store trên BettaMax

Cách tạo Google Tag Manager

Giao diện Google Tag Manager

Giao diện của GTM được thiết kế trực quan, giúp người dùng dễ dàng thao tác và quản lý các thẻ theo dõi, trình kích hoạt và biến số một cách hiệu quả.

Thanh điều hướng chính

Ở phía trên cùng của giao diện, Google Tag Manager có một thanh điều hướng chứa các tùy chọn chính bao gồm:

  • Workspace (Không gian làm việc): Đây là nơi người dùng có thể tạo, chỉnh sửa và kiểm tra các thẻ, trình kích hoạt và biến số.
  • Versions (Phiên bản): Lưu trữ các phiên bản đã được xuất bản trước đó, cho phép xem lại lịch sử thay đổi và khôi phục khi cần thiết.
  • Admin (Quản trị): Cung cấp các tùy chọn quản lý tài khoản, quyền truy cập và cài đặt container.
Giao diện quản lý gg tag
Thanh điều hướng chính nằm ở phía trên cùng của giao diện

Khu vực làm việc chính

Giao diện trung tâm được chia thành các phần chính giúp người dùng quản lý dễ dàng khi cài đặt Google Tag Manager vào store BettaMax:

  • Tags (Thẻ): Bao gồm danh sách các thẻ được thiết lập để theo dõi dữ liệu, chẳng hạn như: Google Analytics, Facebook Pixel, Google Ads Conversion Tracking… Mỗi thẻ có thể được thiết lập để kích hoạt khi một điều kiện cụ thể xảy ra.
  • Triggers (Trình kích hoạt): Xác định điều kiện để thẻ được kích hoạt, ví dụ: khi người dùng nhấp vào nút, tải trang hoặc hoàn tất một giao dịch mua hàng.
  • Variables (Biến số): Dùng để lưu trữ và truyền dữ liệu động, chẳng hạn như ID trang, URL hiện tại hoặc giá trị đơn hàng. GTM hỗ trợ cả biến số có sẵn và biến số tùy chỉnh.
  • Folders (Thư mục): Giúp tổ chức và phân loại các thẻ, trình kích hoạt và biến số để quản lý dễ dàng hơn.
Khu vực làm việc chính GG Tag
Khu vực làm việc chính nằm ở phía trung tâm của giao diện

Công cụ kiểm tra và xuất bản

Google Tag Manager cung cấp các công cụ quan trọng giúp kiểm tra và triển khai các thay đổi một cách an toàn:

  • Preview (Xem trước): Cho phép kiểm tra hoạt động của các thẻ trước khi xuất bản để đảm bảo chúng hoạt động đúng như mong muốn.
  • Submit (Xuất bản): Khi mọi thứ đã sẵn sàng, người dùng có thể nhấn “Submit” để xuất bản phiên bản mới và đưa các thay đổi vào hoạt động.
Công cụ kiểm tra
Công cụ kiểm tra và xuất bản cho phép bạn xem thay đổi trước khi xuất bản

Tóm lại, nhờ giao diện thân thiện và các tính năng mạnh mẽ, Google Tag Manager hỗ trợ người dùng tối ưu hóa quá trình triển khai và quản lý mã theo dõi trên website. Điều này, giúp bạn tiết kiệm thời gian và giảm thiểu rủi ro sai sót.

Hướng dẫn cài đặt Google Tag Manager vào store BettaMax

Cách lấy mã Google Tag Manager

Bước 1: Tạo tài khoản Google Tag Manager mới

Trước tiên, người dùng cần truy cập trang Google Tag Manager, đăng nhập bằng tài khoản Google của bạn và nhấp vào nút “Add a new account“. Sau đó, hãy điền đầy đủ các thông tin được yêu cầu, bao gồm tên tài khoản, quốc gia nơi bạn đang hoạt động, và tiếp tục theo hướng dẫn trên màn hình.

Tạo tài khoản google tagmanager
Truy cập vào Google Tag Manager để bắt đầu đăng ký tài khoản
Thông tin tài khoản
Điền thông tin tài khoản
Bước 2: Thiết lập tài khoản và tạo vùng chứa (Container)

Nội dung tiếp theo trong phần hướng dẫn cài đặt Google Tag Manager là thiết lập vùng chứa, tại ô “Container setup”. Bạn có thể tùy ý nhập một tên phù hợp với nhu cầu sử dụng.

Tiếp theo, hãy xác định nền tảng mà vùng chứa sẽ được áp dụng, chẳng hạn như iOS, Android, Web, AMP, hoặc Server, bằng cách chọn tùy chọn tương ứng.

Khi đã hoàn tất việc nhập thông tin cần thiết, nhấn nút “Create” để hoàn thành quá trình tạo tài khoản và vùng chứa.

Thiết lập vùng chứa
Người dùng thiết lập vùng chứa

 

Bước 3: Sao chép mã Google Tag Manager ID

Tiếp theo, hệ thống sẽ cung cấp cho bạn đoạn mã code. Lúc này, bạn cần tìm ra ID để sao chép và gắn vào store. ID của GTM là phần nội dung được chúng tôi khoanh đỏ trên ảnh.

Mã ID
ID của GTM là phần được khoanh đỏ trên ảnh

Tích hợp Google Tag Manager vào Store

Bước 1: Seller chọn Sign in để đăng nhập vào BettaMax.

Đăng nhập tài khoản BettaMax
Đăng nhập vào store trên BettaMax

Bước 2: Người dùng nhấn chọn Setting → Google Tag Manager → Add Pixel ID.

Cài đặt Google Tag Manager vào store BettaMax
Hướng dẫn cài đặt Google Tag Manager vào store trên BettMax

 

Bước 3: Gắn mã ID Google Tag Manager vào cửa hàng.

Để cài đặt Google Tag Manager phía trên vào store, người dùng cần dán ID Pixel vào ô Paste Google Tag ID → Tra tên sản phẩm muốn gắn Pixel tại Search Product → Và nhấn chọn Add Tag để hoàn thành.

Gắn mã ID
Gắn ID vào store

Bước 4: Để kiểm tra xem bạn đã tích hợp Google Tag Manager vào store thành công hay chưa, hãy tiến hành kiểm các bước như sau:

Vào My ProductTìm tên sản phẩm vừa được cài đặt Google Tag Manager → Nhấn chọn biểu tượng cây bút chỉnh sửa.

Vào Store kiểm tra gắn mã GTM
Vào My Product để kiểm tra mã ID GTM

Nếu đã thực hiện thành công, hệ thống sẽ hiển thị mã ID tại cột Google Tag.

Kiểm tra gắn mã GTM
Thực hiện thành công sẽ hiện mã tại mục Google Tag

Hướng dẫn sử dụng Google Tag Manager theo dõi dữ liệu quan trọng

Cách cài đặt chuyển đổi gọi điện với Google Tag Manager

Chuyển đổi dữ liệu là một trong những dữ liệu vô cùng quan trọng và cần được theo dõi thường xuyên khi seller cài đặt Google Tag Manager. Dưới đây là hướng dẫn chi tiết các bước thiết lập chuyển đổi gọi điện trong GTM.

Để đo lường tỷ lệ chuyển đổi user gọi điện, trước tiên bạn cần xác định xem người dùng có thể truy cập vào nút gọi điện ở những vị trí nào trên store của mình.

Bước 1: Nhấn chọn Trình kích hoạt Chọn Mới.

Thiết lập chuyển đổi
Người dùng nhấn chọn trình kích hoạt và thêm mới

Bước 2: Trong phần chọn loại trình kích hoạt, nhấn chọn biến Chỉ liên kết.

Lựa chọn biến chỉ liên kết
Lựa chọn biến chỉ liên kết

Tiếp đến, hộp thoại Cấu hình trình kích hoạt sẽ hiện lên. Người dùng tiến hành thiết lập theo các bước sau:

  • Nhấn chọn Nhấp chuột – Chỉ liên kết.
  • Thiết lập lần lượt theo thứ tự sau: Click URL → Bắt đầu bằng → tel:
  • Nhấn chọn Lưu.
Thiết lập cấu hình trình kích hoạt
Thiết lập cấu hình trình kích hoạt

 

Bước 3: Sau khi thiết lập xong trình kích hoạt, người dùng tiến hành tạo thẻ. Bạn nhấn chọn Thẻ chọn Mới

Seller tiến hành tạo 1 thẻ mới
Seller tiến hành tạo 1 thẻ mới

Bước 4: Trong phần cấu hình thẻ, người dùng nhấn chọn Google Analytics: Sự kiện GA4

Nhấn chọn Google Analytics: Sự kiện GA4
Nhấn chọn Google Analytics: Sự kiện GA4

>> Có thể bạn quan tâm: Hướng dẫn tích hợp Google Analytics vào cửa hàng trên BettaMax đơn giản, nhanh chóng

Bước 5: Người dùng tiến hành truy cập vào Luồng dữ liệu trong Google Analytics để lấy mã đo lường chính xác và nhập mã đó vào GTM để tiến hành theo dõi.

Truy cập vào Google Analytics để lấy mã đo lường
Truy cập vào Google Analytics để lấy mã đo lường

Bước 6: Đặt tên thẻ là Gọi điện và nhấn Lưu để hoàn thành quá trình cài đặt chuyển đổi gọi điện.

Người dùng đặt tên thẻ là gọi điện
Người dùng đặt tên thẻ là gọi điện

Cách tối ưu Google Tag Manager với Preview and Debug

Đây là 2 công cụ tích hợp quan trọng trong hướng cài đặt Google Tag Manager. Preview và Debug hỗ trợ người dùng kiểm tra hoạt động của các thẻ, biến và trình kích hoạt trên store trước khi đưa chúng vào hoạt động chính thức.

Tối ưu Google Tag Manager là bước quan trọng để đảm bảo các thiết lập GTM trên store hoạt động đúng như mong đợi và tránh xảy ra sai sót khi triển khai.

Bước 1: Người dùng truy cập vào Google Tag Manager → Đăng nhập vào tài khoản Chọn Vùng chứa cần kiểm tra.

Chọn vùng chứa cần kiểm tra
Chọn vùng chứa cần kiểm tra

Bước 2: Nhấn vào nút Xem trước ở góc phía trên và bên phải của giao diện Google Tag Manager.

Nhấn vào nút xem trước ở bên phải màn hình
Nhấn vào nút xem trước ở bên phải màn hình

Bước 3: Tiếp đến, một cửa sổ mới sẽ mở ra, người dùng dán link store tại ô URL trang web của bạn  Nhấn chọn Kết nối.

Kết nối với cửa hàng của bạn
Kết nối với cửa hàng của bạn

Kết luận

Với Google Tag Manager, toàn bộ quá trình gắn thẻ của bạn trở nên dễ dàng hơn nhiều. Tất cả những gì bạn cần làm là nhúng mã ID vào store của mình một lần, sau đó mỗi lần bạn muốn tạo một thẻ, Google Tag Manager sẽ mã hóa nó và nhúng nó cho bạn.

Trên đây là toàn bộ hướng dẫn cài đặt Google Tag Manager vào store BettaMax. Mong rằng, bài viết này sẽ giúp bạn giải quyết phần nào những thắc mắc về Google Tag Manager. Cảm ơn bạn đọc đã theo dõi bài viết!

——-

Website: https://bettamax.com

Tel: (+84) 36-779-0888

Facebook: https://www.facebook.com/BettaMax.Official

Cộng đồng Dropshipping BettaMax: https://www.facebook.com/groups/BettaMax

bettamax

Xây Dựng Cửa Hàng Chỉ Với 1 Cú Nhấp Chuột

New form (#7)