Thử nghiệm pixel tùy chỉnh

Sau khi tạo pixel tùy chỉnh, bạn cần thử nghiệm để đảm bảo pixel đang gửi dữ liệu chính xác khi có sự kiện xảy ra trên trang web của bạn.

Bạn có thể sử dụng Shopify Pixel Helper để kiểm tra xem các sự kiện pixel của mình có tải hay không và bạn đã đăng ký các sự kiện Shopify đúng cách chưa. Shopify Pixel Helper cho phép bạn thử nghiệm pixel tùy chỉnh trên cửa hàng trực tuyến để xem các sự kiện đang được nhận theo thời gian thực cùng với dữ liệu của những sự kiện đó.

Nếu pixel tùy chỉnh tích hợp với nền tảng bên thứ ba có sẵn công cụ hỗ trợ pixel riêng, bạn có thể sử dụng công cụ hỗ trợ pixel của bên thứ ba cùng với Shopify Pixel Helper để kiểm tra xem nền tảng bên thứ ba có xử lý và nhận các sự kiện pixel hay không. Ví dụ: Nếu thêm pixel tùy chỉnh của TikTok vào cửa hàng, bạn có thể dùng cả Shopify Pixel Helper và công cụ hỗ trợ pixel của TikTok để thử nghiệm pixel của mình.

Bạn có thể sử dụng Shopify Pixel Helper trong cùng một phiên duyệt web với công cụ hỗ trợ pixel của bên thứ ba để thử nghiệm sự kiện cho cả hai nền tảng cùng lúc.

Dưới đây là tập lệnh pixel tùy chỉnh sẽ kích hoạt tất cả các sự kiện tiêu chuẩn trên môi trường sandbox và ghi nhật ký dữ liệu sự kiện vào bảng điều khiển. Các sự kiện tiêu chuẩn sẽ hiển thị trong Shopify Pixel Helper. Ngoài ra, bạn có thể đăng ký các gói đăng ký hàng loạt khác là all_events, all_custom_events và all_dom_events để khám phá toàn bộ khả năng của web pixel. Truy cập API web pixel để biết thêm thông tin.

analytics.subscribe("all_standard_events", event => {
   console.log("Event data ", event?.data);
});

Đảm bảo pixel tùy chỉnh đã được kết nối

Trước khi thử nghiệm pixel tùy chỉnh, hãy đảm bảo pixel tùy chỉnh đó đã được kết nối.

Các bước thực hiện:

1. Từ bảng điều khiển quản trị Shopify, đi tới Cài đặt > Sự kiện của khách hàng.

2. Bên cạnh pixel bạn muốn kiểm tra, hãy xác minh xem pixel có hiển thị trạng thái Đã kết nối trong cột Trạng thái hay không.

3. Nếu chưa kết nối pixel, hãy nhấp vào ..., rồi nhấp vào Kết nối.

Thử nghiệm pixel tùy chỉnh bằng Shopify Pixel Helper

Sau khi xác minh pixel tùy chỉnh đã kết nối, bạn có thể sử dụng Trình trợ giúp pixel của Shopify để kiểm tra xem pixel tùy chỉnh có đang gửi và nhận dữ liệu cửa hàng hay không. Bạn chỉ có thể kiểm tra mỗi lần một pixel tùy chỉnh.

Các bước thực hiện:

1. Từ bảng điều khiển quản trị Shopify, đi tới Cài đặt > Sự kiện của khách hàng.

2. Nhấp vào pixel tùy chỉnh bạn muốn kiểm tra.

3. Nhấp vào Kiểm tra để mở và kiểm tra pixel tùy chỉnh trên trang web.

4. Tùy chọn: Tùy thuộc vào cài đặt về sự đồng ý của cửa hàng và cài đặt quyền riêng tư của khách hàng đối với pixel tùy chỉnh, hộp thoại Trình trợ giúp pixel có thể hiển thị thông báo Pixel đang chờ đồng ý. Thực hiện một trong những cách sau để tiếp tục kiểm tra:

   • Chấp nhận theo dõi trên biểu ngữ cookie hoặc tùy chọn của cửa hàng.
   • Nhấp vào Đồng ý để tiếp tục kiểm tra.
   • Nếu pixel vẫn không tải, hãy xem lại cài đặt quyền riêng tư của khách hàng.

5. Để xem những sự kiện nào đang tải, hãy truy cập từng trang bạn muốn kiểm tra pixel và xem lại hộp thoại Trình trợ giúp pixel để đảm bảo đã đăng ký sự kiện và thực hiện hàm gọi lại thành công trong phần Sự kiện đã nhận:

   • Chuyển đến trang mới để kiểm tra sự kiện page_viewed.
   • Nhấp vào một sản phẩm để kiểm tra sự kiện product_viewed.
   • Thêm sản phẩm vào giỏ hàng để kiểm tra sự kiện product_added_to_cart.
   • Đi đến trang thanh toán để kiểm tra sự kiện checkout_started.
   • Nhập thông tin vận chuyển khi thanh toán để kiểm tra xem sự kiện checkout_shipping_info_submitted có thay thế sự kiện checkout_started không.
   • Hoàn tất thanh toán để kiểm tra xem sự kiện checkout_completed có thay thế sự kiện checkout_shipping_info_submitted không. Tìm hiểu thêm về cách đặt đơn hàng thử nghiệm.

6. Để xem dữ liệu sự kiện nhận được, hãy nhấp vào để mở rộng hộp thoại trình trợ giúp pixel.

Xem phần Sự kiện đã nhận

Khi bạn kiểm tra các sự kiện đang tải ở bước 5, một trong những trạng thái sau sẽ hiển thị trong phần Sự kiện đã nhận của hộp thoại Trình trợ giúp pixel:

• Chấm màu xanh lá cây cho biết sự kiện đã được đăng ký thành công và hàm gọi lại đã thành công.
• Chấm màu đỏ cho biết sự kiện đã được đăng ký thành công nhưng hàm gọi lại bị lỗi. Tìm hiểu cách khắc phục sự cố pixel tùy chỉnh.
• Trình trợ giúp pixel hiển thị các lỗi chưa được xử lý (uncaught error) xảy ra ở cấp cao nhất hoặc trong hàm gọi lại. Lỗi cấp cao nhất hiển thị khi trình trợ giúp pixel tải. Thông báo lỗi gọi lại hiển thị khi bạn nhấp để mở rộng một sự kiện có chấm màu đỏ.
• Mẫu mã sau đây chứa lỗi gọi lại và lỗi cấp cao nhất. Tùy thuộc vào vị trí của lỗi cấp cao nhất, pixel có thể chỉ hoạt động một phần.

analytics.subscribe("all_standard_events", event => {
  console.log("Event data ", event?.data);
  throw new Error("callback error");
});

throw new Error("top level error")

Để tìm hiểu thêm về cách sửa lỗi JavaScript, hãy truy cập phần Khắc phục sự cố JavaScript.

Khắc phục sự cố pixel tùy chỉnh

Nếu pixel không tải hoặc không kích hoạt trong quá trình kiểm tra, đồng thời bạn đã xem lại dữ liệu sự kiện và mã pixel để tìm lỗi, hãy thử các biện pháp khắc phục sự cố sau.

Xem lại cài đặt quyền riêng tư của khách hàng

Nếu pixel không tải hoặc kích hoạt trong quá trình kiểm tra, có thể do cài đặt quyền riêng tư của khách hàng đang ngăn pixel tải.

Từ trang quản trị Shopify, đi tới Cài đặt > Quyền riêng tư của khách hàng để kiểm tra cài đặt quyền riêng tư của khách hàng trong trang quản trị Shopify có thể áp dụng cho phiên của bạn. Tùy thuộc vào cài đặt quyền riêng tư của khách hàng, hãy thực hiện các bước sau:

• Nếu bạn có cài đặt quyền riêng tư của khách hàng yêu cầu sự đồng ý trong khu vực của mình, hãy đảm bảo bạn đã cung cấp sự đồng ý thông qua biểu ngữ cookie.
• Nếu bạn không có cài đặt quyền riêng tư của khách hàng nào chặn tải pixel, hãy xóa cookie của trình duyệt để thiết lập lại biểu ngữ cookie và cung cấp sự đồng ý.

Nếu sử dụng công cụ của bên thứ ba để quản lý sự đồng ý, hãy liên hệ với nhà cung cấp bên thứ ba để được hỗ trợ.

Khắc phục sự cố khác

Nếu vẫn chưa rõ pixel tùy chỉnh có được đăng ký đúng cách cho sự kiện của khách hàng hay không, hãy thử các biện pháp khắc phục sự cố sau:

• Xóa cookie của trình duyệt.
• Nếu đang kiểm tra sự kiện tiêu chuẩn, hãy xem lại tài liệu cho nhà phát triển về mô tả sự kiện tiêu chuẩn của Shopify để đảm bảo bạn đang thực hiện các bước bắt buộc để kích hoạt sự kiện.

Kiểm tra trình trợ giúp pixel của bên thứ ba

SDK (bộ công cụ phát triển phần mềm) pixel chứa các công cụ để pixel thu thập thông tin về hành vi của khách hàng. Bạn có thể sử dụng trình trợ giúp pixel của nhà cung cấp pixel bên thứ ba để kiểm tra các hành vi sau của pixel và đảm bảo SDK pixel hoạt động như mong đợi:

• Kiểm tra xem SDK bên thứ ba của pixel đã được tải chưa
• Kiểm tra xem SDK pixel của bên thứ ba đã được khởi tạo và nhận sự kiện chưa

Kiểm tra xem SDK pixel của bên thứ ba đã được tải chưa

Các bước để kiểm tra tab mạng phụ thuộc vào trình duyệt web bạn sử dụng. Ví dụ: để tìm hiểu cách kiểm tra tab mạng trên Google Chrome, hãy tham khảo tài liệu Kiểm tra hoạt động mạng (Inspect network activity) của Chrome for Developers.

Để kiểm tra xem SDK pixel của bên thứ ba đã tải chưa, trước tiên bạn cần lấy mã của nhà cung cấp bên thứ ba cho URL của SDK để có thể thêm mã đó vào mã pixel. Để được hỗ trợ, hãy liên hệ với nhà cung cấp pixel bên thứ ba.

Các bước thực hiện:

1. Từ bảng điều khiển quản trị Shopify, đi tới Cài đặt > Sự kiện của khách hàng.

2. Nhấp vào pixel tùy chỉnh bạn muốn kiểm tra.

3. Trong phần Mã, nhập SDK pixel do nhà cung cấp bên thứ ba cung cấp vào cuối mã pixel.

4. Nhấp vào Lưu.

5. Truy cập cửa hàng trực tuyến, sau đó kiểm tra tab mạng để đảm bảo URL SDK của nhà cung cấp bên thứ ba đang được tải xuống.

6. Tùy chọn: Nếu SDK pixel của bên thứ ba không tải, hãy kiểm tra lỗi thời gian chạy JavaScript trong sandbox. Ví dụ: trên Chrome, bạn có thể chọn một iFrame cụ thể để xem lại nhật ký bảng điều khiển, sau đó thu hẹp nhật ký xuống pixel cụ thể mà bạn đang kiểm tra. Để tìm hiểu thêm về cách kiểm tra lỗi thời gian chạy JavaScript trên Chrome, hãy tham khảo tài liệu Gỡ lỗi JavaScript của Chrome.

Nếu SDK pixel của bên thứ ba không tải trong quá trình kiểm tra, hãy liên hệ với nhà cung cấp pixel bên thứ ba để được hỗ trợ.

Kiểm tra SDK pixel của bên thứ ba khác

Để kiểm tra xem SDK pixel của bên thứ ba đã được khởi tạo hay đang thu thập sự kiện, hãy tham khảo tài liệu của nhà cung cấp pixel bên thứ ba.

Để kiểm tra xem SDK pixel có đang thu thập sự kiện hay không, bạn có thể được hướng dẫn kiểm tra tab mạng của trình duyệt. Các bước kiểm tra tab mạng phụ thuộc vào trình duyệt web bạn sử dụng. Ví dụ: để tìm hiểu cách kiểm tra tab mạng trên trình duyệt Google Chrome, hãy tham khảo tài liệu Kiểm tra hoạt động mạng (Inspect network activity) của Chrome for Developers.