كيفية إنشاء صفحة التحميل أو إعادة التوجيه على مدونة بلوجر الخاصة بك 2021، تعمل بدون أخطاء لإطالة مدة بقاء الزوار وزيادة أرباح أدسنس.
ربما تكون قد شاهدت مواقع ويب حيث يتم إعادة توجيه جميع روابط التنزيل أو ما يسمى بالروابط الخارجية إلى صفحة معينة. أي، عند النقر فوق زر التنزيل، يتم نقلك إلى صفحة "Download" وسيتعين عليك الانتظار لبضع ثوانٍ قبل أن تتمكن من رؤية رابط الوجهة.
يستخدم العديد من مالكي المواقع والمدونات هذه الإستراتيجية لزيادة مدوة بقاء الزائر في مواقعهم الإلكترونية، وأيضا عرض إعلانات Adsense وبالتالي زيادة الأرباح الذي يجنونها بشكل كبير خاصة إذا تم كان الموقع يعتمد بشكل كبير على الروابط الخارجية..
باستخدام CMS (نظام إدارة المحتوى) مثل WordPress، يمكنك بسهولة الحصول على كود برمجي لإنشاء صفحة التنزيل أو إعادة التوجيه. لكن ماذا عن منصة بلوجر؟ انها ليست استثناء. قد يبدو الأمر معقدًا ولكنه ليس مستحيلًا.
ابحث في الفقرات التالية من هذا الشرح وتعرف على كيفية إنشاء صفحة إعادة توجيه روابط تلقائية على مدونات Blogger.
كيف تعمل Redirect Page؟
بعدما تضيف السكريبت الذي شنشرحه في هذا المقال مرة واحدة بشكل صحيح إلى موقعك، سيتم تشفير جميع الروابط الخارجية التي تختار عدم حمايتها وعند النقر عليها ستعيد التوجيه أولا إلى صفحة معينة من اختيارك، على سبيل المثال:
https://your.blogspot.com/p/safelink.html
من هذه الصفحة، سيتعين على الزائر الانتظار بضع ثوانٍ قبل ظهور زر التحويل أو التحميل. مفيد أليس كذلك؟
يستخدم هذا Script ترميز var Base64 لتشفير رواابط URL الخارجية التي تختارها.
تم تحديث هذا الموضوع بتاريخ 16 يناير 2023
طريقة إضافة صفحة اعادة التوجيه إلى مدونة بلوجر
يتكون السكريبت الكامل لصفحة تنزيل إعادة التوجيه التلقائي من Blogger من ثلاث مجموعات من الكودات المختلفة، يجب عليك إضافتها إلى موقعك.
- كود html + JavaScript الذين ستضيفهما إلى صفحة الوجهة حيث ستمر جميع الروابط الخارجية المشفرة.
- رمز CSS لتخصيص أشكال وألوان الأزراز.
- رمز Base64 js لتشفير الروابط.
بدون كثرة كلام، سنتعلم الأن طريقة إنشاء صفحة "safelink" أو صفحة التحميل لإعادة التوجيه التلقائي للروابط الخارجية؛
أنصحك أولا بأخد نسخة إحتياطية للقالب، وأيضا يجب الإنتباه، فوضع أي كود بشكل خاصة أو عدم تعديل النصوص كما سأشرح قد يسبب فشل العملية كلها.
إنشاء صفحة إعادة التوجيه
الخطوة الأولى: قم بإنشاء صفحة جديدة من لوحة تحكم Blogger. فقط أعطها عنوانا (أي إسم بالإنجليزي ) وانشرها.
الخطوة الثانية: احصل على عنوان URL للصفحة التي تم إنشاؤها. استبدل الرابط (باللون الأرزق) في الكود أدناه بعنوان URL للصفحة التي أنشأتها. سترى أيضا الأسطر الملونة؛ وهي مكان وضع شفرة إعلانات ادسنس أو كتابة نص أو موضوع هناك.
<div class='ad-placement'>
<!--[ اعلان أدسنس ]-->
</div>
<div class='safelink-button' id='safelink'>
<div style='text-align: center'>
<div class='button outline' id='safelink-wait'>يرجى الإنتظار...</div>
<script>/*<![CDATA[*/ var currentURL = location.href; var str = currentURL; var res = str.replace('https://www.techsoune.com/p/safelink.html' + '?url=', " "); function changeLink(){ var decodedString = Base64.decode(res); window.open(decodedString, '_blank')}; document.write('<a href="#getLink" id="safelink-download" class="button">عرض الرابط</a>'); var linkDL = document.getElementById("safelink-download"); var notif = document.getElementById("safelink-wait"); var time = 5; var textTime = document.createElement("span"); linkDL.parentNode.replaceChild(textTime, linkDL); var id; id = setInterval(function () { time--; if (time < 0) { textTime.parentNode.replaceChild(linkDL, textTime); clearInterval(id); notif.style.display = "none"; linkDL.style.display = "inline-block"; } else { textTime.innerHTML = "سيظهر الرابط بعد " + time.toString() + " ثانية"; }}, 1000); /*]]>*/</script>
</div>
</div>
<div class='safelink-content'>
<!--[ أكتب نص الموضوع ]-->
</div>
<div class='safelink-create' style='text-align:center'>
<div class='ad-placement'>
<!--[ اعلان أدسنس ]-->
</div>
<div id='getLink'>
<a class='button' href='javascript:;' onclick='changeLink();' rel='noreferrer noopener' target='_blank'>التوجه إلى الرابط</a>
</div>
<div class='ad-placement'>
<!--[ اعلان أدسنس ]-->
</div>
</div>الخطوة الثالثة: انسخ الكود المعدل وارجع إلى الصفحة التي أنشأتها سابقا. قم بالتبديل إلى "عرض HTML" والصق الرمز هناك. قم بتحديث الصفحة.
إضافة رمز العرض CSS
الخطوة الرابعة: انسخ الرمز أدناه وأضفه مباشرة قبل علامة إغلاق Head (يجب وضع الكود قبل وسم </head>) لشفرة HTML الخاصة بقالب المدونة.
سيتعين عليك الانتقال إلى تحرير القالب من خلال: Theme > Edit HTML.
في حال لم تجد الوسم <head/>، ستجد مكانة الرموز التالي: lt;/head>
<style>
/* Safelink */
.button{display: inline-flex;display: -webkit-inline-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: center;-webkit-align-items: center;margin-bottom: 10px;padding: 9px 20px;border-radius: 10px;font-size: .8rem;line-height: 1.3rem;background-color: #fff;color: #161617;}
.button.outline{background-color: #fdd929;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);}
.safelink span{display: block;font-size: 12px}
.blockLink{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: center;-webkit-align-items: center}
.blockLink > div{display: block;width: 35%;}
.blockLink > div#go-link{width: 30%;}
.blockLink > div#go-link a{display: none;margin: 0}
.blockLink > div#go-link:target a{display: inline-flex}
.ads-top{margin: 0 0 20px 0;text-align: center}
#HTML99,#HTML99 .widget-content{border: 0 !important;margin: 0 !important;padding: 0 !important}
/* Responsive */
@media screen and (max-width: 768px){.blockLink > div{width: 100% !important;margin: 0 0 15px;text-align: center}.blockLink > div:last-child{margin: 0}}
</style>
<b:if cond='data:blog.pageType == "static_page"'>
<script>/*<![CDATA[*/ var uri = window.location.toString(); if (uri.indexOf("%3D","%3D") > 0) { var clean_uri = uri.substring(0, uri.indexOf("%3D")); window.history.replaceState({}, document.title, clean_uri);} var uri = window.location.toString(); if (uri.indexOf("%3D%3D","%3D%3D") > 0) { var clean_uri = uri.substring(0, uri.indexOf("%3D%3D")); window.history.replaceState({}, document.title, clean_uri);} var uri = window.location.toString(); if (uri.indexOf("&m=1","&m=1") > 0) { var clean_uri = uri.substring(0, uri.indexOf("&m=1")); window.history.replaceState({}, document.title, clean_uri); } var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) { var clean_uri = uri.substring(0, uri.indexOf("?m=1")); window.history.replaceState({}, document.title, clean_uri);}; var protocol=window.location.protocol.replace(/\:/g,''); if(protocol=='http'){ var url=window.location.href.replace('http','https'); window.location.replace(url);} /*]]>*/</script>
</b:if>تشفير وفك تشفير الروابط الخارجية
الخطوة الخامسة: أخيرًا، انسخ الكود أدناه والصقه قبل علامة إغلاق النص مباشرةً (قبل وسم </body>).
<b:if cond='data:view.isSingleItem'>
<script>/*<![CDATA[*/ var Base64 = {_keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", encode: function (input) {var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; input = Base64._utf8_encode(input); while (i < input.length) {chr1 = input.charCodeAt(i++); chr2 = input.charCodeAt(i++); chr3 = input.charCodeAt(i++); enc1 = chr1 >> 2; enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); enc4 = chr3 & 63; if (isNaN(chr2)) {enc3 = enc4 = 64;} else if (isNaN(chr3)) {enc4 = 64;} output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);} return output; }, decode: function (input) {var output = ""; var chr1, chr2, chr3; var enc1, enc2, enc3, enc4; var i = 0; input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); while (i < input.length) {enc1 = this._keyStr.indexOf(input.charAt(i++)); enc2 = this._keyStr.indexOf(input.charAt(i++)); enc3 = this._keyStr.indexOf(input.charAt(i++)); enc4 = this._keyStr.indexOf(input.charAt(i++)); chr1 = (enc1 << 2) | (enc2 >> 4); chr2 = ((enc2 & 15) << 4) | (enc3 >> 2); chr3 = ((enc3 & 3) << 6) | enc4; output = output + String.fromCharCode(chr1); if (enc3 != 64) {output = output + String.fromCharCode(chr2);} if (enc4 != 64) {output = output + String.fromCharCode(chr3);} } output = Base64._utf8_decode(output); return output;}, _utf8_encode: function (string) {string = string.replace(/\r\n/g, "\n"); var utftext = ""; for (var n = 0; n < string.length; n++) {var c = string.charCodeAt(n); if (c < 128) {utftext += String.fromCharCode(c);} else if ((c > 127) && (c < 2048)) {utftext += String.fromCharCode((c >> 6) | 192); utftext += String.fromCharCode((c & 63) | 128);} else {utftext += String.fromCharCode((c >> 12) | 224); utftext += String.fromCharCode(((c >> 6) & 63) | 128); utftext += String.fromCharCode((c & 63) | 128); }} return utftext;}, _utf8_decode: function (utftext) {var string = ""; var i = 0; var c = c1 = c2 = 0; while (i < utftext.length) {c = utftext.charCodeAt(i); if (c < 128) {string += String.fromCharCode(c); i++;} else if ((c > 191) && (c < 224)) {c2 = utftext.charCodeAt(i + 1); string += String.fromCharCode(((c & 31) << 6) | (c2 & 63)); i += 2;} else {c2 = utftext.charCodeAt(i + 1); c3 = utftext.charCodeAt(i + 2); string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)); i += 3;}} return string; }}; var protected_links = ""; var a_to_va = 0; var a_to_vb = 0; var a_to_vc = ""; function auto_safelink() {auto_safeconvert();}; function auto_safeconvert() {var a_to_vd = window.location.hostname; if (protected_links != "" && !protected_links.match(a_to_vd)) {protected_links += ", " + a_to_vd;} else if (protected_links == "") {protected_links = a_to_vd;} var a_to_ve = ""; var a_to_vf = new Array(); var a_to_vg = 0; a_to_ve = document.getElementsByTagName("a"); a_to_va = a_to_ve.length; a_to_vf = a_to_fa(); a_to_vg = a_to_vf.length; var a_to_vh = false; var j = 0; var daftarPostingan = [ "https://www.techsoune.com/p/safelink.html" ]; var randomPostingan = daftarPostingan[Math.floor(Math.random()*daftarPostingan.length)]; var a_to_vi = ""; for (var i = 0; i < a_to_va; i++) {a_to_vh = false; j = 0; while (a_to_vh == false && j < a_to_vg) {a_to_vi = a_to_ve[i].href; if (a_to_vi.match(a_to_vf[j]) || !a_to_vi || !a_to_vi.match("https")) {a_to_vh = true;} j++; } if (a_to_vh == false) {var encryptedUrl = Base64.encode(a_to_vi); a_to_ve[i].href = randomPostingan + "?url=" + encryptedUrl; a_to_ve[i].rel = "noopener noreferrer"; a_to_vb++; a_to_vc += i + ":::" + a_to_ve[i].href + "\n";} } var a_to_vj = ""; var a_to_vk = ""; if (a_to_vj) {a_to_vj.innerHTML += a_to_vb;} if (a_to_vk) {a_to_vk.innerHTML += a_to_va;} }; function a_to_fa() {var a_to_vf = new Array(); protected_links = protected_links.replace(" ", ""); a_to_vf = protected_links.split(","); return a_to_vf;}; /*]]>*/</script>
<!--[ الروابط المحمية ]-->
<script>protected_links = "facebook.com, instagram.com, twitter.com"; auto_safelink(); </script>
</b:if>سيتوجب عليك إجراء بعض التعديلات لتصمل صفحة إعادة توجيه الروابط بدن مشاكل:
- قم بتغيير عنوان URL (www.techsoune.com/p/safelink.html) إلى عنوان الصفحة التي قمت بإنشائها مسبقًا. سوف تجده مرتين.
- بالنسبة للروابط التي لا تريد تشفيرها، يجب أن يكون رابط مدونتك واحدا منهم. ابحث عن "techsoune.com" في الرمز أعلاه واستبدله برابط مدونتك.
- أخيرًا احفظ التصميم.
تحميل جميع الأكواد في صفحة واحدة
يمكنك أيضا تنزيل حميع أكواد صفحة تحويل الروابك أو إعلدة التوجيه في ملف واحد وحفظه في حاسوبك لإستعماله مرة أخرة عند الحاجة من خلال الرابط التالي:
بعد إجراء كل هذه التعديلات، سيتم فتح جميع الروابط الخارجية الموجودة على مدونة بلوجر في صفحة جديدة وهي صفحة إعادة التوجيه Redirect Page التي قمت بإنشائها. سيتعين على الزوار بعد ذلك الانتظار لبضع ثوان لرؤية رابط التي تم تشفيره.
أي سؤال أو مشكل في عمل الصفحة، يمكنك التواصل معنا من خلال قسم التعليقات أسفل الموضوع.