افزودن چت‌بات پلکسیت به اپلیکیشن React و Next.js

import Script from "next/script";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="fa" dir="rtl">
      <body>
        {children}
        <Script
          src="https://widget.plexit.ir/loader.js"
          data-site-key="wk_..."
          data-position="right"
          strategy="afterInteractive"
        />
      </body>
    </html>
  );
}

import { useEffect } from "react";

export function PlexitWidget({ siteKey }: { siteKey: string }) {
  useEffect(() => {
    if (document.querySelector("script[data-plexit-loader]")) return;
    const script = document.createElement("script");
    script.src = "https://widget.plexit.ir/loader.js";
    script.async = true;
    script.dataset.siteKey = siteKey; // → data-site-key
    script.dataset.position = "right"; // → data-position
    script.dataset.plexitLoader = "";
    document.body.appendChild(script);
  }, [siteKey]);

  return null;
}

// در کامپوننت ریشه:
// <PlexitWidget siteKey="wk_..." />