Từ Trang Tĩnh đến Không Gian Tương Tác: Nhúng Chat Now4Real

Giới Thiệu

Bạn đã bao giờ nghĩ đến việc có thể trò chuyện ngay lập tức trong một trang web cụ thể với những người cùng chia sẻ sở thích? Giải pháp Now4Real là một công cụ tuyệt vời cho điều đó. Trong bài viết này, tôi sẽ hướng dẫn bạn cách tích hợp Now4Real vào trang web của bạn một cách dễ dàng, cũng như những lợi ích mà nó mang lại cho người dùng.

Tại Sao Chọn Now4Real?

Now4Real không chỉ đơn thuần là một công cụ chat. Nó cho phép người dùng tương tác và chia sẻ kiến thức về trang web mà họ đang truy cập. Điều này đặc biệt hữu ích cho các trang web cần tạo ra một cộng đồng trực tuyến, nơi người dùng có thể trao đổi và hỗ trợ lẫn nhau.

Các Bước Tích Hợp Now4Real

Bước 1: Tạo Tài Khoản

Để bắt đầu, bạn cần tạo một tài khoản tại Now4Real. Sau khi đăng ký, hãy truy cập vào bảng điều khiển của bạn.

Bước 2: Thêm Trang Web Mới

Từ bảng điều khiển, bạn hãy thêm một trang web mới. Lưu ý rằng bạn cần sử dụng một miền công khai.

Bước 3: Cấu Hình Mã Nhúng

Trong tệp index.html của ứng dụng, thêm đoạn mã sau:

<meta name="now4real-site-verification" content="XXXXX"/>

Thay thế XXXXX bằng khóa được cung cấp bởi Now4Real khi bạn thêm trang web mới. Sau đó, hãy cam kết và xuất bản thay đổi này để liên kết trang web của bạn với Now4Real.

Bước 4: Quản Lý Xác Thực JWT

Tiếp theo, bạn cần quản lý xác thực JWT để sử dụng tài khoản người dùng đã đăng nhập trong Logica. Nếu bạn đăng nhập vào Logica với tài khoản người dùng, bạn cần sử dụng tài khoản đó trong chat.

Để làm điều này, hãy vào menu bảng điều khiển dưới mục Xác thực và tạo một bí mật chia sẻ.

Bước 5: Cấu Hình Now4Real

Bạn cần một JWT được ký với thuật toán HS256 và sử dụng nó trong đối tượng now4real, như sau:

window.now4real = window.now4real || {};

now4real.config = {
target: "api+widget",
scope: "page",
custom_auth: {
    enabled: true,
    jwt,
},
page_context: getPageContextFromHash()
};

Giải Thích Các Tham Số

• target: Là api+widget theo tài liệu của Now4Real để khởi tạo dịch vụ.
• scope: Cho phép sử dụng chat khác nhau trên từng trang.
• custom_auth: Để sử dụng xác thực trong chat.
• page_context: Sử dụng phân biệt theo trang, ví dụ như một ID.

Xóa Chat Trên Một Số Trang

Nếu bạn muốn xóa chat khỏi một số trang, bạn có thể loại bỏ widget khỏi DOM như sau:

const removeNow4RealFromDom = () => {
    document.getElementById('NOW4REAL')?.remove();
    const SCRIPT_REGEX = /.*now4real\.(min\.)?js/;
    document.querySelectorAll('script').forEach((script) => {
        const src = script.getAttribute('src');

        if (src && SCRIPT_REGEX.test(src)) {
            script.remove();
            console.log(`Removed Now4Real script: ${src}`);
        }
    });

    isInitialized = false;
    delete window.now4real;
};

Quản Lý Giao Diện Chat

Từ bảng điều khiển, bạn có thể quản lý kiểu dáng và vị trí của thành phần chat. Bạn có thể công bố ngay lập tức các thay đổi này.

Ngoài ra, bạn còn có thể quản lý tin nhắn, bao gồm thời gian hiển thị tin nhắn hoặc chặn các từ ngữ cụ thể và ngôn ngữ phản cảm.

Lời Kết

Now4Real là một công cụ mạnh mẽ giúp tạo ra không gian tương tác trên các trang web của bạn. Hãy thử tích hợp ngay hôm nay để nâng cao trải nghiệm người dùng. Cảm ơn bạn đã đọc bài viết này. Hẹn gặp lại lần sau! 👋🏻

Câu Hỏi Thường Gặp (FAQ)

1. Tôi có thể tích hợp Now4Real vào bất kỳ trang web nào không?

Có, bạn có thể tích hợp Now4Real vào bất kỳ trang web nào miễn là bạn có miền công khai.

2. Làm thế nào để quản lý xác thực người dùng trong Now4Real?

Bạn cần sử dụng JWT để xác thực người dùng đã đăng nhập trong hệ thống của bạn.

3. Có cách nào để tùy chỉnh giao diện chat không?

Có, bạn có thể quản lý kiểu dáng và vị trí của thành phần chat từ bảng điều khiển của Now4Real.