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

4.5/5 - (8 đánh giá)

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 Managercà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ạtGửi form thành công.

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

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

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

– 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.

Cấu hình trình kích hoạt như trong ảnh

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 đó.

tracking-chuyen-doi-gui-form-voi-contact-form-7-9

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é.

Nguyễn Hùng

Internet là nơi mình học được những gì về Wordpress, SEO, SEM, MMO và kiến thức máy tính. Những chia sẻ của mình là những thứ mình học được và đã làm thành công, có thể nó chưa được hoàn hảo nhưng nó sẽ hữu ích với bạn.

Nhận thông báo
Thông báo qua email khi
guest

21 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận
Cường Võ

Chào bạn Nguyễn Hùng, mình vừa phát hiện 1 vấn đề quan trọng trong cách tracking này, những form nằm trong bài viết hay nằm chân trang thì cách tracking này rất oke, tuy nhiên nếu như form nằm trong popup thì cách tracking này không theo dõi được bạn, mình có ý là mình sẽ theo dõi bằng trình kích hoạt “mức hiển thị của yếu tố” và chọn yếu tố hiển thị là câu cám ơn quý khách sau khi gửi form thành công, như thế thì dù sau này CF7 có thay đổi biến “form.wpcf7-form.sent” thì mình vẫn theo dõi được bình thường vì câu cảm ơn là do mình cấu hình, mình không thay đổi là được phải ko bạn ơi
Chân thành cảm ơn!

Cường Võ

Cho mình hỏi cách tracking contact form 7 thành công này là cách tracking mới nhất hiện nay (10/2021) phải không ad ơi, vì mình tìm trên mạng có khá nhiều cách khác nhau để tracking form CF7 thành công, do CF7 cập nhật liên tục ạ
Và mình xin hỏi thêm 1 câu nữa là mình tracking để chạy adw, vậy thì mình nên theo dõi bằng thẻ adw hay là vẫn theo dõi bằng google analytic ạ, 2 cách tracking này giống và khác nhau như thế nào, ưu và khuyết điểm của từng cái trong trường hợp nào thì mình theo dõi bằng thẻ adw trường hợp nào thì theo dõi bằng analytic, cám ơn ad nhiều lắm, bài viết rất hay!

Quang

Chào bạn!
Cho mình hỏi mình đã tạo chuyển đổi liên kết từ analytisc vào tk ads gg thành công mà chưa thấy trong goolge ads hiển thị dữ liệu chuyển đổi. Có phải dữ liệu nhận hơi chậm không ạ!

Nihophawa

Mình muốn hỏi là form của mình là dạng popup, lightbox. khi tracking có thể áp dụng được không nhỉ

Nihophawa

Cảm ơn bạn nha. Mình vừa làm được xong. Tks đã chia sẻ

Nihophawa

Trước mình cài thành công xong, một thời gian sau có fix lại landing page vẫn cf7 thì lại không nhận chuyển đổi. Lạ thật. lỗi này do đâu Hùng nhỉ

South Phạm

Mình chỉ cần người dùng click vào nút submit contact form 7 thì làm cách nào ạ

Minh Khanh

cái này hay mà giờ mới biết.

Ngọc Hải

Cảm ơn ad nhé bài viết rất cụ thể. Em đang mò mầm cái này để về chạy quảng cáo facebook

chung cư the zei mỹ đình

trong adw có cho cho mã chuyển đổi, vậy nên dùng mã trong tài khoản adw hay dùng analy để liên kết với adw bác, với nếu dùng mã trong adw thì làm như thế nào.

Cường Võ

Bạn cho mình hỏi là mình cài được từ Analytis rồi, giờ muốn cài thêm thoi dõi chuyển đổi form thành công này từ google ads thì mình phải tạo thêm 1 trình kích hoạt “Gửi form thành công ads” nữa, chứ ko dùng chung trình kích hoạt đã tạo lúc nãy khi theo dõi từ analytisc được phải không bạn ơi, tao thêm cái trình kích hoạt “Gửi form thành công ADS” và làm theo bước 1, sau đó trong ADW tạo chuyển đổi, lấy id và nhãn, rồi qua tagmanager tạo thẻ CF7-ADS, gắn 2 cái đó vào và chọn trình kích hoạt “Gửi form thành công ADS” mới phải ko bạn ơi, cám ơn rất nhiều

Cường Voc

Vừa rồi mình tạo thành công bên Analytisc rồi, tạo thêm thẻ theo dõi ads dùng lại trình kích hoạt cũ thì ko dc, tạo thêm 1 trình kích hoạt mới cho ads nữa thì dc, nếu vậy nó tồn tại 2 trình kích hoạt 1 xài cho analytis 1 xài cho adw thì cũng không sao phải ko bạn? Cám ơn rất nhiều!