Tạo Link UTM Campaign miễn phí

Cách hoạt động

Công cụ tạo UTM ghép URL theo dõi hoàn toàn trong trình duyệt bằng các API URL và URLSearchParams chuẩn — không máy chủ, không tải lên. Khi bạn gõ, một hook useMemo trực tiếp phân tích URL gốc, kiểm tra tên máy chủ và chỉ thêm các tham số UTM bạn đã điền.

1. 1
   Phân tích và kiểm tra URL

   URL gốc của bạn được đưa vào hàm khởi tạo URL tích hợp của trình duyệt. Công cụ tự động thêm https:// nếu thiếu giao thức, rồi kiểm tra tên máy chủ có ít nhất một dấu chấm (hoặc là localhost) — từ chối văn bản tự do trước khi nó làm hỏng đầu ra.
2. 2
   Thêm tham số UTM qua URLSearchParams

   Mỗi ô đã điền (source, medium, campaign, term, content) được ghi vào đối tượng search-params của URL bằng URLSearchParams.set(). Nếu bật chữ thường, giá trị được chuyển thành chữ thường ở bước này, tránh sai lệch phân bổ do viết hoa không nhất quán.
3. 3
   Mã QR được thư viện qrcode tạo

   Mỗi khi URL cuối cùng thay đổi, thư viện qrcode tạo data-URL 256 px cho bản xem trước nội tuyến và đồng thời vẽ phiên bản 1024 px lên canvas ngoài màn hình. Canvas sau đó được tuần tự hóa thành PNG Blob qua canvas.toBlob() để nút tải về có thể lưu đồng bộ — yêu cầu trên iOS, nơi việc tạo Blob bất đồng bộ trong trình xử lý cú nhấp bị chặn.
4. 4
   Mẫu có thể chia sẻ qua hash của trang

   Trạng thái biểu mẫu (URL gốc cùng mọi giá trị UTM) liên tục được mã hóa vào fragment URL của trang bằng window.history.replaceState. Bất kỳ ai mở URL có hash đó sẽ thấy biểu mẫu được điền sẵn, để bạn lưu hoặc chia sẻ mẫu chiến dịch mà không cần lưu trữ phía máy chủ.

Công cụ liên quan