Chuyển đến nội dung
Trợ giúp
Thiết kế và cài đặt trong trình thiết kế

Làm sao để thêm JavaScript tùy chỉnh cho toàn bộ cửa hàng?

Thêm JavaScript của riêng bạn vào mọi trang của cửa hàng bằng tab JavaScript tùy chỉnh của trình thiết kế. Khi nào mã chạy, vì sao nó không chạy lại ở mỗi trang, lỗi, và vì sao thẻ theo dõi và mã xác minh nên dùng ứng dụng thay thế.

3 phút đọc

Tab JavaScript tùy chỉnh chạy JavaScript của riêng bạn trên cửa hàng. Hãy dùng nó cho những hành vi nhỏ mà cài đặt của trình thiết kế và các ứng dụng chưa đáp ứng.

Tìm nó ở đâu

Mở trình thiết kế, bấm biểu tượng bánh răng và mở tab JavaScript tùy chỉnh. Ô nhập có tên Mã JavaScript: Áp dụng cho toàn bộ cửa hàng. Dán mã của bạn mà không có thẻ <script>. Chỉ viết JavaScript thuần.

Khi nào mã của bạn chạy

  • Mã chạy một lần khi khách mở cửa hàng, sau khi trang được hiển thị.
  • Mã không chạy lại ở mỗi trang. Khi khách chuyển sang trang khác trong cửa hàng, trang thay đổi mà không tải lại toàn bộ, nên mã của bạn không chạy lần thứ hai. Nếu mã thay đổi các phần tử trên một trang, hãy cho nó xử lý việc chuyển trang, hoặc dùng mục Mã tùy chỉnh trên trang đó.
  • Trong bản xem trước của trình thiết kế, mã cũng chạy, và chạy lại khi bạn thay đổi nó.
  • Mã của bạn chạy trong không gian riêng, nên các tên bạn khai báo không xung đột với cửa hàng. Nếu mã phát sinh lỗi khi chạy, lỗi sẽ được bắt lại và không làm hỏng cửa hàng. Lỗi được ẩn đi, nên nếu không có gì xảy ra, hãy thử mã của bạn từng bước một.

Dùng ứng dụng khi có thể

Nhiều đoạn mã mà người bán dán vào đây đã có ứng dụng chuyên dụng làm tốt hơn:

  • Theo dõi Facebook, TikTok, Snapchat, Pinterest, X hoặc Google Ads: dùng các ứng dụng pixel. Xem Pixel và Conversions API.
  • Google Analytics hoặc các thẻ bạn quản lý trong Google Tag Manager: dùng ứng dụng Google Tag Manager.
  • Mã xác minh cho Google Search Console, Meta, TikTok hoặc Snapchat: dùng ứng dụng Domain Verifier. Mã trong tab này không được đưa vào phần head của trang theo cách mà việc xác minh yêu cầu.
  • Chat trực tuyến: xem Chat trực tuyến Crisp.

Các ứng dụng này gửi sự kiện, như lượt mua hàng, vào đúng thời điểm thay cho bạn.

Mã cho toàn cửa hàng hay mục Mã tùy chỉnh

  • Tab JavaScript tùy chỉnh: mọi trang, chạy một lần mỗi lượt truy cập.
  • Mục Mã tùy chỉnh: một trang, có HTML, CSS và JavaScript riêng, và chạy mỗi lần mục đó được hiển thị. Xem Mã tùy chỉnh.

Mẹo

  • Không bao giờ dán khóa bí mật hoặc mật khẩu. Ai cũng có thể đọc mã này trong trình duyệt của họ.
  • Kiểm tra trên cửa hàng trực tuyến bằng điện thoại và máy tính sau khi xuất bản.
  • Mã của bên thứ ba có thể làm chậm cửa hàng. Chỉ thêm những gì bạn cần.
  • Nếu có gì bị hỏng, hãy xóa trống ô nhập, xuất bản, rồi thêm lại mã từng phần một.
  • Trợ lý AI được kết nối với cửa hàng cần sự cho phép của bạn để thay đổi mã tùy chỉnh. Xem Quản lý quyền truy cập của trợ lý.

Lưu ý

JavaScript tùy chỉnh thuộc về thị trường bạn đang chỉnh sửa. Hãy lặp lại nó ở mọi thị trường cần. Thay đổi có hiệu lực khi bạn bấm Xuất bản.

Vẫn cần trợ giúp?

Hãy nhắn cho chúng tôi, chúng tôi sẽ trả lời bạn.

Liên hệ