Tracking contact form 7 bằng Google Tag Manager: hướng dẫn chi tiết

Hướng dẫn tracking contact form 7 bằng GTM

Tracking contact form 7 là một công việc không thể thiếu trước khi bắt đầu các chiến dịch performance marketing hoặc thu lead. Khi tracking event điền form, bạn sẽ có được nguồn dữ liệu quan trọng, giúp phân tích và đánh giá chiến dịch digital marketing của mình có thành công hay không.

Sau đây Topchuyengia sẽ hướng dẫn tracking một loại form khá phổ biến trên nền tảng wordpress, đó là Contact Form 7 của Takayuki Miyoshi.

Đồng thời, chúng tôi cũng hướng dẫn các tạo mục tiêu (Goal) cho sự kiện điền form thành công trong tài khoản GA để bạn có thể theo dõi qua reports một cách trực quan.

Nếu bạn đang chạy quảng cáo Google Ads hoặc Facebook Ads thì một việc quan trọng không thể thiếu đó là tạo conversion trên hai nền tảng này từ sự kiện điền form thành công. Sau đây là hướng dẫn chi tiết tracking sự kiện điền form Contact Form 7, hãy cùng theo dõi.

Có 3 bước để hoàn tất việc đo lường hiệu quả quảng cáo thu lead với Contact Form 7.

1. Tracking event điền form Contact Form 7 bằng Google Tag Manager
2. Tạo goal trong Google Analytics từ event điền form thành công đó.
3. Tạo chuyển đổi trong account quảng cáo Google Ads từ sự kiện điền form thành công

Quan trọng: bài viết này Topchuyengia chỉ hướng dẫn tracking sự kiện khi người dùng điền form thành công.

Theo các chuyên gia của chúng tôi thì tracking event nhấp vào nút đăng ký form thường không có ý nghĩa cho việc đo lường hiệu quả của một chiến dịch digital marketing performance. Vì có thể người dùng gặp lỗi SMTP hoặc điền thiếu thông tin bắt buộc,…. sẽ khiến họ không đăng ký thành công. Như vậy, tracking sự kiện nhấp vào nút đăng ký hoàn toàn không có ý nghĩa gì cả. Quay lại chủ đề chính.

Các bước thực hiện tracking contact form 7

Những gì bạn cần chuẩn bị trước khi thực hiện tracking contact form 7 bằng Google tag manager là bạn có đầy đủ quyền admin các tài khoản sau:

• Tài khoản Google Analytics
• Tài khoản Google Tag Manager
• Tài khoản Google Ads

Bước 1: Tạo tag tracking sự kiện điền form thành công trên GTM

Đầu tiên, bạn cần truy cập Google Tag Manager và tạo một thẻ mới như sau:

• Tạo thẻ mới
• Loại thẻ: Custom HTML
• Dán đoạn mã sau vào (bạn có thể xem hình minh họa bên dưới)

  
    <script>
  document.addEventListener('wpcf7mailsent',
  function(event) {
    window.dataLayer.push({
      "event": "cf7submission"
    })
  });
</script>
  

Sau đó, lưu lại thẻ của bạn.

Bước 2: Tạo trigger để nhận event

Chuyển sang trình quản lý thẻ (trigger) để tạo một trình kích hoạt mới nhận sự kiện khi người dùng đăng ký form thành công.

• Tạo trình kích hoạt mới
• Tên trình kích hoạt: Đặt tên là "Form Submission"
• Chọn trình kích hoạt: Custom Event (sự kiện tùy chỉnh)
• Nhập tên sự kiện: cf7submission
• Trình kích hoạt kích hoạt khi: Để mặc định

Sau đó, lưu lại trình kích hoạt của bạn.

Bước 3: Thêm thẻ Google Analytics Universal 

Tạo một thẻ mới như sau:

• Loại tag: Google Analytics Universal
• Loại sự kiện: Event
• Danh mục: form
• Tác vụ: submit
• Nhãn: Chọn biến “Page Path” để xác định form đăng ký thành công trên trang nào của website.

Google Analytics Setting:

1. Chọn biến chứa ID Google Analytics của bạn.
2. Nếu bạn chưa tạo biến chứa mã tracking ID của Google Analytics, bạn có thể tạo biến mới tại User-Defined Variables.

• Loại biến variable: Google Analytics Settings
• Nhập tracking ID của Google Analytics account của bạn.

Chọn trình kích hoạt "Form Submission" mà bạn đã tạo ở bước 2 và lưu lại.

Với các bước trên, bạn đã cấu hình theo dõi sự kiện điền form thành công của Contact Form 7 bằng Google Tag Manager. Để kiểm tra tính chính xác, bạn có thể sử dụng 2 phương pháp kiểm tra sau.

Kiểm tra cài đặt

Kiểm tra cài đặt thành công sự kiện điền form Contact Form 7 bằng Google Tag Manager có thể thực hiện qua hai cách sau:

>>> Tham khảo: Dạy tracking từ A - Z dành cho người mới cùng chuyên gia

Cách 1: kiểm tra bằng preview mode

Bật chế độ xem trước bằng cách nhấn vào nút “preview” ở góc trên bên phải, như hình dưới đây.

Truy cập trang chứa form đăng ký hoặc tải lại trang nếu đã truy cập trước khi nhấn “preview”.

Điền thông tin cần thiết vào form và nhấn đăng ký. Nếu thành công, sự kiện sẽ được kích hoạt như hình dưới đây.

Lưu ý:

• Bên trái sẽ hiển thị tên sự kiện cf7submission (tên đã đặt trong code ở bước 1).
• Khi click vào sự kiện cf7submission, menu “tag” sẽ hiển thị các thẻ được kích hoạt. Ở đây, thẻ “Submit Form – GA” là thẻ Google Analytics Universal đẩy sự kiện qua Google Analytics.

Nếu bạn thực hiện đúng các bước trên, chúc mừng bạn đã cài đặt thành công tracking sự kiện điền form Contact Form 7 bằng Google Tag Manager.

Cách 2: Sử dụng Google Tag Assistant

Nếu bạn chưa cài đặt Tag Assistant, bạn có thể cài đặt tại đây.

Sau khi cài đặt, quay lại trang web và nhấn vào biểu tượng như hình dưới đây. Chọn "Enable" và tải lại trang (F5).

Sau khi trang đã tải lại, thực hiện theo hướng dẫn dưới đây để kiểm tra sự kiện đã cài đặt thành công chưa:

• Click vào tag Google Analytics (chọn ID đã nhập ở bước 3).
• Chọn "Event".
• Kiểm tra thông tin “Event”: Category và Action để xem liệu chúng đúng với thông tin bạn nhập ở bước 3 không.

Nếu thông tin đúng, bạn đã thành công trong việc tracking sự kiện điền form bằng Google Tag Manager.

Cuối cùng, đừng quên nhấn nút “Submit” ở góc trên bên phải trong tài khoản Google Tag Manager để các cài đặt có hiệu lực.

CÓ THỂ  BẠN QUAN TÂM:

• Facebook Conversion Tracking với Google Tag Manager
• Hướng dẫn Tracking LinkedIn Conversions với Google Tag Manager
• Cài đặt Google Ads Conversion Tracking với Google Tag Manager

Tạo goal trong GA từ event điền form thành công

Để tạo một mục tiêu (goal) trong Google Analytics từ sự kiện điền form thành công, bạn có thể thực hiện các bước sau:

Truy cập tài khoản Google Analytics của bạn, chọn tab "Admin" và nhấn vào mục "Goals" trong cột chế độ xem (View).

• Chọn "Goal".
• Trong phần "Goal setup", chọn loại "Custom".
• Mô tả mục tiêu (Goal description): Chọn loại "Event" và đặt tên mục tiêu là "CF7" hoặc theo ý bạn.
• Chi tiết mục tiêu (Goal details):
• Category: Nhập "form".
• Action: Nhập "submit".
• Lưu ý: Thông tin này phải giống những gì bạn đã nhập trong Google Tag Manager ở bước 3.
• Nhấn "Save" để lưu lại cấu hình.

Với những bước này, bạn đã tạo thành công một mục tiêu trong Google Analytics liên quan đến sự kiện điền form thành công. Các thông số như "Category" và "Action" cần phải khớp với những thông tin bạn đã đặt trong Google Tag Manager ở bước 3 để đảm bảo tính chính xác của việc theo dõi mục tiêu.