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

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

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

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




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

  1. لست بحاجة لشراء نطاق جديد أو أنشاء مدونة بلوجر جديدة
  2. تخصيص أسهل
  3. ستبقي على المدونة الرئيسية ، مما يعني زيادة عدد الزوار في المدونة الرئيسية تلقائيًا
  4. زيادة تصنيف المدونات بسبب زيادة عدد الزوار
  5. تقليل معدل الارتداد للمدونة
  6. وسيلة لوضع إعلانات adsense لزيادة أرباح المدونة 
  7. آمنة 100 ٪ لأنها لا تزال في نفس النطاق للمدونة الرئيسية 

شرح طريقة التركيب

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

الخطوة الاولى - إنشاء الصفحة 

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



  3. <div class='separator' style='text-align:center'>
    <div class='ads-top'><!-- قم بوضع  كود Adsense الخاص بك هنا --></div>
    
    <div class='safelink' id='safelink'>
    <center>
    <div class='button outline' id='daplong'>
    انتظر لحظة ...</div>
    <script>/*<![CDATA[*/ var currentURL=location.href; var str = currentURL; var res = str.replace('https://www.blogurl.com/p/redirect.html' + '?url=', ""); function changeLink(){var decodedString = Base64.decode(res); window.open(decodedString,'_blank')}; document.write('<a href="#go-link" id="download-safelink" class="button outline">إضغط للذهاب إلي الرابط</a>'); var linkDL = document.getElementById("download-safelink"); var notif = document.getElementById("daplong"); var waktu = 5; var teks_waktu = document.createElement("span"); linkDL.parentNode.replaceChild(teks_waktu, linkDL); var id; id = setInterval(function () { waktu--; if (waktu < 0) { teks_waktu.parentNode.replaceChild(linkDL, teks_waktu); clearInterval(id); notif.style.display = "none"; linkDL.style.display = "inline-block"; } else { teks_waktu.innerHTML = "سوف يظهر الرابط الخاص بك قريباً " + waktu.toString() + " ثواني "; }}, 1000); /*]]>*/</script></center>
    </div>
    
    <div class='separator-text'><!-- اكتب محتوى مقالك هنا --></div>
    
    <div class='blockLink' style='text-align:center'>
    <div id='ads-left' class='ads-left'><!-- قم بوضع  كود Adsense الخاص بك هنا --></div>
    
    <div id='go-link'>
    <a class='button' href='javascript:void(0)' onclick='changeLink();' rel='nofollow noreferrer'>توجه إلى الرابط</a>
    </div>
    
    <div id='ads-right' class='ads-right'><!-- قم بوضع  كود Adsense الخاص بك هنا --></div>
    </div>
    

    • ضع مقالك وشفرة  Adsense في القسم الذي تم وضع علامة عليه. من المستحسن أن تكون أحجام الأعلانات في adsense الأعلان في الأعلي يكون مستجيب رأسي و 336 × 280 على يسار ويمين أخر زر في الأسفل.
    • لا تنسَ نسخ رابط الصفحة الذي قمت بإنشائه مسبقًا واستبدال عنوان الرابط الموجود في الكود أعلاه بعنوان الرابط الخاص بصفحة safelinks.
    • يمكنك أيضًا تغيير الجملة الموجودة على زر الارتباط كما يحلو لك من خلال تغيير جملة "الانتقال إلى الرابط" التي وضعنا عليها علامة.
    • يوصى بأن تدعم مدونتك "https" لأن ذلك سيؤثر على تجربة الزائر.

  4. احفظ صفحتك مرة أخرى سيظهر لك رسالة خطأ "‏لا يمكن قبول HTML خاصتك: العلامة معطّلة: BUTTON" قم بالنقر فوق "رفض" في إشعار الخطاً ،الأن أنتهينا من المرحلة الأولي ويرجى المتابعة إلى المرحلة الثانية. هذا الجزء الثاني سيكون معقدًا بعض الشيء ، لذا انتبه جيدًا لأنه إذا كان هناك خطأ بسيط ، فلن يعمل الأسكريبت.

الخطوة 2 - النهائية

سنتوجه إلي المظهر ونختار "تحرير HTML" ، كما هو موضح أدناه ؛ من المستحسن ان تقوم بعمل نسخة إحتياطي للقالب الخاص بك أولاً لتجنب حدوث الأخطاء.



1 - إضافة كود Css

يعمل كود  CSS هذا على عرض التخطيط على صفحة إعادة التوجيه وإخفاء الأداة عن الظهور في المدونة.

/* imintweb.com - redirect Page */
.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}}

2 - إضافة أكواد الجافاسكريبت

ابحث عن الوسم </head> في قالب مدونتك ، ثم ضع الكود أدناه أعلى الزسم </head>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<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>

يعمل الكود أعلاه لحذف الرمز '& 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" والعكس صحيح ، فلن يعمل وضع "https" إذا تم فتحها عبر "http".

3 - إضافة اداة إختصار الروابط

ابحث عن قسم الأدوات في الشريط الجانبي في القالب الخاص بك والذي يتم تمييزه عادةً بعلامة <b:section> أو <b:widget أضف أداة جديدة عن طريق نسخ ولصق الرمز أدناه.

إذا كنت تواجه مشكلة ، فيرجى البحث عن الكود </b:widget></b:section> في القالب الخاص بك ، ثم ضع الكود أدناه في منتصف الكود مباشرةً إلى</b:widget>أضف كود الأداة هنا </b:section>

<b:widget cond='data:view.isSingleItem' id='HTML99' locked='false' title='Safelink' type='HTML' version='1'>
  <b:widget-settings>
    <b:widget-setting name='content'/>
  </b:widget-settings>
  <b:includable id='main'>
    <div class='widget-content'>
      <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 encode = document.getElementById('encode'), decode = document.getElementById('decode'), output = document.getElementById('output'), input = document.getElementById('input'); var User_ID = ""; 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.alamatblog.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 = "nofollow noreferrer"; a_to_vb++; a_to_vc += i + ":::" + a_to_ve[i].href + "\n"; }} var a_to_vj = document.getElementById("anonyminized"); var a_to_vk = document.getElementById("found_links"); 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>/*<![CDATA[*/ protected_links = "facebook.com,instagram.com,twitter.com";auto_safelink(); /*]]>*/</script> 
    </div>
  </b:includable>
</b:widget>

  • ضع الرابط الخاص بصفحة توجيه الروابط مرة أخرى في الجزء الذي تم وضع علامة عليه.
  • افتراضيًا ، سيتم توجيه جميع الروابط الخارجية إلى هذه الصفحة ، وإضافة بعض مواقع الاستبعاد مثل صفحة الفيسبوك الخاصة بالمدونة ، وما إلى ذلك في قسم protected_links ، مفصولة بفواصل (،) إذا كنت ترغب في إضافة بعض مواقع الاستبعاد
  • cond='data:view.isSingleItem' يجعل الأداة تظهر فقط في المنشور على الصفحة الثابتة ، ولن تظهر في صفحات أخرى.

4 - إضغط علي حفظ القالب

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

هل يعجبك محتوي مينت ويب ؟ لماذا لست أحد أعضاء العائلة !

أشترك في مينت ويب