Thêm JavaScript tùy chỉnh vào Trung tâm Hỗ trợ của bạn

Bạn có thể thêm mã JavaScript tùy chỉnh vào trung tâm trợ giúp Notiondesk để tích hợp các dịch vụ của bên thứ ba, theo dõi các sự kiện tùy chỉnh hoặc thêm các tính năng tương tác không có sẵn theo mặc định.

Vì lý do bảo mật, JavaScript tùy chỉnh chỉ được phép sử dụng trên các tên miền tùy chỉnh .

Những điều bạn có thể làm với JavaScript tùy chỉnh

JavaScript cho phép bạn mở rộng trung tâm trợ giúp của mình vượt ra ngoài các chức năng mặc định. Các trường hợp sử dụng phổ biến bao gồm:

Tích hợp với bên thứ ba: Kết nối các dịch vụ mà Notiondesk không hỗ trợ sẵn.

Theo dõi phân tích tùy chỉnh: Gửi sự kiện đến các công cụ như Mixpanel, Hotjar hoặc Segment để theo dõi các hành động cụ thể của người dùng.

Tính năng tương tác: Thêm các yếu tố động như chú giải công cụ, biểu ngữ thông báo hoặc hành vi điều hướng tùy chỉnh.

Công cụ tiếp thị và chuyển đổi: Nhúng pixel nhắm mục tiêu lại, kịch bản thử nghiệm A/B hoặc tiện ích thu thập khách hàng tiềm năng.

Cách thêm JavaScript tùy chỉnh

Vào Cài đặt → Tùy chỉnh .

Mở mục Nâng cao .

Dán mã JavaScript của bạn vào ô văn bản JavaScript tùy chỉnh .

Nhấp vào Lưu thay đổi .

Tập lệnh của bạn sẽ được tải trên mọi trang của trung tâm trợ giúp sau khi trang được làm mới lần tiếp theo.

Ví dụ

Thêm tập lệnh theo dõi Hotjar

Thay thế YOUR_HOTJAR_ID bằng ID trang web Hotjar thực tế của bạn.

Hiển thị biểu ngữ thông báo tùy chỉnh

Theo dõi lượt xem bài viết bằng sự kiện tùy chỉnh

Thực tiễn tốt nhất

<script>
  (function(h,o,t,j,a,r){
    h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
    h._hjSettings={hjid:YOUR_HOTJAR_ID,hjsv:6};
    a=o.getElementsByTagName('head')[0];
    r=o.createElement('script');r.async=1;
    r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
    a.appendChild(r);
  })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    var banner = document.createElement('div');
    banner.innerHTML = 'We are currently experiencing delays. <a href="/status">Check status</a>';
    banner.style.cssText = 'background:#FEF3C7;padding:10px;text-align:center;font-size:14px;';
    document.body.prepend(banner);
  });
</script>

<script>
  document.addEventListener('DOMContentLoaded', function() {
    var title = document.title;
    var path = window.location.pathname;
    // Replace with your own analytics call
    console.log('Article viewed:', title, path);
  });
</script>

Hãy kiểm tra trước khi xuất bản. Thử chạy đoạn mã của bạn trong bảng điều khiển trình duyệt trước để phát hiện lỗi sớm.

Hãy giữ cho các đoạn mã lệnh gọn nhẹ. Các đoạn mã lệnh nặng có thể làm chậm thời gian tải trang và ảnh hưởng đến trải nghiệm người đọc.

Tránh chỉnh sửa các thành phần cốt lõi. Việc thay đổi bố cục chính hoặc điều hướng của trung tâm trợ giúp bằng JavaScript có thể gây lỗi khi cập nhật Notiondesk trong tương lai.

Bảng mục lục