كود اعادة توجيه الروابط لصفحة انتظار

[Admin]

تُعد إدارة الروابط في المنتديات من أهم العناصر التي تساهم في تحسين تجربة المستخدم وضمان أمان التصفح. ومن بين الأدوات الفعّالة التي يمكن استخدامها، خاصية إعادة توجيه الروابط إلى صفحة انتظار، التي توفر ميزة رائعة مثل عرض رسالة ترحيب، تحذير، أو حتى إعلان قبل التوجه إلى الوجهة النهائية للرابط. في هذا الموضوع، سنقدم لكم طريقة سهلة ومضمونة لإضافة كود مخصص لإعادة توجيه الروابط الخارجية أو الداخلية إلى صفحة انتظار مخصصة على منتديات XenForo. الكود يساعد في تنظيم إدارة الروابط، تحسين وقت التفاعل مع الأعضاء، ويمنح إدارة المنتدى فرصة لعرض محتوى إضافي أو تحذير بشأن الروابط.
سنشرح بالتفصيل كيفية تطبيق الكود، تخصيصه ليتوافق مع احتياجات منتداك، وضمان عمله بسلاسة مع سكربت XenForo. تابع معنا لتتعرف على الطريقة خطوة بخطوة!​

معاينة الكود​

​

تركيب الكود​

اولا لنقم بانشاء صحفة الانتظار التي سيتوجه لها العضو او الزائر بعد الضغط على الرابط فنذهب الى لوحة الادارة - المنتديات - انشاء منتدى - اختار يكون "صفحة"
وضع معلومات الصفحة في البداية​

​

والان ضع الكود التالي في خانة قالب HTML:

<div class="redirect-wrapper" style="background: linear-gradient(45deg, #2d3436, #636e72); padding: 20px; border-radius: 10px;">
   <div class="redirect-content" style="text-align: center;">
       <div id="countdown" style="font-size: 60px; width: 120px; height: 120px; border: 4px dashed rgba(255,255,255,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 20px auto; color: white;">5</div>
       <div style="color: white; font-size: 18px; margin: 20px 0;">جاري تحويلك للرابط المطلوب...</div>
   </div>

<center>
<a href="#" rel="nofollow" traget="_blank"><img src="https://up.iinkor.com/ik/173514885150841.png" alt="اعلان"/></a>
<a href="#" rel="nofollow" traget="_blank"><img src="https://up.iinkor.com/ik/173514885150841.png" alt="اعلان"/></a>
<a href="#" rel="nofollow" traget="_blank"><img src="https://up.iinkor.com/ik/173514885150841.png" alt="اعلان"/></a>
<a href="#" rel="nofollow" traget="_blank"><img src="https://up.iinkor.com/ik/173514885150841.png" alt="اعلان"/></a>
</center>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
   const urlParams = new URLSearchParams(window.location.search);
   const redirectURL = urlParams.get('redirect');
   let counter = 5;
  
   if(redirectURL) {
       const interval = setInterval(() => {
           document.getElementById('countdown').textContent = counter;
           if(counter <= 0) {
               window.location.href = redirectURL;
               clearInterval(interval);
           }
           counter--;
       }, 1000);
   }
});
</script>

والان توجه نحو لوحة الادارة - المظهر - البحث في القوالب - ابحث عن قالب Thread_view وضع الكود التالي في بدايته او نهايته ما تفرق

<script>
document.addEventListener("DOMContentLoaded", function() {
    const postLinks = document.querySelectorAll('a');
    
    postLinks.forEach(link => {
        link.addEventListener('click', function(e) {
            if (link.href && !link.href.includes('javascript:void')) {
                e.preventDefault();
                window.location.href = 'https://forum.iinkor.com/pages/redirectlink?redirect=' + encodeURIComponent(link.href);
            }
        });
    });
});
</script>

وقم بتغيير الرابط https://forum.iinkor.com/pages/redirectlink برابط الصفحة التي قمت بانشاءها واحفظ
ومن ثم اخر خطوة حتى لا تظهر الصحفة كمندى في الرئيسية توجه نحو تصاريح المنتدى وفي اول خيار ضع على "لا"
​

​

والان الكود أصبح يعمل ومبروك عليك
بالتوفيق للجميع
والسلام ختام​