Mẹo nhanh: Trình quản lý thẻ của Google

Trình quản lý thẻ của Google đã tự thiết lập là tiêu chuẩn thực tế để tích hợp các tập lệnh theo dõi. Một mặt, điều này phân tách rõ ràng trách nhiệm (tiếp thị trực tuyến so với lập trình) và mặt khác, bạn có thể nhanh chóng thiết lập và sửa đổi theo dõi thông qua một kênh triển khai bổ sung. Đây là hai mẹo nhỏ để thiết lập trình kích hoạt.


Khi tạo trình kích hoạt, người ta thường chọn tùy chọn "Đối sánh với bộ chọn CSS" làm loại trình kích hoạt. Ví dụ: nếu bạn nhập giá trị .foo .bar .button , thường xảy ra trường hợp trình kích hoạt không kích hoạt một cách đáng tin cậy. Lý do cho điều này thường là các phần tử HTML khác (ví dụ: phần tử <span> để tạo kiểu bổ sung) có thể bị ẩn trong phần tử nút. Sau đó, nếu bạn nhấp trực tiếp vào các phần tử con này, trình kích hoạt sẽ không kích hoạt - sự kiện không được truyền tải trong phân cấp DOM (không được tạo bọt). Để tránh điều này, hãy lặp lại bộ chọn và thêm bộ chọn đa năng "*". Trong ví dụ của chúng tôi, toàn bộ biểu thức là .foo .bar .button, .foo .bar .button * .

Mẹo thứ hai, đã có một hành vi đáng lo ngại trong trình duyệt Safari kể từ iOS 10.2 (cho đến phiên bản hiện tại): Nếu bạn theo dõi các liên kết mailto:, thông báo sau sẽ xuất hiện trong một số trường hợp nhất định sau khi nhấn vào liên kết:

Tại đây, loại trình kích hoạt "Chỉ nhấp chuột - Liên kết " đã được kích hoạt với tùy chọn " Chờ thẻ ". Điều này làm trì hoãn việc kích hoạt mục tiêu liên kết thực tế, dẫn đến thông báo nói trên. Sau khi vô hiệu hóa tùy chọn, sự cố không còn xảy ra nữa. Ngoài ra, bạn có thể sử dụng loại trình kích hoạt " nhấp chuột - tất cả các phần tử " và sử dụng bộ chọn CSS để chỉ định mục tiêu càng chính xác càng tốt dưới dạng một liên kết.

Trở lại