القائمة الرئيسية

الصفحات

انشاء صفحة اعادة توجيه الروابط في بلوجرredirect



 صفحة اعادة توجيه الروابط هي صفحة على موقع ويب أو مدونة تستخدم لتحويل الزوار الى صفحة انتظر عند النقر على رابط خارجي داخل المدونة ، باختصار صفحة اعادة توجيه الروابط عبارة عن صفحة انتقالية قبل انتقال المستخدم إلى الصفحة الوجهة.

عادةً ما يتم العثور على صفحة تحويل الروابط في المدونات / مواقع الويب التي تحتوي على روابط تنزيل ، حاولنا في هذه المقالة الحصول على كود صفحة اعادة توجيه الروابط الخارجية عن طريق تحميل صفحة التي تظل في المدونة الرئيسية وتعمل بشكل مثالي.

فوائد صفحة اعادة توجيه الروابط الخارجية

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

هناك العديد من الفوائد التي يمكن الحصول عليها من هذا الإصدار من صفحة تحويل الروابط ، ومنها:


لا حاجة لإنشاء مدونة جديدة وشراء مجال جديد

أسهل في التخصيص

ابق على المدونة الرئيسية ، مما يعني أنها ستزيد تلقائيًا عدد زوار المدونة الرئيسية

زيادة صفحة المدونة بسبب زيادة الزوار

تقليل معدل الارتداد للمدونة الرئيسية

وسائل وضع اعلانات AdSense لزيادة دخل المدونة.

آمن 100% لأنه لا يزال في نفس المجال مثل المدونة الرئيسية

انشاء صفحة اعادة توجيه الروابط الخارجية

سيتم تقسيم هذا الطريقة إلى جزأين ، الجزء الأول هو إنشاء صفحة تحويل الروابط والجزء الثاني هو تحرير المصدر أو كود المدونة.

الخطوة 1 - إنشاء صفحة تحويل الروابط

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


نفترض أنك تعرف ذلك بالفعل ويمكنك إنشاء الصفحة ، ثم تعديلها في " عرض HTML " بالنقر فوق رمز القلم الرصاص في أسفل العنوان عند تحرير الصفحة


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

<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://your_blog_address.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>

معلومة:

  • ضع مقالتك وكود Adsense في القسم المحدد. الحجم الموصى به من adsense هو الاعلان المتجاوب.
  • لا تنس نسخ عنوان "url" رابط الصفحة التي قمت بإنشائه مسبقًا واستبدال عنوان url المحدد بـ
https://your_blog_address.com/p/safelink.html

بعنوان url لصفحة إعادة التوجية الخاصة بك.

  • يمكنك أيضًا تغيير الجملة الموجودة على زر الارتباط حسب رغبتك عن طريق تغيير الجملة " احصل على الرابط " و " من فضلك انتظر… " و "انشاء الرابط".
  • الرقم 5 في الكود أعلاه هو معلمة الوقت (بالثواني) لعرض ارتباط الوجهة ، يمكنك تغييره ليكون أسرع أو أبطأ. يمكنك أيضا تخصيص نص الوقت الذي يظهر عن طريق تغيير "سيظهر الرابط في" .
  • من المستحسن أن تدعم مدونتك " https " لأن ذلك سيؤثر على تجربة الزوار ويؤثر على وظيفة البرنامج النصي.


احفظ الصفحة إذا كانت هناك رسالة خطأ " لا يمكن قبول HTML الخاص بك: علامة النهاية : BUTTON " أو ما شابه ذلك بالنقر فوق إغلاق الإشعار ، حتى تكتمل المرحلة الأولى هنا ويرجى المتابعة إلى المرحلة الثانية.

الخطوة 2 - إضافة بعض اكواد CSS و Javascript
يرجى تعديل النموذج الخاص بك في وضع " تحرير HTML " باختصار ، الرجاء النقر فوق المظهر والنقر فوق تعديل html كما هو موضح في الصورة أدناه ؛ انت بحاجة إلى نسخ القالب احتياطيًا أولاً لتجنب أخطاء التحرير.


اضافة كود CSS
يعمل كود CSS هذا على عرض التخطيط على صفحة اعادة توجيه الروابط التي تم إنشاؤها في المراحل المبكرة.
/* Safelink */
:root {
--link-outline-color: #48525c ;
--link-bg-color: #fff; }
.button{display: inline-flex;background: none;align-items: center;margin: 15px 15px;padding: 10px 20px;outline: 0;border: 1px solid #6060f9;border-radius: 5px;color: #000;font-size: 16px;white-space: nowrap;overflow: hidden;max-width: 100%;line-height: 2em}
.button:hover {box-shadow: 0 0 10px 40px #6060f9 inset;
color:#fff;transition: ease-out 0.7s;}
.button.outline{color: var(--link-outline-color); border: 1px solid #ebeced}
.button.outline:hover{border-color: var(--link-bg-color);color:#fff}
.safelink-button, .safelink-create > *{margin: 1.8em 0}
.safelink-button span{display: block;font-size: 12px}
#getLink{margin: 5px 0}
#getLink .button{display: none}
#getLink:target .button{display: inline-flex}

يمكنك تعديل هذا القسم مثل تغيير حجم النص على الروابط أو ما إلى ذلك

في بلوجر ، يتم تمييز شفرة CSS بالعلامة <b:skin>...</b:skin> إذا كان من الصعب عليك معرفة مكان وضع كود CSS أعلاه ، يمكنك العثور على العلامة </head> ووضع كود CSS مباشرة فوق العلامة </head> مع ملاحظة أنه يجب عليك استخدام <style>...</style> ، مثال لذلك.

 <style>
    <!--[ هنا css ضع كود ]-->
  </style>
</head>

إضافة كود Javascript لإعادة التوجيه؟ m = 1


ابحث عن العلامة </head> في مدونتك وضع الشفرة أدناه أعلى علامة </head> مباشرة.

<b:if cond='data:view.isPage'>
  <script>/*<![CDATA[*/ 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>

يعمل الرمز أعلاه على إزالة الرمز ' & m = 1 ' الذي يظهر عادةً عند الوصول إلى الصفحة عبر الهاتف المحمول ، لأنه إذا لم تتم إزالة الرمز ' & m = 1 ' ، فلن تعمل صفحة تحويل الروابط عند وصول الزوار إليها عبر النظام الأساسي للجوّال .

يعمل هذا الرمز أيضًا على إعادة توجيه الزوار عبر " http " إلى " https ". إذا لم يتم تعيين مدونتك لدعم " https " ، فيمكنك حذف الجزء الذي تم تحديده بالألوان الاحمر في الكود أعلاه.

var protocol = window.location.protocol.replace(/\:/g,''); if(protocol == 'http'){ var url = window.location.href.replace('http','https'); window.location.replace(url);}

 لن تعمل المدونات التي تم تعيينها على الوضع " http " إذا تم فتحها عبر " https ".

اضافة كود جافا سكريبت لتشفير عنوان Url

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

أسهل طريقة لوضع شفرة جافا سكريبت هي وضعها قبل العلامة </body> . ابحث عن العلامة عادةً في الجزء السفلي من القالب والصق رمز Javascript أدناه مباشرةً قبل علامة </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://your_blog_address.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>

  <!--[ Protect link from encode  ]-->
  <script>protected_links = "facebook.com, instagram.com, twitter.com"; auto_safelink(); </script>
</b:if>

قم بتغيير الجزء المحدد باللون الاحمر في الكود أعلاه باستخدام عنوان url الخاص بصفحة اعادة توجيه الروابط الخارجية الخاصة بك التي قمت بأنشائها في الخطوة -1.

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

لحل هذه المشكلة واستثناء روابط من اعادة التوجية ، إضاف بعض المواقع لأستبعادها من إعادة التوجية مثل صفحة الفيسبوك الخاص بك صفحة مدونتك الرئيسية انستجرام وغيرها من الحقل "Protect link from encode" والموضح باللون الاحمر ، لا تنسى ان تفصل بينهم بفواصل ( , ) إذا كنت ترغب في إضافة استبعاد لمواقع متعددة.


إذا كنت قد أضفت جميع الاكواد ، يرجى النقر فوق حفظ المظهر في القالب الخاص بك.


توجة الان الى احدى مقالاتك التي تحتوي على روابط خارجية للتأكد من ان كل شيء يعمل بطريقة صحيحة.





11111111111

تعليقات

التنقل السريع