Hướng dẫn tracking chuyển đổi gửi form thành công với Contact Form 7 bằng Google Tag Manager

Bạn đang dùng plugin Contact Form 7 để làm form liên hệ, đặt hàng cho website bán hàng của bạn? Vậy bạn có biết những khách hàng đã gửi form đặt hàng thành công đến từ nguồn nào không?

Điều này rất quan trọng, nhất là khi bạn chạy quảng cáo web trên Google Ads, Facebook Ads. Việc tracking chuyển đổi gửi form thành công sẽ giúp bạn biết được chiến dịch nào có chuyển đổi và nguồn quảng cáo nào mang lại nhiều chuyển đổi nhất từ đó bạn sẽ tối ưu được quảng cáo tốt hơn.

Bài viết này mình sẽ tập trung vào việc hướng dẫn cách thiết lập tracking chuyển đổi khi có người gửi form thành công bằng Google Tag Manager để bạn có thể tracking được chuyển đổi khi chạy quảng cáo với Google Ads, Facebook Ads. Các bước làm bạn hãy thực hiện theo hướng dẫn dưới đây.

Chuẩn bị trước khi thiết lập

Để có thể thực hiện được thiết lập tracking gửi form với Contact Form 7 bằng Google Tag Manager theo hướng dẫn bên dưới thì bạn cần chuẩn bị những thứ sau:

• Tài khoản Google Tag Manager (GTM) đã thiết lập cho web
• Tài khoản Google Analytics đã liên kết với web

Nếu web của bạn chưa cài đặt 2 tài khoản trên thì bạn hãy đọc và làm theo hướng dẫn cài đặt Google Tag Manager và cài Google Analytics cho web mà mình đã hướng dẫn.

Hướng dẫn thiết lập tracking chuyển đổi trên Contact Form 7 qua Google Tag Manager

OK. Sau khi đã chuẩn bị xong thì chúng ta bắt đầu đi thực hiện các bước thiết lập dưới đây nhé.

Bước 1: Tạo trình kích hoạt khi gửi form thành công trong GTM

Đăng nhập vào Google Tag Manager và vào không gian làm việc với web tương ứng.

– Click chọn Trình kích hoạt -> Mới để tạo mới 1 trình kích hoạt

– Đặt Tên trình kích hoạt là Gửi form thành công.

– Chọn Loại trình kích hoạt là Mức hiển thị của yếu tố.

– Chọn Phương thức chọn là Công cụ chọn CSS.

– Mục Công cụ chọn yếu tố điền vào đoạn: div.wpcf7-mail-sent-ok

– Mục Thời điểm kích hoạt trình kích hoạt này chọn là Mỗi khi một yếu tố xuất hiện trên màn hình.

– Mục nâng cao bạn chọn mục Quan sát các thay đổi của DOM. Các phần còn lại giữ nguyên.

Cấu hình như trong ảnh dưới đây. Sau đó nhớ ấn Lưu lại.

Tham khảo thêm: Tracking nguồn người dùng gửi thông tin qua Contact Form 7

Bước 2: Tạo thẻ chuyển sự kiện gửi form về Google Analytics

Quay lại không gian làm việc của Google Tag Manager, bạn chọn menu Thẻ -> Mới để tạo mới 1 thẻ.

– Đặt tên thẻ là Đặt hàng – Analytics

– Mục cấu hình thẻ, chọn loại thẻ là Google Analytics – Universal Analytics

– Mục loại theo dõi chọn là Sự kiện.

– Mục Thông số theo dõi sự kiện bạn điền vào các ô tương như sau:

• Danh mục: Đặt hàng
• Tác vụ: Thành công

– Mục Cài đặt Google Analytics bạn chọn biến {{Google Analytics}} mà bạn đã tạo như trong bài hướng dẫn cài Google Analytics thông qua GTM.

– Phần Kích hoạt, bạn click vào rồi chọn trình kích hoạt là Gửi form thành công mà bạn vừa tạo được ở bước 1.

Sau khi hoàn thành bạn sẽ thấy nó giống như hình sau.

Tham khảo thêm: Hướng dẫn cài đặt để gửi dữ liệu từ Contact Form 7 về Google Sheets

Bước 3: Thiết lập mục tiêu trên Google Analytics để nhận sự kiện từ Google Tag Manager

Bây giờ, bạn hãy đăng nhập vào tài khoản Google Analytics đã liên kết với web để thực hiện các bước sau.

– Truy cập vào menu Quản trị, chọn đúng tài khoản, thuộc tính, chế độ xem mà bạn cần thiết lập. Sau đó click vào menu Mục tiêu như sau:

Đến đây, bạn click vào +Mục Tiêu Mới để tạo mới 1 mục tiêu. Sau đó, bạn thiết lập như dưới đây.

– Mục Thiết lập mục tiêu bạn chọn Tùy chỉnh rồi ấn Tiếp tục.

– Mục Mô tả mục tiêu bạn đặt Tên và chọn loại là Sự kiện rồi ấn Tiếp tục.

– Mục Chi tiết mục tiêu bạn điền ô Danh mục và ô Tác vụ giống như khi nãy điền trong Google Tag Manager ở bước 2. Các mục còn lại bạn giữ nguyên rồi ấn Lưu.

Như vậy là bạn đã thiết lập xong. Để xem bạn đã làm đúng hay chưa thì bạn hãy thử kiểm tra bằng cách dưới đây.

Xem thêm: Hướng dẫn cài đặt theo dõi chuyển đổi cuộc gọi điện thoại trên web

Bước 4: Kiểm tra xem thiết lập tracking gửi form đã đúng chưa

Để kiểm tra xem thiết lập tracking gửi form từ Contact Form 7 đã đúng chưa chúng ta có 2 cách như sau:

Cách 1: Kiểm tra bằng Google Tag Manager

Trong tài khoản Google Tag Manager bạn click vào nút Xem trước ở góc trên bên phải. Sau đó bạn mở tab mới và truy cập vào website trên cùng trình duyệt đó.

Ngay sau khi load trang xong bạn sẽ thấy khung Tag Manager hiện lên như này.

Như bạn thấy trong ảnh trên thì thẻ Đặt hàng – Analytics đang không hoạt động đúng không nào?

Bây giờ bạn hãy tìm đến form đặt hàng Contact Form 7 trên web và thao tác điền form rồi ấn nút gửi đi nhé.

Sau khi gửi form thành công bạn thấy thẻ Đặt hàng – Analytics nó nhảy lên nhóm các thẻ đang hoạt động như sau nghĩa là bạn đã làm đúng rồi đó.

Cách 2: Kiểm tra bằng Google Analytics

Để kiểm tra bằng Google Analytics bạn chỉ việc truy cập vào tài khoản Google Analytics sau đó vào menu Thời gian thực -> Sự kiện.

Sau khi gửi form đặt hàng xong, nếu bạn làm đúng sẽ thấy sự kiện nhảy lên là 1 như sau:

Xem thêm: Hướng dẫn cài đặt theo dõi chuyển đổi trên Google Ads và Facebook Ads

Lời kết

Như vậy là bài viết này mình đã hướng dẫn cho bạn rất chi tiết cách thiết lập theo dõi chuyển đổi gửi form thành công với Contact Form 7 bằng Google Tag Manager.

Với cách thiết lập này sẽ đảm bảo cho bạn rằng chỉ có người nào gửi form thành công thì mới được ghi nhận là 1 chuyển đổi. Những trường hợp ấn gửi mà không điền nội dung form hoặc ấn gửi nhưng xảy ra lỗi không gửi được sẽ không được ghi nhận là 1 chuyển đổi.

Hi vọng hướng dẫn này sẽ hữu ích cho bạn nào chạy quảng cáo chuyển đổi với Google Ads, Facebook Ads. Hãy like và share ủng hộ blog Nguyễn Hùng để mình ra thêm nhiều bài hướng dẫn nữa nhé.