راهنمای نصب چت روی سایت شما
در پنل خودتان از بخش «سایتها» یک سایت بسازید؛ کد اختصاصی همانجا نمایش داده میشود (data-site کلید سایت شماست).
۱) HTML ساده یا هر فریمورک
کد را قبل از </body> در قالب اصلی (layout) سایت بگذارید تا در همهی صفحهها نمایش داده شود:
<script src="https://chat.mahdavifar.ir/embed.js" data-site="کلید-سایت-شما" async></script>
۲) وردپرس / ووکامرس
یکی از دو راه: (الف) افزونهی «Insert Headers and Footers» (یا «WPCode») را نصب کنید و کد را در بخش Footer بگذارید؛ (ب) در پوستهی فرزند، فایل footer.php را باز کنید و کد را درست قبل از <?php wp_footer(); ?> بگذارید.
۳) لاراول (Blade)
در فایل layout (مثلاً resources/views/layouts/app.blade.php) قبل از </body>:
<script src="https://chat.mahdavifar.ir/embed.js" data-site="کلید-سایت-شما" async></script>
۴) React / Next.js / Vue
در سمت کلاینت و یکبار هنگام بارگذاری اپ:
useEffect(() => {
const s = document.createElement('script');
s.src = 'https://chat.mahdavifar.ir/embed.js';
s.async = true;
s.setAttribute('data-site', 'کلید-سایت-شما');
document.body.appendChild(s);
}, []);
۵) Google Tag Manager
یک تگ «Custom HTML» با همان کد بسازید و Trigger آن را روی «All Pages» بگذارید.
معرفی کاربران واردشدهی سایت خودتان
اگر سایت شما ورود کاربر دارد، میتوانید نام و ایمیل او را به چت بدهید تا فرم مشخصات را نبیند و در صندوق پیام با نام واقعی دیده شود (بعد از بارگذاری کد چت):
window.addEventListener('load', function () {
if (window.LiveChat) {
LiveChat.identify({ name: 'علی رضایی', email: 'ali@example.com', phone: '0912...', id: 42 });
}
});
کنترل چت با جاوااسکریپت
LiveChat.open(); // باز کردن پنجرهی چت (مثلاً با دکمهی «گفتگو با پشتیبان»)
LiveChat.close();
LiveChat.toggle();
LiveChat.isOpen();
برای باز شدن خودکار پنجره، به تگ اسکریپت data-open="1" اضافه کنید.
قفل دامنه
در تنظیمات هر سایت، «دامنههای مجاز» را وارد کنید (مثل example.com؛ زیردامنهها خودکار مجازند). چت روی سایتهای دیگر کار نمیکند، حتی اگر کد را کپی کنند.
عیبیابی
- دکمهی چت دیده نمیشود: اشتراک فعال، فعال بودن سایت در پنل، و درست بودن دامنهی مجاز را بررسی کنید؛ کنسول مرورگر (F12) را هم ببینید.
- سایت شما HTTPS است؟ آدرس کد چت هم باید HTTPS باشد (ضبط صدا و اعلان فقط روی HTTPS کار میکند).
- در پنل، کنار هر سایت وضعیت «متصل» نشان میدهد که کد دیده شده است.
- اگر از افزونهی کش (مثل WP Rocket) استفاده میکنید، بعد از افزودن کد کش را پاک کنید.