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é.
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 ạ!
Bạn chỉ cần kiểm tra theo hướng dẫn ở bước 4 xem đã làm đúng chưa. Nếu đúng rồi thì chờ Google update dữ liệu thôi. Thường thì Google Ads sẽ update chuyển đổi chậm chút đó chứ không hiển thị theo thời gian thực đâu bạn.
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ỉ
Đều được hết bạn nha. Chỉ cần bạn dùng form tạo bởi Contact Form 7 là đc.
Cảm ơn bạn nha. Mình vừa làm được xong. Tks đã chia sẻ
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ỉ
Bạn kiểm tra lại từ đầu việc thiết lập trong Google Tag Manage với gắn mã GTM lên web xem có bước nào bị sót ko.
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 ạ
Hướng dẫn trong bài là tracking khi ai đó click nút Submit gửi form và phải là gửi thành công mới đc ghi nhận. Còn click vào nút gửi nhưng bị báo lỗi thì cũng không đc ghi nhận nhé.
cái này hay mà giờ mới biết.
Hi. Có cái hay là phải share ngay!
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
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.
Việc sử dụng theo dõi chuyển đổi giữa GG Ads và GG Analytics mỗi cái có 1 điểm lợi khác nhau. Như mình thì hiện tại mình dùng cả 2 để theo dõi. Còn nếu bạn chỉ chạy mỗi GG Ads không thì bạn chỉ cần cài chuyển đổi trong GG Ads thôi. Với GG Ads, trong tài khoản bạn vào mục Chuyển đổi, tạo chuyển đổi và thiết lập. Ở bước cuối sẽ có mục chọn cài mã bằng Google Tag Manager thì bạn lấy ID chuyển đổi và nhãn chuyển đổi rồi gắn vào các mục trong Google Tag Manager tương ứng là xong.