Thấy quảng cáo
Khách bấm quảng cáo vì một lời hứa ngắn. Đó là điều họ sẽ tìm lại ngay khi trang mở ra.
Một thông điệp rõ ràng, một bước tiếp theo cho khách hàng.
ONMATE thiết kế trang đích cho chiến dịch quảng cáo, ra mắt sản phẩm hoặc thu thập đăng ký. Nội dung tập trung vào lợi ích, thông tin khách cần để quyết định và hành động bạn muốn đo lường.
Khách đi qua nhiều chặng trước khi để lại thông tin. Chọn một chặng để xem việc của trang ở đó.
Khách bấm quảng cáo vì một lời hứa ngắn. Đó là điều họ sẽ tìm lại ngay khi trang mở ra.
Vài giây đầu, khách quyết định ở lại hay đi. Tiêu đề nhắc đúng lời hứa, kèm ưu đãi và điều kiện.
Khách cần vài lý do để tin: lợi ích, đánh giá có nguồn, ảnh thật và chính sách rõ ràng.
Form chỉ hỏi vừa đủ để gọi lại. Nhãn nằm trên ô, bàn phím đúng loại và lỗi báo ngay dưới ô sai.
Yêu cầu tới đúng người, kèm nguồn quảng cáo. Khách thấy lời xác nhận rõ ràng và được gọi lại như đã nói.
Số liệu cho biết khách rời đi ở đâu. Mỗi lần chỉ đổi một thứ, chạy đủ thời gian rồi ghi lại quyết định.
Sáu chặng quay quanh một điểm. Chọn một chặng để đọc chi tiết.
Mỗi phần việc có màn hình làm việc, đầu vào và cách đo riêng.
Chạm vào một thẻ để đổi nội dung bên dưới.
Đang xemTrang đích nhắc đúng lời hứaBa màn hình: quảng cáo cạnh trang đích, so sánh hai trang, bảng kiểm nhóm. Bấm từng mục để xem.
Quảng cáo ở trên, trang đích ở dưới. Tiêu đề trang dùng đúng câu chữ khách vừa đọc, ưu đãi và điều kiện nằm ngay trên màn hình đầu.
Khách quyết định ở lại hay rời đi trong vài giây đầu. Câu chữ quen thuộc cho họ biết mình không vào nhầm chỗ.
Được tài trợ · nhathom.example/qua-tan-gia
Nến thơm quà tân gia | Gói quà miễn phí | Nhà Thơm (mẫu)1
Hộp 3 nến sáp đậu nành, thiệp viết tay, giao trong ngày nội thành. Nhận tư vấn chọn hộp quà.
Quà tân gia · ưu đãi tháng 10 (mẫu)
Hộp 3 nến sáp đậu nành, thiệp viết tay, giao trong ngày nội thành.
Ưu đãi gói quà áp dụng cho đơn từ 2 hộp, đến hết 31/10 (mẫu).3
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Bên trái là trang chủ với nhiều menu, nhiều chủ đề. Bên phải là trang chiến dịch chỉ có một lời hứa và một việc cần làm.
Trang chủ phục vụ nhiều mục đích nên khó nhắc đúng lời hứa của một quảng cáo cụ thể.
Dẫn về trang chủ
Khách thấy tám mục menu, một băng rôn khác chủ đề và sáu nhóm sản phẩm. Lời hứa trong quảng cáo không còn ở đâu.
Dẫn về trang chiến dịch
Hộp 3 nến, thiệp viết tay, giao trong ngày.
Nhận tư vấn chọn hộp quà3Cùng câu chữ với quảng cáo, một việc để làm. Menu rút gọn còn logo và số điện thoại.
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Mỗi dòng là một nhóm quảng cáo, ghi lời hứa, tiêu đề trang đích và kết quả đối chiếu: khớp, lệch hoặc thiếu thông tin.
Nhóm nào lệch thì làm trang riêng hoặc đổi trang đích sang trang đã khớp trước khi tăng ngân sách.
| A | B | C | D | |
|---|---|---|---|---|
| 1 | Nhóm quảng cáo | Lời hứa trong quảng cáo | Tiêu đề trang đích | Khớp |
| 2 | Quà tân gia | Gói quà miễn phí, giao trong ngày | Nến thơm làm quà tân gia, gói quà miễn phí | Khớp1 |
| 3 | Quà tặng doanh nghiệp | Khắc tên công ty, từ 20 hộp | Quà tặng nến thơm cho doanh nghiệp | Khớp |
| 4 | Nến thơm phòng ngủ | Mùi hương dịu cho phòng ngủ | Bộ sưu tập thu đông (trang chủ) | Lệch2 |
| 5 | Workshop làm nến | Học làm nến sáng thứ Bảy | Workshop làm nến thơm (chưa có lịch) | Thiếu lịch3 |
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Tài liệu tham khảo:Google Ads: điểm chất lượng và trải nghiệm trang đích ↗
Bắt đầu từ lời hứa đã duyệt, rồi mới viết trang, không làm ngược lại.
Tài liệu tham khảo:Google Ads: điểm chất lượng và trải nghiệm trang đích ↗
Cần danh sách quảng cáo đang chạy và người đủ thẩm quyền xác nhận ưu đãi.
Mỗi nhóm quảng cáo có một lời hứa chính, viết ra và duyệt trước khi làm trang. Quảng cáo và trang lấy chữ từ cùng bản chốt.
| A | B | C | D | |
|---|---|---|---|---|
| 1 | Mục | Nội dung đã chốt | Người duyệt | Trạng thái |
| 2 | Lời hứa chính | Gói quà miễn phí cho đơn quà tân gia1 | Chủ cửa hàng | Đã duyệt |
| 3 | Điều kiện | Từ 2 hộp, đến hết 31/102 | Chủ cửa hàng | Đã duyệt |
| 4 | Ảnh | Ảnh hộp quà chụp tại cửa hàng | Hà Trang | Cần ảnh mới |
| 5 | Nơi nhận khách | Zalo và danh sách khách | Minh Khoa | Đã duyệt |
| 6 | Mã đo | generate_lead trên Analytics | ONMATE | Chờ kiểm tra3 |
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Tài liệu tham khảo:Google Ads: điểm chất lượng và trải nghiệm trang đích ↗
Trang khớp lời hứa khi nhiều khách hơn tiếp tục thay vì rời đi, không phải khi có nhiều lượt vào.
Đọc theo trang đích, không đọc gộp cả website.
Trang đích
| Trang đích | Phiên | Tỷ lệ phiên có tương tác | Sự kiện chính |
|---|---|---|---|
| /qua-tan-gia1 | 1.842 | 71,3% | 1262 |
| /qua-tang-doanh-nghiep | 960 | 64,2% | 58 |
| / | 2.410 | 58,7%3 | 41 |
| /workshop | 530 | 66,0% | 19 |
| /nen-thom | 1.320 | 61,8% | 37 |
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
| Chỉ số | Cho biết | Cần xem lại khi |
|---|---|---|
| Tỷ lệ sự kiện chính của trang đích | Trang chiến dịch cao hơn trang chủ cùng nguồn | Trang chiến dịch thấp hơn trang chủ |
| Tỷ lệ phiên có tương tác | Bằng hoặc cao hơn mặt bằng của website | Thấp rõ rệt so với các trang khác |
| Phiên theo nhóm quảng cáo | Mỗi nhóm có trang đích riêng | Nhiều nhóm cùng dẫn về trang chủ |
| Lượt gửi form theo tuần | Đều giữa các tuần | Giảm sau khi đổi quảng cáo hoặc ưu đãi |
Mở báo cáo Trang đích trong Google Analytics, lọc theo nguồn Google / cpc, so từng trang đích với nhau và ghi trang nào cần sửa tiêu đề trước.
Tỷ lệ phụ thuộc loại khách và từ khóa.
Chỉ so trang cùng nguồn, cùng thời gian, đừng kết luận từ vài chục lượt.
Tài liệu tham khảo:Google Analytics: sự kiện chính ↗Google Analytics: sự kiện đề xuất ↗
Số trong bảng là số mẫu để minh họa cách đọc, không phải kết quả dự kiến.
Chọn nhóm quảng cáo có nhiều lượt bấm nhất và làm trang riêng cho nhóm đó trước.
Đặt quảng cáo và trang cạnh nhau rồi so từng câu: lời hứa, ưu đãi, điều kiện.
Chốt lời hứa và điều kiện trước khi dựng cả quảng cáo lẫn trang.
| Chỉ số | Giá trị |
|---|---|
| Quảng cáo | Nến thơm phòng ngủ |
| Tiêu đề trang | Bộ sưu tập thu đông |
| Việc cần làm | Làm trang riêng hoặc đổi nhóm |
Khách mất vài giây tìm lại điều đã đọc.
Đổi tiêu đề trang cho khớp quảng cáo.
| Chỉ số | Giá trị |
|---|---|
| Hạn ưu đãi | 31/10 (mẫu) |
| Quảng cáo vẫn chạy | Đến 03/11 (mẫu) |
| Việc cần làm | Tạm dừng và cập nhật trang |
Khách bấm vì ưu đãi cũ rồi thất vọng.
Tạm dừng quảng cáo hoặc cập nhật trang.
| Chỉ số | Giá trị |
|---|---|
| Ưu đãi | Gói quà miễn phí |
| Điều kiện | Chỉ ở chân trang |
| Việc cần làm | Ghi ngay dưới ưu đãi |
Khách đặt xong mới biết điều kiện và thấy bị dẫn dắt.
Đưa điều kiện lên cạnh ưu đãi.
Tài liệu tham khảo:Google Ads: điểm chất lượng và trải nghiệm trang đích ↗
Đánh dấu từng mục để xem mức sẵn sàng. Trạng thái chỉ lưu trên trình duyệt của bạn.
Tài liệu tham khảo:Google Ads: điểm chất lượng và trải nghiệm trang đích ↗
Ba màn hình: máy tính, điện thoại và sơ đồ năm phần. Bấm từng mục để xem.
Tiêu đề khớp quảng cáo, một nút chính, ba lợi ích, một đánh giá thật và form ngắn. Menu rút gọn còn logo và số điện thoại.
Mỗi phần trả lời một câu hỏi trong đầu khách. Phần nào không trả lời câu hỏi nào thì bỏ.
Quà tân gia · ưu đãi tháng 10 (mẫu)
Hộp 3 nến sáp đậu nành, thiệp viết tay, giao trong ngày nội thành.
★★★★★4,8(126 đánh giá mẫu)
“Hộp quà gọn, thiệp viết tay đẹp. Người nhận rất thích mùi hoa oải hương.”Minh Anh, Quận 7 · đánh giá trên Google (mẫu)3
Để lại số điện thoại, Nhà Thơm gọi tư vấn chọn hộp
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Trên điện thoại, tiêu đề vẫn nằm ở màn hình đầu và có thanh nút cố định ở cuối màn hình với hai việc: nhận tư vấn và gọi.
Phần lớn khách bấm quảng cáo bằng điện thoại, nên bản điện thoại được dựng trước.
Hộp 3 nến sáp đậu nành, thiệp viết tay.
Vì sao khách chọn2
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Sơ đồ chia trang thành năm phần: lời hứa, lợi ích, bằng chứng, form và nút lặp lại, mỗi phần ghi rõ nội dung cần có.
Duyệt sơ đồ trước khi viết nội dung để tránh sửa cả trang khi mới thấy bố cục.
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Tài liệu tham khảo:web.dev: thiết kế đáp ứng ↗
Bắt đầu từ việc khách cần làm, rồi sắp từng phần để dẫn khách tới đó.
Tài liệu tham khảo:web.dev: thiết kế đáp ứng ↗web.dev: thiết kế đáp ứng cơ bản ↗
Cần bản chốt thông điệp, ảnh thật và một người duyệt bản điện thoại.
Mỗi phần trả lời một câu hỏi: đúng thứ cần không, vì sao chọn, đáng tin không, làm gì tiếp. Phần nào không trả lời thì bỏ.
| A | B | C | D | |
|---|---|---|---|---|
| 1 | Vị trí | Nội dung | Mục đích | Trạng thái |
| 2 | Tiêu đề chính | Nến thơm làm quà tân gia, gói quà miễn phí1 | Khớp quảng cáo | Đã duyệt |
| 3 | Dòng phụ | Hộp 3 nến sáp đậu nành, thiệp viết tay | Nói rõ món quà | Đã duyệt |
| 4 | Nút chính | Nhận tư vấn chọn hộp quà2 | Một việc cần làm | Đã duyệt |
| 5 | Điều kiện | Đơn từ 2 hộp, đến hết 31/10 | Nói đủ điều kiện | Chờ chủ cửa hàng3 |
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Tài liệu tham khảo:W3C WCAG 2.2: kích thước vùng bấm ↗web.dev: thiết kế đáp ứng cơ bản ↗W3C: WCAG 2.2 ↗
Bố cục tốt thể hiện ở việc khách đi hết các phần cần đọc, không phải ở độ đẹp của từng phần.
Đọc riêng bản điện thoại và bản máy tính.
Khách cuộn tới (/qua-tan-gia)
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
| Chỉ số | Cho biết | Cần xem lại khi |
|---|---|---|
| Tỷ lệ khách cuộn tới form | Phần lớn khách tới được form | Chỉ một phần nhỏ cuộn tới form |
| Tỷ lệ khách cuộn tới bằng chứng | Một nửa trở lên | Giảm mạnh ngay ở phần lợi ích |
| Thời gian ở màn hình đầu | Khách dừng đủ đọc tiêu đề | Khách rời trang ngay |
| Tỷ lệ bắt đầu điền form | Tăng sau khi đưa nút lên cao | Thấp dù khách đã cuộn tới form |
Mở bản đồ cuộn trang theo từng thiết bị, xem phần nào khách thôi cuộn rồi ghi một thay đổi cần thử.
Bản đồ nhiệt chỉ cho thấy khách làm gì, không cho biết vì sao.
Cần đối chiếu bản ghi phiên và thử A/B.
Tài liệu tham khảo:Microsoft Clarity: tài liệu ↗
Số trong bảng là số mẫu để minh họa cách đọc, không phải kết quả dự kiến.
Bắt đầu từ sơ đồ năm phần rồi mới viết nội dung và chọn ảnh.
Cắt phần không trả lời câu hỏi nào của khách rồi đo lại bản đồ cuộn.
Dựng bản điện thoại trước và đặt thanh nút cố định cuối màn hình.
| Chỉ số | Giá trị |
|---|---|
| Nút 1 | Nhận tư vấn |
| Nút 2 | Xem toàn bộ cửa hàng |
| Việc cần làm | Giữ một nút chính |
Khách không biết nên bấm nút nào.
Giữ một nút chính, nút còn lại chỉ đóng vai phụ.
| Chỉ số | Giá trị |
|---|---|
| Khách cuộn tới form | 38% |
| Khách cuộn tới bằng chứng | 55% |
| Việc cần làm | Đặt nút ở màn hình đầu |
Chỉ khoảng ba phần mười khách cuộn tới form.
Đưa nút dẫn tới form lên màn hình đầu.
| Chỉ số | Giá trị |
|---|---|
| Chiều cao thanh | Che một phần tư màn hình |
| Vùng chạm | Đủ lớn |
| Việc cần làm | Thu gọn thanh nút |
Thanh cố định quá cao che chữ phía dưới.
Giảm chiều cao và chừa chỗ cuối trang.
Tài liệu tham khảo:Google Search Central: lập chỉ mục ưu tiên thiết bị di động ↗
Đánh dấu từng mục để xem mức sẵn sàng. Trạng thái chỉ lưu trên trình duyệt của bạn.
Tài liệu tham khảo:W3C WCAG 2.2: kích thước vùng bấm ↗
Ba màn hình: khối đánh giá, bản điện thoại và khối chính sách. Bấm từng mục để xem.
Điểm trung bình, số đánh giá, hai đánh giá có tên và nơi đăng, cùng ảnh khách gửi đã được phép dùng.
Khách tin người giống mình hơn lời tự giới thiệu của cửa hàng.
Mỗi đánh giá ghi nguồn và ngày. Đánh giá trích từ tin nhắn có sự đồng ý của khách.2
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Điểm đánh giá nằm sát tiêu đề, các đánh giá vuốt ngang và dải chính sách gồm ba ý ngắn.
Bằng chứng chiếm quá nhiều màn hình sẽ đẩy form xuống thấp.
Khách nói gì về hộp quà
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Gói quà, đổi trả, giao hàng và thanh toán được nói rõ, kèm điều kiện cụ thể.
Khách đặt xong mới biết điều kiện sẽ mất tin hơn là khách biết trước một điều kiện chặt.
Chính sách cho đơn quà tân gia
Điều kiện hiện ngay cạnh ưu đãi và ở cuối trang, không giấu sau liên kết nhỏ.
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Tài liệu tham khảo:Google Search Central: nội dung hữu ích, đáng tin cậy, đặt người dùng lên hàng đầu ↗
Dùng bằng chứng có sẵn và được phép dùng; không có thì không tự viết.
Tài liệu tham khảo:Google Search Central: nội dung hữu ích, đáng tin cậy, đặt người dùng lên hàng đầu ↗Chính sách nội dung do người dùng Maps đóng góp ↗
Cần danh sách bằng chứng có nguồn và lời đồng ý của khách.
Chỉ đưa lên trang điều có thật và có nguồn. Đánh giá không bịa, không sửa chữ, không dùng ảnh hoặc tin nhắn khi chưa được phép.
| A | B | C | D | |
|---|---|---|---|---|
| 1 | Bằng chứng | Nguồn | Được phép dùng | Trạng thái |
| 2 | Đánh giá của Minh Anh | Google Maps | Công khai trên Google | Dùng được |
| 3 | Tin nhắn của Thu Trang | Zalo | Khách đồng ý bằng tin nhắn1 | Dùng được |
| 4 | Ảnh hộp quà khách gửi | Zalo | Chưa hỏi | Cần xin phép2 |
| 5 | Ảnh chụp tại cửa hàng | Nhân viên chụp | Của cửa hàng | Dùng được |
| 6 | 126 đánh giá | Hồ sơ Google của cửa hàng | Số công khai | Cập nhật hằng tháng3 |
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Tài liệu tham khảo:Google Search Central: nội dung hữu ích, đáng tin cậy, đặt người dùng lên hàng đầu ↗Chính sách nội dung do người dùng Maps đóng góp ↗
Bằng chứng giúp khách yên tâm điền form, nhưng khách cuộn tới đó vốn đã quan tâm hơn.
So hai nhóm khách để đọc, không kết luận nguyên nhân.
| A | B | C | D | |
|---|---|---|---|---|
| 1 | Nhóm khách | Phiên | Bắt đầu điền | Tỷ lệ |
| 2 | Cuộn tới khối đánh giá | 1.011 | 402 | 39,8%1 |
| 3 | Không cuộn tới | 831 | 210 | 25,3%2 |
| 4 | Tất cả khách vào trang3 | 1.842 | 612 | 33,2% |
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
| Chỉ số | Cho biết | Cần xem lại khi |
|---|---|---|
| Tỷ lệ bắt đầu điền của nhóm cuộn tới bằng chứng | Cao hơn nhóm không cuộn tới | Thấp hơn nhóm không cuộn tới |
| Số khách cuộn tới khối bằng chứng | Một nửa trở lên | Rất ít khách cuộn tới |
| Câu hỏi về đổi trả và giao hàng | Giảm trong tin nhắn và cuộc gọi | Vẫn lặp lại nhiều lần mỗi tuần |
| Số bằng chứng còn hiệu lực | Tất cả đều có nguồn và ngày | Có bằng chứng cũ hoặc không rõ nguồn |
Chia khách theo việc có cuộn tới khối bằng chứng hay không, so tỷ lệ bắt đầu điền.
Muốn biết tác động thật thì chạy thử nghiệm A/B.
Số cao hơn chưa chứng minh bằng chứng là nguyên nhân.
Chỉ thử nghiệm A/B mới trả lời được.
Tài liệu tham khảo:Google Analytics: sự kiện đề xuất ↗Microsoft Clarity: tài liệu ↗
Số trong bảng là số mẫu để minh họa cách đọc, không phải kết quả dự kiến.
Dùng loại bằng chứng khác: ảnh thật, quy trình làm, chính sách rõ ràng.
Không tự viết đánh giá.
Xin phép từng người trước khi dùng và lưu lại câu đồng ý.
Viết chính sách ngắn gọn và đặt gần ưu đãi, không để ở trang riêng.
| Chỉ số | Giá trị |
|---|---|
| Đánh giá | Rất hài lòng! |
| Nguồn | Không có |
| Việc cần làm | Ghi nguồn hoặc gỡ |
Khách nghi ngờ và không kiểm chứng được.
Ghi tên, nơi đăng và ngày.
| Chỉ số | Giá trị |
|---|---|
| Ảnh | Hộp quà khách gửi |
| Sự đồng ý | Chưa hỏi |
| Việc cần làm | Xin phép rồi mới dùng |
Có thể làm khách khó chịu.
Gỡ ảnh, nhắn xin phép và lưu câu trả lời.
| Chỉ số | Giá trị |
|---|---|
| Trên trang | 126 đánh giá |
| Trên Google | 141 đánh giá |
| Việc cần làm | Cập nhật và ghi ngày |
Con số không khớp nguồn làm mất tin cậy.
Cập nhật mỗi tháng và ghi ngày.
Tài liệu tham khảo:Google Search Central: nội dung hữu ích, đáng tin cậy, đặt người dùng lên hàng đầu ↗
Đánh dấu từng mục để xem mức sẵn sàng. Trạng thái chỉ lưu trên trình duyệt của bạn.
Tài liệu tham khảo:Chính sách nội dung do người dùng Maps đóng góp ↗
Ba màn hình: bốn trạng thái của form, bản điện thoại và mã HTML. Bấm từng mục để xem.
Ban đầu, điền thiếu, đang gửi và đã gửi. Mỗi trạng thái nói rõ khách đang ở đâu và cần làm gì tiếp.
Form chỉ tốt khi cả bốn trạng thái đều được thiết kế, không chỉ trạng thái đầu tiên.
1Ban đầu1
Nhận tư vấn2Điền thiếu2
Nhận tư vấn3Đang gửi3
Đang gửi…4Đã gửi4
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Ô điện thoại hiện bàn phím số, nhãn nằm trên ô và nút gửi rộng cả chiều ngang màn hình.
Khai báo đúng kiểu nhập giúp khách không phải chuyển bàn phím và gõ sai ít hơn.
Nhận tư vấn chọn hộp quà
Nhận tư vấn3Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Mỗi ô có nhãn gắn bằng for và id, ô điện thoại khai báo kiểu tel, thông báo lỗi có role alert.
Đây là phần không thấy được nhưng quyết định form có dùng được với trình đọc màn hình hay không.
1<form action="/gui-yeu-cau" method="post">2<label for="ten">Họ và tên</label>3<input id="ten" name="ten" autocomplete="name" required>4<label for="sdt">Số điện thoại</label>5<input id="sdt" name="sdt" type="tel" inputmode="tel" autocomplete="tel" required aria-describedby="sdt-loi">6<p id="sdt-loi" role="alert" hidden>Số điện thoại cần 10 chữ số.</p>7<button type="submit">Nhận tư vấn chọn hộp quà</button>8</form>
Mỗi ô có nhãn gắn bằng for và id. Thông báo lỗi được đọc lên cho người dùng trình đọc màn hình.
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Tài liệu tham khảo:web.dev: biểu mẫu ↗MDN: ô nhập số điện thoại (type=tel) ↗
Bắt đầu từ dữ liệu cần thiết. Mỗi trường là một lý do bỏ dở.
Tài liệu tham khảo:web.dev: biểu mẫu ↗W3C WAI: hướng dẫn biểu mẫu ↗
Cần quyết định hỏi những gì và ai sẽ nhận yêu cầu sau khi khách gửi.
Mỗi trường hỏi thêm là một lý do để khách bỏ dở. Hỏi vừa đủ để gọi lại được, phần còn lại hỏi sau khi đã nói chuyện.
| A | B | C | D | |
|---|---|---|---|---|
| 1 | Trường | Vì sao cần | Kiểu nhập | Bắt buộc |
| 2 | Họ và tên | Để nhân viên chào đúng tên | Văn bản, gợi ý tên | Có |
| 3 | Số điện thoại | Cách chính để gọi lại | Số điện thoại, bàn phím số1 | Có |
| 4 | Bạn cần gì | Chuẩn bị gợi ý trước khi gọi | Chọn một trong bốn | Không2 |
| 5 | Chưa cần ở lần liên hệ đầu | — | Bỏ khỏi form3 |
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Tài liệu tham khảo:W3C WAI: hướng dẫn biểu mẫu ↗W3C WAI: kiểm tra dữ liệu biểu mẫu ↗web.dev: kiểm tra dữ liệu biểu mẫu ↗MDN: ô nhập số điện thoại (type=tel) ↗MDN: thuộc tính autocomplete ↗
Mỗi bước của form là một sự kiện riêng trong Analytics, nên có thể biết khách bỏ ở bước nào.
Đặt các sự kiện cạnh nhau để tìm chỗ rơi lớn nhất.
Sự kiện
| Tên sự kiện | Số sự kiện | Người dùng | Sự kiện chính |
|---|---|---|---|
page_view | 14.920 | 6.210 | |
session_start | 7.062 | 6.210 | |
scroll | 5.240 | 3.380 | |
form_start | 1.1403 | 980 | |
form_submit | 4022 | 360 | |
generate_lead1 | 281 | 262 | Sự kiện chính |
form_start đo bằng người bắt đầu điền, generate_lead chỉ gửi sau khi máy chủ báo đã nhận.
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
| Chỉ số | Cho biết | Cần xem lại khi |
|---|---|---|
| form_start so với lượt vào trang | Ổn định giữa các tuần | Giảm sau khi đổi trang |
| form_submit so với form_start | Phần lớn khách bắt đầu đều bấm gửi | Nhiều khách bắt đầu nhưng không gửi |
| generate_lead so với form_submit | Gần bằng nhau | Chênh nhiều: bấm gửi nhưng báo lỗi |
| Tỷ lệ lỗi theo trường | Thấp và rải đều | Một trường gây phần lớn lỗi |
Mở báo cáo Sự kiện, đặt form_start cạnh generate_lead rồi xem chỗ rơi lớn nhất để sửa trước.
Chỉ gửi generate_lead khi máy chủ xác nhận đã nhận form.
Gửi ngay khi khách bấm nút sẽ đếm cả những lần gửi lỗi.
Tài liệu tham khảo:Google Analytics: sự kiện đề xuất ↗Google Analytics: sự kiện chính ↗
Số trong bảng là số mẫu để minh họa cách đọc, không phải kết quả dự kiến.
Bỏ trường chưa cần ngay rồi theo dõi tỷ lệ bắt đầu điền và gửi thành công.
Đặt kiểu nhập, báo lỗi rõ và tự bỏ khoảng trắng thừa.
Thêm sự kiện bắt đầu, gửi và gửi thành công trước khi sửa form.
| Chỉ số | Giá trị |
|---|---|
| Nhãn | Chữ mờ trong ô |
| Khi đang gõ | Biến mất |
| Việc cần làm | Đặt nhãn trên ô |
Khi khách gõ, chữ mờ biến mất và khách quên ô này hỏi gì.
Dùng nhãn nằm trên ô.
| Chỉ số | Giá trị |
|---|---|
| Vị trí báo lỗi | Đầu trang |
| Nội dung | Có lỗi xảy ra |
| Việc cần làm | Báo dưới ô sai |
Khách không biết ô nào sai.
Báo ngay dưới ô sai và nói cách sửa.
| Chỉ số | Giá trị |
|---|---|
| Nút sau khi bấm | Vẫn bấm được |
| Yêu cầu nhận | 2 bản giống nhau |
| Việc cần làm | Khóa nút khi đang gửi |
Cửa hàng nhận hai yêu cầu giống nhau.
Đổi trạng thái nút ngay sau khi bấm.
Tài liệu tham khảo:web.dev: kiểm tra dữ liệu biểu mẫu ↗
Đánh dấu từng mục để xem mức sẵn sàng. Trạng thái chỉ lưu trên trình duyệt của bạn.
Tài liệu tham khảo:W3C WAI: hướng dẫn biểu mẫu ↗
Ba màn hình: trang cảm ơn, thư báo người nhận và danh sách khách. Bấm từng mục để xem.
Lời xác nhận rõ ràng, ba bước kế tiếp và số điện thoại cho người cần gấp. Không hứa giờ gọi mà cửa hàng chưa chắc làm được.
Trang này cũng là nơi đo lượt gửi thành công nếu form không đổi nội dung tại chỗ.
Nhà Thơm (mẫu) sẽ gọi lại trong giờ làm việc để tư vấn chọn hộp quà.
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Tiêu đề thư nêu nhu cầu và số điện thoại, nội dung ghi nguồn và chiến dịch, nút mở thẳng hồ sơ khách.
Người nhận không phải đi tìm yêu cầu trong hộp thư chung.
Form Nhà Thơm <form@nhathom.example> · 05/10 09:12
| Họ và tên | Nguyễn Văn An |
|---|---|
| Điện thoại | 0900 000 xxx (số mẫu) |
| Nhu cầu | Quà tân gia, khoảng 3 hộp |
| Nguồn | google / cpc · chiến dịch qua-tan-gia2 |
| Trang | /qua-tan-gia |
Mở trong danh sách khách3
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Mỗi khách có nguồn quảng cáo, người phụ trách và trạng thái từ mới tới đã gọi, hẹn lại hoặc không liên hệ được.
Nhìn danh sách là biết khách nào cần gọi ngay và khách nào đã xong.
| Ngày | Khách | Nguồn | Phụ trách | Trạng thái |
|---|---|---|---|---|
| 05/10 | Nguyễn Văn An | google / cpc1 | Hà Trang | Mới2 |
| 04/10 | Trần Thu Hà | google / cpc | Hà Trang | Đã gọi |
| 04/10 | Lê Quốc Bảo | zalo / ads | Minh Khoa | Đã gợi ý |
| 03/10 | Phạm Mai | (trực tiếp) | Minh Khoa | Hẹn gọi lại |
| 02/10 | Đỗ Thanh | google / cpc | Hà Trang | Không gọi được3 |
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Tài liệu tham khảo:Google Analytics: báo cáo form tạo lead ↗
Quyết định người nhận trước khi trang chạy, không đợi tới khi có khách đầu tiên.
Tài liệu tham khảo:Google Analytics: báo cáo form tạo lead ↗Google Analytics: sự kiện đề xuất ↗
Cần biết ai nhận, nhận lúc nào và báo bằng kênh nào.
Một yêu cầu không có người nhận cũng giống như chưa gửi. Chốt người nhận và cách báo trước khi trang chạy.
| A | B | C | D | |
|---|---|---|---|---|
| 1 | Tình huống | Gửi tới | Cách báo | Việc tiếp theo |
| 2 | Gửi form trong giờ làm việc | Hà Trang | Zalo và email | Gọi lại trong ca làm |
| 3 | Gửi form ngoài giờ | Hàng chờ buổi sáng1 | Gọi lại đầu ca sau | |
| 4 | Chọn "Quà doanh nghiệp" | Minh Khoa2 | Zalo và email | Gửi bảng giá mẫu |
| 5 | Số điện thoại sai | Hà Trang | Nhắn Zalo hỏi lại3 |
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Tài liệu tham khảo:Google Analytics: báo cáo form tạo lead ↗Google Analytics: sự kiện chính ↗
Phễu cho thấy khách rơi ở bước nào và bước đó thuộc về trang hay thuộc về phía cửa hàng.
Mỗi bước có một người chịu trách nhiệm.
| A | B | C | D | |
|---|---|---|---|---|
| 1 | Bước | Số lượng | So với bước trước | Đo bằng |
| 2 | Vào trang | 1.842 | — | Analytics: phiên |
| 3 | Bắt đầu điền form | 612 | 33,2%1 | form_start |
| 4 | Bấm gửi | 188 | 30,7% | form_submit |
| 5 | Gửi thành công | 126 | 67,0%2 | generate_lead |
| 6 | Đã liên hệ được | 118 | 93,7% | Trạng thái trong danh sách khách |
| 7 | Ra đơn | 31 | 26,3%3 | Đơn hàng ghi nhận trong cửa hàng |
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
| Chỉ số | Cho biết | Cần xem lại khi |
|---|---|---|
| Tỷ lệ bắt đầu điền | Ổn định giữa các tuần | Giảm khi đổi quảng cáo hoặc trang |
| Tỷ lệ gửi thành công | Gần với tỷ lệ bấm gửi | Chênh nhiều: form báo lỗi hoặc máy chủ chậm |
| Tỷ lệ liên hệ được | Cao và đều | Thấp: số sai hoặc gọi chậm |
| Thời gian từ gửi tới gọi lại | Trong ca làm việc | Quá một ngày làm việc |
Mỗi tuần đặt sáu bước cạnh nhau, tìm bước rơi lớn nhất rồi hỏi người phụ trách bước đó trước khi sửa trang.
Hai bước cuối nằm ở phía cửa hàng.
Sửa trang không cải thiện tỷ lệ liên hệ nếu người nhận không gọi lại kịp.
Tài liệu tham khảo:Google Analytics: khám phá phễu ↗Google Analytics: báo cáo form tạo lead ↗
Số trong bảng là số mẫu để minh họa cách đọc, không phải kết quả dự kiến.
Dùng thông báo Zalo và một danh sách chung, đặt giờ trả lời rõ ràng.
Chia khách theo ca hoặc loại nhu cầu để không bị trùng việc.
Gắn thông số nguồn vào đường dẫn quảng cáo và lưu theo từng khách.
| Chỉ số | Giá trị |
|---|---|
| Nơi nhận | Hộp thư chung |
| Người chịu trách nhiệm | Chưa có |
| Việc cần làm | Gán người nhận |
Không ai chịu trách nhiệm nên yêu cầu bị sót.
Chuyển thẳng cho người nhận.
| Chỉ số | Giá trị |
|---|---|
| Nguồn | Trống |
| Chiến dịch | Trống |
| Việc cần làm | Gắn thông số nguồn |
Không thể chia ngân sách theo hiệu quả.
Lưu nguồn cùng mỗi khách.
| Chỉ số | Giá trị |
|---|---|
| Số điện thoại | Thiếu một chữ số |
| Cách khác | Nhắn Zalo hỏi lại |
| Việc cần làm | Ghi cách liên hệ thứ hai |
Mất khách đã quan tâm.
Cần có cách liên hệ thứ hai như Zalo.
Tài liệu tham khảo:Google Analytics: báo cáo form tạo lead ↗
Đánh dấu từng mục để xem mức sẵn sàng. Trạng thái chỉ lưu trên trình duyệt của bạn.
Tài liệu tham khảo:Google Analytics: báo cáo form tạo lead ↗
Ba màn hình: kiểm tra mã đo, thử nghiệm đang chạy và báo cáo. Bấm từng mục để xem.
Chế độ xem trước của Tag Manager cho thấy sự kiện generate_lead đẩy vào, thẻ nào đã kích hoạt và thẻ nào chưa.
Sửa mã đo trước khi chạy thử nghiệm, vì thử nghiệm không có số đo thì không có kết luận.
Tóm tắt
1Container Loaded2Page View3DOM Ready4Window Loaded5form_start6generate_lead1Sự kiện 6: generate_lead
Thẻ đã kích hoạt (1)2
Thẻ chưa kích hoạt (2)
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Hai bản tiêu đề chia ngẫu nhiên, chỉ khác nhau đúng tiêu đề. Màn hình nói rõ chưa đủ dữ liệu để kết luận.
Ghi sẵn ngày đọc kết quả để không dừng sớm khi một bản đang cao hơn.
ABản gốc
BĐang cao hơn
Chưa đủ dữ liệu để kết luận2Chênh lệch có thể do ngẫu nhiên. Chờ đủ thời gian và số phiên đã đặt từ đầu rồi mới chọn.
Hai bản chia ngẫu nhiên 50/50, chỉ khác tiêu đề. Giữ nguyên ưu đãi, ảnh và form.3
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Báo cáo Trang đích cho thấy phiên, tỷ lệ tương tác và sự kiện chính của từng trang đích.
So các trang cùng nguồn và cùng khoảng thời gian để số có ý nghĩa.
Trang đích
| Trang đích | Phiên | Tỷ lệ phiên có tương tác | Sự kiện chính |
|---|---|---|---|
| /qua-tan-gia1 | 1.842 | 71,3% | 1262 |
| /qua-tang-doanh-nghiep | 960 | 64,2% | 58 |
| / | 2.410 | 58,7%3 | 41 |
| /workshop | 530 | 66,0% | 19 |
| /nen-thom | 1.320 | 61,8% | 37 |
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Tài liệu tham khảo:Google Tag Manager: chế độ xem trước ↗Google Analytics: sự kiện chính ↗
Mỗi thử nghiệm trả lời một câu hỏi. Không đổi nhiều thứ cùng lúc.
Tài liệu tham khảo:Google Tag Manager: chế độ xem trước ↗Google Analytics: sự kiện chính ↗
Cần mã đo chạy đúng, số liệu nền và một người quyết định chọn bản thắng.
Một thử nghiệm trả lời một câu hỏi. Không đổi nhiều thứ cùng lúc, không dừng sớm, ghi lại quyết định để khỏi thử lại.
| A | B | C | D | |
|---|---|---|---|---|
| 1 | Giả thuyết | Chỉ khác nhau | Chỉ số chính | Tình trạng |
| 2 | Tiêu đề nói rõ món quà sẽ làm nhiều khách bắt đầu điền hơn | Tiêu đề bản A và B1 | Tỷ lệ lead | Đang chạy2 |
| 3 | Form ngắn hơn ít bị bỏ dở hơn | Hai trường và bốn trường | Tỷ lệ gửi thành công | Chưa chạy |
| 4 | Đưa đánh giá lên trước form | Vị trí khối đánh giá | Người bắt đầu điền | Xong, giữ bản mới3 |
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
Tài liệu tham khảo:Google Tag Manager: chế độ xem trước ↗Google Analytics: sự kiện chính ↗
Kết quả chỉ đáng tin khi đọc đúng mốc đã đặt, kèm chỉ số phụ để thấy tác dụng ngoài ý muốn.
Đọc theo mốc đã đặt, không đọc từng ngày.
| A | B | C | D | |
|---|---|---|---|---|
| 1 | Mốc | Bản A | Bản B | Cách đọc |
| 2 | Ngày 3 | 5,8% (31 / 534) | 8,0% (41 / 513) | Còn ít dữ liệu1 |
| 3 | Ngày 6 | 6,3% | 7,2% | Chênh lệch thu hẹp2 |
| 4 | Ngày 9 | 6,6% (79 / 1.204) | 7,7% (91 / 1.188) | Chưa đến hạn |
| 5 | Ngày 14 (dự kiến) | — | — | Đọc theo kế hoạch3 |
Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.
| Chỉ số | Cho biết | Cần xem lại khi |
|---|---|---|
| Tỷ lệ lead của từng bản | Chênh lệch giữ nguyên qua nhiều ngày | Chênh lệch đổi chiều theo ngày |
| Số phiên mỗi bản | Đạt số tối thiểu đã đặt | Còn ít nên dao động mạnh |
| Số ngày chạy | Đủ các ngày trong tuần | Chưa trọn một tuần |
| Chỉ số phụ | Không xấu đi khi chỉ số chính tốt lên | Giảm ở bước sau như tỷ lệ liên hệ |
Đến đúng mốc đã đặt thì mở bảng kết quả, so tỷ lệ lead của hai bản, xem chỉ số phụ rồi ghi quyết định.
Chênh lệch nhỏ trong vài trăm phiên có thể chỉ do ngẫu nhiên.
Chưa phân được thắng bại thì ghi là chưa kết luận.
Tài liệu tham khảo:Google Analytics: sự kiện đề xuất ↗Google Analytics: khám phá phễu ↗
Số trong bảng là số mẫu để minh họa cách đọc, không phải kết quả dự kiến.
Chạy vài tuần để có mức nền trước khi thử nghiệm, chưa thử vội.
Xếp ý tưởng theo mức ảnh hưởng và độ dễ làm rồi chạy từng cái một.
Kéo dài tới mốc đã đặt hoặc chuyển sang giả thuyết khác thay vì kết luận sớm.
| Chỉ số | Giá trị |
|---|---|
| Thay đổi | Tiêu đề, ảnh và form |
| Kết quả | Bản mới cao hơn |
| Việc cần làm | Thử từng thứ một |
Không biết thứ nào tạo ra chênh lệch.
Chia thành ba thử nghiệm riêng.
| Chỉ số | Giá trị |
|---|---|
| Ngày dừng | Ngày 3 |
| Mốc đã đặt | Ngày 14 |
| Việc cần làm | Chạy đủ 14 ngày |
Số liệu những ngày đầu dao động mạnh.
Chờ tới mốc đã đặt.
| Chỉ số | Giá trị |
|---|---|
| Thẻ generate_lead | Đã kích hoạt |
| Thẻ chuyển đổi quảng cáo | Chưa kích hoạt |
| Việc cần làm | Sửa điều kiện thẻ |
Thử nghiệm không có số đo.
Kiểm tra điều kiện của thẻ bằng chế độ xem trước.
Tài liệu tham khảo:Google Tag Manager: chế độ xem trước ↗
Đánh dấu từng mục để xem mức sẵn sàng. Trạng thái chỉ lưu trên trình duyệt của bạn.
Tài liệu tham khảo:Google Tag Manager: chế độ xem trước ↗
Chọn một ô để quay lại đúng phần nội dung ở trên.
Mỗi bước kết thúc bằng một thứ xem được. Bấm một bước để xem việc làm và thứ được bàn giao.
Thông điệp, ưu đãi, hành động duy nhất.
Bàn giaoBản tóm tắtNăm phần, bản điện thoại trước.
Bàn giaoBản mẫu duyệtForm về CRM, email, báo người trực.
Bàn giaoTrang thử nghiệmForm lỗi, thành công, tốc độ, đo lường.
Bàn giaoBiên bản kiểm thửĐọc số tuần đầu, thử một thay đổi.
Bàn giaoBáo cáo, phiên bản BTài liệu tham khảo:web.dev: biểu mẫu ↗web.dev: Core Web Vitals ↗
Chọn một chủ đề. Câu trả lời nói rõ cả điều làm được lẫn điều không ai bảo đảm được.
Trang chủ phục vụ nhiều nhu cầu; Landing Page phục vụ một chiến dịch và bỏ các hướng rẽ không cần.
Thường giữ tối thiểu hoặc bỏ, để khách tập trung vào một hành động.
Đủ để gọi lại và phân loại. Bớt trường có thể tăng lead nhưng cũng tăng lead không phù hợp; đo cả hai.
Được nếu cùng lời hứa. Quảng cáo nói khác nhau nên có phiên bản trang tương ứng.
Tùy tốc độ chốt thông điệp và nội dung; phần dựng thường nhanh hơn phần duyệt.
Không. Tỷ lệ phụ thuộc quảng cáo, ưu đãi và sản phẩm; ONMATE đo và thử nghiệm để cải thiện.
Tài liệu tham khảo:web.dev: biểu mẫu ↗W3C WAI: hướng dẫn biểu mẫu ↗
Chỉ cần họ tên và số điện thoại. Các mục còn lại bỏ trống cũng được.
Yêu cầu chưa được gửi. Bạn có thể sao chép nội dung và gửi qua Messenger hoặc kênh liên hệ bên dưới để bắt đầu trao đổi.