Chèn code Google Tag Manager vào website là việc sớm muộn gì một digital marketer cũng phải làm, bây giờ đã tới lượt bạn. Có thể nói Google Tag Manager là số 1 trong việc đo lường website vì nó có thể kết hợp với mọi nền tảng tracking và quảng cáo khác nhau. Và trong bài viết này, mình đã tổng hợp cách chèn code Google Tag Manager vào các nền tảng web thông dụng nhất ở Việt Nam. Chắc chắn sẽ giúp được bạn. Show
Tham khảo thêm
Giới thiệu nhanh về Google Tag ManagerGoogle Tag Manager là gì? Hãy hiểu Google Tag Manager như một vùng chứa. Nó sẽ chứa tất cả code tracking của các nền tảng khác nhau như Google Analytics, Google Ads, Facebook Pixel. Và thay vì bạn phải vào sửa mã nguồn website để chèn cho mỗi nền tảng thì bây giờ bạn chỉ cần chèn Google Tag Manager vào website của bạn. Sau đó bạn có thể chèn và chỉnh sửa các code tracking khác ngay trong giao diện quản lý của Google Tag Manager. Tránh được việc động đến mã nguồn website có thể làm hỏng website của bạn. Google Tag Manager có làm nặng website không? Không đáng kể, thậm chí khi bạn dùng Google Tag Manager để chứa các code khác của Google như Google Analytics và Google Ads thì nó càng gọn nhẹ hơn việc bạn chèn trực tiếp code vào mã nguồn website. Nếu chèn code tracking vào website rồi chèn thêm vào Tag Manager có sao không? Sẽ bị trùng lặp, các số liệu có thể bị nhân đôi lên trong báo cáo của bạn. Vì thế code tracking nào đã chèn vào mã nguồn website rồi thì không cần chèn vào Google Tag Manager nữa. Bạn có thể xóa bỏ hết các code tracking trong mã nguồn website rồi thêm lại vào Google Tag Manager để dễ quản lý. Nếu bạn chưa từng sử dụng qua Google Tag Manager thì hãy tìm hiểu cách tạo một tài khoản Tag Manager và lấy code của nó nhé. Tạo vùng chứa Google Tag ManagerBước 1: Bạn truy cập vào tagmanager.google.com rồi nhấp nút Tạo tài khoản. Tạo tài khoản Google Tag Manager để lấy code chèn vào websiteBước 2: Bạn điền thông tin đầy đủ rồi nhấp nút Có.
Bước 3: Bạn tích vào Tôi cũng chấp nhận Điều khoản xử lý dữ liệu theo yêu cầu của GDPR. Rồi nhấp nút Có ở trên. Tích vào ô đồng ý thỏa thuận rồi nhấp CóBước 4: Sau khi tạo vùng chứa Tag Manager xong bạn hãy nhấp Gửi để nó hoạt động. Sau khi tạo thì nên nhấp Gửi để Tag Manager có hiệu lựcBước 5: Bạn không cần điền gì cả, hãy nhấp vào Xuất bản ở trên. Nhấp vào nút Xuất bảnBước 6: Bạn không cần điền gì cả, hãy nhấp vào chữ Tiếp tục bên dưới. Nhấp vào chữ Tiếp tụcĐợi vài giây Google Tag Manager sẽ xuất bản xong. Sau đó bạn nhấp vào tab Không gian làm việc (ngay bên dưới logo Tag Manager) để tiếp tục lấy code nhé. Lấy code Google Tag ManagerTrong tab Không gian làm việc của Google Tag Manager, bạn nhấp vào mã ID sẽ nhận được 2 đoạn code. Để bài viết dễ hiểu hơn, mình sẽ đặt tên cho chúng như sau:
Cách chèn Google Tag Manager vào web LadiPageChèn Google Tag Manager vào LadiPage bằng mã ID: Bạn vào Thiết lập > Mã chuyển đổi. Sau đó dán mã ID vào phần Google Tag Manager ID. Bạn nhìn ví dụ của nó để hiểu nha. Chèn Tag Manager vào web LadiPage bằng IDChèn Google Tag Manager vào LadiPage bằng code: Bạn vào Thiết lập > Mã Javascript/CSS. Sau đó bạn dán code Google Tag Manager vào như sau.
Sau khi chèn code Tag Manager xong bạn nhớ nhấp Xuất bản LadiPage nhé. Cách chèn Google Tag Manager vào web HaravanỞ Việt Nam thì Haravan cũng rất phổ biến, và đây là 2 bước để chèn Tag Manager vào Haravan dễ đến không ngờ. Bước 1: Bạn đăng nhập vào trang quản trị của Haravan, sau đó vào phần Website và Giao diện. Ở phần giao diện bạn đang sử dụng, bạn nhấp vào nút 3 chấm và chọn Chỉnh sửa code. Chỉnh sửa giao diện để chèn code Google Tag Manager vào HaravanBước 2: Bạn tìm trong thư mục Layouts, nhấp vào theme.liquid để chỉnh sửa. Bạn chèn code A vào trước </head> và code B vào sau <body> như hình bên dưới. Sau khi chèn xong bạn nhớ nhấp Lưu nhé. Chèn code Google Tag Manager vào HaravanLưu ý: Cách này không chèn được ở các trang Thanh toán của Haravan. Bạn chỉ có thể gửi code Tag Manager cho nhân viên kỹ thuật của Haravan chèn giúp bạn thôi. Bạn hãy nhớ rõ 2 điều này: Cách chèn Google Tag Manager vào website WordPressMột nền tảng website mở khá phổ biến hiện nay là WordPress. Và cũng chỉ mất 2 bước để chèn Tag Manager vào WordPress mà thôi. Bước 1: Để chèn code Google Tag Manager an toàn cho website WordPress của bạn, hãy cài đặt plugin Insert Headers and Footers. Cài plugin Insert Headers and FootersBước 2: Bạn vào Cài đặt và chọn Insert Headers and Footers. Sau đó bạn chèn code Tag Manager vào như sau.
Sau khi chèn xong bạn nhớ nhấp Lưu nhé. Lưu ý: Nếu bạn có sử dụng plugin tạo cache thì hãy xóa cache đi nhé. Chèn code Google Tag Manager vào website WordPressCách chèn Google Tag Manager vào website code tayThường mấy bạn làm affiliate hay sử dụng website dạng tĩnh (là các file HTML). Bạn tìm đúng file HTML của landing để chỉnh sửa rồi chèn code Google Tag Manager theo quy tắc này là được.
Cách kiểm tra Google Tag Manager đã hoạt động chưaChèn Tag Manager vào web rồi nhưng làm sao để chúng ta biết là nó đã hoạt động chưa. Nhiều trường hợp bên agency nhờ khách hàng báo với bên dịch vụ website chèn giùm mà cuối cùng thì bên này nói đã chèn bên kia kêu chưa có. Vậy thì cách kiểm tra liệu Google Tag Manager đã được chèn vào web chưa và chèn đúng không mình sẽ chỉ luôn cho bạn. Bước 1: Bạn cài đặt tiện ích Tag Assistant trên trình duyệt Chrome. Hãy nhấp nút bên dưới để mở trang tiện ích nhé. Cài tiện ích Tag Assistant để kiểm tra Tag Manager hoạt động khôngBước 2: Bạn nhấp vào nút tiện ích rồi nhấp vào nút ghim kế bên Tag Assistant để đưa nó lên trên cho dễ sử dụng. Đem Tag Assistant ra ngoài để dễ sử dụngBước 3: Bạn mở website đã chèn Google Tag Manager, sau đó bạn nhấp vào Tag Assistant rồi nhấn Enable (Bật) và tải lại trang web. Cách kiểm tra Google Tag Manager đã hoạt động chưaCách để nhận biết các thẻ trong Tag Assistant đã chèn đúng hay không như sau.
Một số lỗi thường gặp khi chèn Tag Manager vào websiteNếu lần đầu sử dụng có thể bạn sẽ gặp lỗi khi chèn Tag Manager vào web. Dưới đây là một số lỗi phổ biến và cách xử lý.
Các lỗi dưới đây là do bạn chèn code B vào giữa một thẻ phần tử nào đó trong HTML mà không phải là <body>.Bạn phải chèn code B vào ngay sau <body> mới đúng. Hãy kiểm tra lại vị trí chèn code B nha.
Cách sử dụng Google Tag Manager để trackingNội dung bài viết này mình chỉ tập trung vấn đề chính là chèn được Tag Manager vào web thôi. Còn cách sử dụng để tracking các kiểu thì mình sẽ viết sang bài khác và sẽ cập nhật link ở đây hoặc bạn có thể xem trong chuyên mục bài viết về Google Tag Manager nha.
Lời kếtDù là nền tảng website nào thì quy tắc chèn code Tag Manager vào web cũng như nhau thôi, code A thì trước , còn code B thì sau . Nếu có nền tảng nào thông dụng ở Việt Nam mà bạn chưa chèn được thì hãy bình luận bên dưới, mình sẽ hỗ trợ bạn và cập nhật bài viết. Bạn cũng nên xem qua cách phân quyền Google Tag Manager để chia sẻ quyền cho nhân viên hoặc agency nhé. |