Yudum.NET sohbetini kendi web sitene ekle. İki yol var: sabit bir kutu olarak (iframe) veya sağ altta açılıp kapanan bir yüzen sohbet balonu (script). Aşağıdaki kodu kopyala, sitenin HTML'ine yapıştır.
Güvenlik için bu kodlar yalnızca izin verdiğin sitelerde çalışır. Sohbetinin izinsiz sitelerde gömülmesini önler — listede olmayan bir sitede iframe boş kalır. Sitenizi eklemek için İletişim/Destek ile başvurun.
📦 1) iframe — sabit gömme
Sohbeti sayfanın istediğin yerine sabit bir kutu olarak yerleştirir. width/height değerlerini kendine göre ayarla.
<iframe src="https://www.yudum.net/chat/"
width="400" height="600"
style="border:1px solid #e2e2ea;border-radius:12px;max-width:100%"
allow="microphone; camera; autoplay; clipboard-write"
title="Yudum.NET Sohbet"></iframe>
💬 2) Yüzen buton — script
Sağ altta bir “Sohbet” butonu ekler; tıklayınca sohbet penceresi açılır/kapanır. Kodu </body> etiketinden hemen önce yapıştır.
<script>
(function(){
var u="https://www.yudum.net/chat/";
var f=document.createElement("iframe");
f.src=u; f.allow="microphone; camera; autoplay; clipboard-write";
f.style.cssText="position:fixed;right:20px;bottom:82px;width:380px;height:560px;"+
"max-width:92vw;max-height:75vh;border:0;border-radius:14px;background:#fff;"+
"box-shadow:0 10px 40px rgba(0,0,0,.3);z-index:99999;display:none";
var b=document.createElement("button");
b.innerHTML="💬 Sohbet";
b.style.cssText="position:fixed;right:20px;bottom:20px;z-index:99999;background:#7c3aed;"+
"color:#fff;border:0;border-radius:30px;padding:12px 20px;cursor:pointer;"+
"font:600 15px sans-serif;box-shadow:0 6px 20px rgba(0,0,0,.25)";
b.onclick=function(){f.style.display=f.style.display==="none"?"block":"none";};
document.body.appendChild(f); document.body.appendChild(b);
})();
</script>
🔑 Önce sitenizi yetkilendirelim
Güvenlik için embed kodu yalnızca onayladığımız sitelerde çalışır. Kendi sitene eklemek için domainini bize bildir, biz de açalım:
[email protected]) — eklemek istediğin site adresini belirt (örn: https://siteniz.com).