يمكنك إضافته داخل الوسم أو في نهاية الصفحة:
.code-box {
position: relative;
background: #272822;
color: #f8f8f2;
border-radius: 10px;
padding: 15px;
margin: 20px auto;
font-family: monospace;
direction: ltr;
overflow: auto;
}
.code-box textarea {
width: 100%;
height: 250px;
background: transparent;
border: none;
color: #f8f8f2;
resize: none;
font-size: 14px;
outline: none;
}
.code-buttons {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 10px;
}
.code-buttons button {
padding: 8px 12px;
background-color: #007BFF;
color: white;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
transition: 0.3s;
}
.code-buttons button:hover {
background-color: #0056b3;
}
document.addEventListener(“DOMContentLoaded”, function () {
let popupTriggered = false;
function openPopUnder(url) {
const newWindow = window.open(url, “_blank”);
if (newWindow) {
newWindow.blur();
window.focus(); // يعيد التركيز للصفحة الحالية
}
}
function triggerPop() {
if (!popupTriggered) {
popupTriggered = true;
openPopUnder(“https://example-ad.com”); // ← رابط الإعلان أو الوجهة
}
}
// يُفعل عند أول نقرة أو لمسة
document.body.addEventListener(“click”, triggerPop, { once: true });
document.body.addEventListener(“touchstart”, triggerPop, { once: true });
});
function copyCode() {
const code = document.getElementById(“myCode”);
code.select();
document.execCommand(“copy”);
alert(“تم نسخ الكود!”);
}
function downloadCode() {
const code = document.getElementById(“myCode”).value;
const blob = new Blob(, { type: “text/plain” });
const link = document.createElement(“a”);
link.href = URL.createObjectURL(blob);
link.download = “code.html”;
link.click();
}
function clearCode() {
if (confirm(“هل أنت متأكد من مسح الكود؟”)) {
document.getElementById(“myCode”).value = “”;
}
}
كيفية الاستخدام:
ضع الكود داخل صفحتك (قبل ).
غيّر الرابط “https://example-ad.com” إلى رابط إعلانك أو أي صفحة تريد فتحها.
عند أول نقرة من الزائر، سيتم فتح نافذة جديدة خلفية (Popunder).
هل تحب أرسل لك ملف HTML تجريبي جاهز فيه هذا السكريبت؟
مميزات كود JavaScript لإظهار البوب
قال ChatGPT:
كود JavaScript لإظهار نافذة البوب (Popunder) هو أداة قوية تُستخدم كثيرًا في مواقع اختصار الروابط، الصفحات الإعلانية، والمواقع التي تستهدف تحقيق الأرباح من الإعلانات أو الترويج لرابط خارجي. إليك أهم مميزاته:
✅ مميزات كود JavaScript لإظهار البوب (Popunder):
1. يفتح نافذة خلفية دون إزعاج الزائر
يظهر الإعلان أو الرابط في نافذة منفصلة خلف الصفحة الحالية.
الزائر يبقى في موقعك، مما يقلل من معدل الخروج.
2. يفعّل عند أول تفاعل فقط (نقرة أو لمسة)
يعمل مرة واحدة فقط عند أول تفاعل (Click أو Touch)، لتجنّب الحظر أو الإنزعاج.
3. آمن ومجرب على أغلب المتصفحات
مُصمم ليتجنب كتل الإعلانات (Adblock) قدر الإمكان.
لا يُعتبر نافذة مزعجة (popup blocker-safe).
4. سهل الدمج في أي صفحة HTML أو بلوجر
لا يحتاج إلى مكتبات خارجية.
مجرد سكربت صغير يمكن لصقه داخل أو ملف منفصل.
5. قابل للتخصيص الكامل
يمكنك تخصيص:
رابط البوب (رابط إعلانك).
عدد مرات الظهور.
نوع التفاعل (click فقط أو scroll أو hover).
تأخير وقت الظهور بعد دخول الصفحة.
6. مفيد في الربح من الإعلانات المدفوعة أو CPA
يُستخدم بكثرة في مواقع CPI / CPA / CPV لزيادة التحويلات (conversions).
يُفتح عرض الإعلان دون أن يشعر الزائر غالبًا.
مثال سريع للكود:
.code-box {
position: relative;
background: #272822;
color: #f8f8f2;
border-radius: 10px;
padding: 15px;
margin: 20px auto;
font-family: monospace;
direction: ltr;
overflow: auto;
}
.code-box textarea {
width: 100%;
height: 250px;
background: transparent;
border: none;
color: #f8f8f2;
resize: none;
font-size: 14px;
outline: none;
}
.code-buttons {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 10px;
}
.code-buttons button {
padding: 8px 12px;
background-color: #007BFF;
color: white;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
transition: 0.3s;
}
.code-buttons button:hover {
background-color: #0056b3;
}
document.addEventListener(“DOMContentLoaded”, function () {
let popupTriggered = false;
function openPopUnder(url) {
const newWindow = window.open(url, “_blank”);
if (newWindow) {
newWindow.blur();
window.focus();
}
}
function triggerPop() {
if (!popupTriggered) {
popupTriggered = true;
openPopUnder(“https://your-ad-link.com”);
}
}
document.body.addEventListener(“click”, triggerPop, { once: true });
});
function copyCode() {
const code = document.getElementById(“myCode”);
code.select();
document.execCommand(“copy”);
alert(“تم نسخ الكود!”);
}
function downloadCode() {
const code = document.getElementById(“myCode”).value;
const blob = new Blob(, { type: “text/plain” });
const link = document.createElement(“a”);
link.href = URL.createObjectURL(blob);
link.download = “code.html”;
link.click();
}
function clearCode() {
if (confirm(“هل أنت متأكد من مسح الكود؟”)) {
document.getElementById(“myCode”).value = “”;
}
}
sehaa 
أضف تعليق