اضافة عداد زمنى قبل الخروج الي الروابط الخارجية redirect page

بسم الله الرحمن الرحيم

مرحبا بكم في موقع مسطرة ... و اليوم موضوعنا عن اضافة عداد زمنى قبل الخروج الي الروابط الخارجية ...

عداد زمنى قبل الخروج الي الروابط الخارجية

اضافة عداد زمنى redirect page

عداد زمنى
أضف عداد زمنى قبل الخروج عبر رابط التحميل أوالروابط الخارجية

أضف عداد زمنى قبل الخروج الي الروابط الخارجية

عداد زمنى قبل الخروج الي روابط التحميل الخارجية

هذه الإضافة هامة بالنسبة للمواقع التى تحتوى على العديد من الروابط الخارجية أو روابط التحميل ، فبالرغم من أن كثير من هذه المواقع تحتوى على محتوى جيد ،تجد أنها تعانى من إرتفاع فى معدل الإرتداد وهو خروج الزائر بعد فترة قصيرة من زيارة الموقع وبالتالى يؤثر سلبًا على الإحصائيات وتقييم الموقع مما يترتب عليه تأخر بنتائج البحث.

ويرجع السبب فى ذلك أن الزائر بمجرد أن يجد رابط التحميل يخرج من الصفحة دون أن يهتم بقراءة المحتوى

وأخيرًا أداة اليوم والتى تأخر خروج الزائر من موقعك عبر الروابط الخارجية والتى سأشرح إضافتها بطريقتين:

الطريقة الأولى: عرض عداد تنازلى قبل ظهور الرابط مع رسالة "إنتظر قليلا قبل ظهور الرابط"

الطريقة الثانية: وهى ظهور العداد الزمنى بعد الضغط على الرابط وقبل التوجه إلى الصفحة الخارجية مع ظهور رسالة "إنتظر قليلا قبل التوجه إلى الصفحة"

الإضافة مناسبة لجميع مواقع و صفحات الويب Html بما فيها مدونات بلوجر >>تابع شرح تركيب الكود لمدونات بلوجر:
كيفية تركيب عداد تنازلى يؤخر الخروج من الموقع لمدونات بلوجر1. إذهب إلى لوحة تحكم بلوجر ثم تبويب قالب ( قم بالإحتفاظ بنسخة إحتياطية من القالب).

** سواء كنت ستستخدم الطريقة الأولى أو الثانية أضف الكود التالى قبل الوسوم </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>

إذا كان هذا الكود لديك فى القالب فلا داعى لإضافته مرة أخرى
2. إذهب إلى صفحة المشاركة التى تريد إضافة الرابط الخارجى أو رابط التحميل بها ثم أضف الكود التالى داخل تبويب HTML للمشاركة على حسب طريقة ظهور المؤقت الزمنى:

الطريقة الأولى: عرض عداد تنازلى قبل ظهور الرابط الخارجى

معاينة

<script> jQuery(document).ready(function() { var sec = 5 var timer = setInterval(function() { $("#condaianllkhir span").text(sec--); if (sec == 0) { $("#DrRO").delay(1000).fadeIn(1000); $("#condaianllkhir").hide(1000) .fadeOut(fast);} },1000); }); </script> <center> <br/> <br/> <a class="button" href="http://www.Youraddress.com/" id="DrRO" rel="nofollow" style="display: none;" target="_blank">رابط التحميل</a> <div id="condaianllkhir"> <b></b> <div style="font-size: large;"> <b>إنتظر قليلا حتى يظهر الرابط <br/> <br/> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7nzl7WS_lbjut4DTaJF-_M3aEIl3LcyEs1wqFTkd6pPD2KAKVsD_Nhuuduxcn5pnJj3YLJ6piuoLIbWCeHRnZKXMi_4vT8uJQlUXHJfhmt7My0mk7K8MdFFBhOiOswoHjb2Xcxo_SCnb-/s1600/circular_loader_282_red.gif" /> <br/><br/><span>5</span> sec </b></div> </div> </center>

الطريقة الثانية: عرض العداد الزمنى بعد الضغط على الرابط وقبل إعادة التوجيه إلى الصفحة الخارجية

معاينة

<script> $(function () { $("#condaianllkhir").click(function () { var seconds = 5; $("#CountDown").show(); $("#condaianllkhir").hide(); $("#DrRO").html(seconds); setInterval(function () { seconds--; $("#DrRO").html(seconds); if (seconds == 0) { $("#CountDown").hide(); window.location = "http://www.Youradress.com/"; } }, 1000); }); }); </script> <center> <br/> <br/> <input type="button" id="condaianllkhir" value="إضغط هنا للتحميل" /> <br /> <br /> <div id="CountDown" style="display: none"> <b>إنتظر قليلا قبل التوجه إلى صفحة التحميل <br/> <br/> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7nzl7WS_lbjut4DTaJF-_M3aEIl3LcyEs1wqFTkd6pPD2KAKVsD_Nhuuduxcn5pnJj3YLJ6piuoLIbWCeHRnZKXMi_4vT8uJQlUXHJfhmt7My0mk7K8MdFFBhOiOswoHjb2Xcxo_SCnb-/s1600/circular_loader_282_red.gif" /> <br/><br/> <span id="DrRO"></span>&nbsp;seconds. </div> </center>

ملاحظات:

1. لا تنسى إستبدال الرابط http://www.Youradress.com/ برابط التحميل أو الرابط الخارجى الخاص بك
2. إذا أردت تغيير العداد التنازلى قم بتغيير رقم 5 الموجود بالكود

و بكده نكون انتهينا من موضوع اليوم وهو اضافة عداد زمنى قبل الخروج الي الروابط الخارجية ... و السلام عليكم و رحمة الله و بركاته ...

شارك هذا المنشور