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

سكربت تأخير ظهور إعلانات أدسنس لزيادة سرعة فتح الموقع

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

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

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

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

طريقة تركيب سكربت LazyLoad Adsense بسيطة جداً يجب وضع الكود البرمجي JavaScript تحت وسم /body في المظهر » تحرير HTML داخل أكواد قالبك، أو من خلال وضعه مباشرة أعلى الصفحة تحت وسم head/ ويجب تعديل رمز معرف الناشر "ca-pub-000000000000" واستبداله بالكود الخاص بك.

كيف يعمل سكربت تأخير ظهور إعلانات أدسنس؟

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

  1. عند دخول الزائر إلى موقعك يتم ربط الإتصال مع خادم مزود إعلانات أدسنس لكي يتم عرض الإعلانات
    pagead2.googlesyndication.com
  2. وظيفة السكبرت هي قطع الإتصال بين المتصفح ومزود شبكة إعلانات أدسنس إلى أن يقوم الزائر بعمل سكرول للصفحة وهذا ما يسمى بكود تحميل كسول للإعلانات.

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

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

فوائد تركيب كود تأخير ظهور إعلانات أدسنس في الموقع

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

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

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

طريقة تركيب سكربت تأخير ظهور الإعلانات على المدونة

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

قم بنسخ هذا الكود عبر الضغط مرتين على الشاشة :

<script async='async'>//<![CDATA[
var ads = !1;
window.addEventListener("scroll", function() {
	(0 != document.documentElement.scrollTop && !1 === ads || 0 != document.body.scrollTop && !1 === ads) && (! function() {
		var e = document.createElement("script");
		e.type = "text/javascript", e.async = !0, GoogleAds,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
		var a = document.getElementsByTagName("script")[0];
		a.parentNode.insertBefore(e, a)
	}(), ads = !0)
}, !0);
//]]></script>

الأن توجه إلى المدونة الخاصة بك واذهب إلى المظهر »» تحرير HTML وقم بالبحث عن الوسم التالي /body إن لم تعثر عليه فهو موجود على جميع القوالب في نهاية الصفحة أخر شيء.

الآن قم بلصق كود تأخير ظهور إعلانات أدسنس الذي نسخته وضعه مباشرة فوق وسم /body أي قبله واضغط حفض.

بعد ذلك قم بالبحث داخل أكواد القالب عن بداية جسم القالب <body ستجده مرة واحدة فقط ضع هذا الكود تحته (أسفله مباشرة).

<b:section class='lazyads' id='lazyads' name='Lazy Adsense' showaddelement='false'>
      <b:widget id='LinkList151' locked='true' title='تأخير ظهور الإعلانات' type='LinkList' version='2' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='sorting'>NONE</b:widget-setting>
          <b:widget-setting name='text-0'>googleAds</b:widget-setting>
          <b:widget-setting name='link-0'>ca-pub-xxxxxxxxxxxxxxxx</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
				<b:include name='content'/>
			</b:includable>
        <b:includable id='content'>
			&lt;script defer=&#39;defer&#39; type=&#39;text/javascript&#39;&gt;
			//&lt;![CDATA[
				<b:loop values='data:links' var='link'>
<b:if cond='data:link.name == &quot;googleAds&quot;'>
var googleAds= &quot;<data:link.target/>&quot;;
function _0x4c95(){var _0x2e33d7=[&#39;src&#39;,&#39;1303626IfYuXA&#39;,&#39;411228XTNWpo&#39;,&#39;async&#39;,&#39;script&#39;,&#39;20047QujCnW&#39;,&#39;631534MCLEVv&#39;,&#39;createElement&#39;,&#39;35CmMbYD&#39;,&#39;3QVbhMD&#39;,&#39;insertBefore&#39;,&#39;scrollTop&#39;,&#39;15102441vBIzfO&#39;,&#39;2670895IpPfrr&#39;,&#39;scroll&#39;,&#39;https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-&#39;,&#39;documentElement&#39;,&#39;text/javascript&#39;,&#39;type&#39;,&#39;10785296ZPJdCz&#39;,&#39;parentNode&#39;];_0x4c95=function(){return _0x2e33d7;};return _0x4c95();}var _0x42cac1=_0x5062;(function(_0x50639d,_0x5c826b){var _0x15038c=_0x5062,_0x9eef47=_0x50639d();while(!![]){try{var _0x4252da=-parseInt(_0x15038c(0x149))/0x1+parseInt(_0x15038c(0x14a))/0x2*(-parseInt(_0x15038c(0x14d))/0x3)+-parseInt(_0x15038c(0x15b))/0x4+parseInt(_0x15038c(0x151))/0x5+parseInt(_0x15038c(0x15a))/0x6*(parseInt(_0x15038c(0x14c))/0x7)+parseInt(_0x15038c(0x157))/0x8+-parseInt(_0x15038c(0x150))/0x9;if(_0x4252da===_0x5c826b)break;else _0x9eef47[&#39;push&#39;](_0x9eef47[&#39;shift&#39;]());}catch(_0x20cee1){_0x9eef47[&#39;push&#39;](_0x9eef47[&#39;shift&#39;]());}}}(_0x4c95,0xd003a));var ads=!0x1;function _0x5062(_0x564bd4,_0x1ed14a){var _0x4c953e=_0x4c95();return _0x5062=function(_0x506205,_0x538861){_0x506205=_0x506205-0x149;var _0x3fea82=_0x4c953e[_0x506205];return _0x3fea82;},_0x5062(_0x564bd4,_0x1ed14a);}window[&#39;addEventListener&#39;](_0x42cac1(0x152),function(){var _0x2471d3=_0x42cac1;(0x0!=document[_0x2471d3(0x154)][_0x2471d3(0x14f)]&amp;&amp;!0x1===ads||0x0!=document[&#39;body&#39;][&#39;scrollTop&#39;]&amp;&amp;!0x1===ads)&amp;&amp;(!(function(){var _0xb02e57=_0x2471d3,_0x46e6b0=document[_0xb02e57(0x14b)](_0xb02e57(0x15d));_0x46e6b0[_0xb02e57(0x156)]=_0xb02e57(0x155),_0x46e6b0[_0xb02e57(0x15c)]=!0x0,_0x46e6b0[_0xb02e57(0x159)]=_0xb02e57(0x153)+googleAds+&#39;&#39;;var _0x3169e7=document[&#39;getElementsByTagName&#39;](_0xb02e57(0x15d))[0x0];_0x3169e7[_0xb02e57(0x158)][_0xb02e57(0x14e)](_0x46e6b0,_0x3169e7);}()),ads=!0x0);},!0x0);
                  </b:if> 
				</b:loop>
			  //]]&gt;
			  &lt;/script&gt;
			</b:includable>
      </b:widget>
      </b:section>

غير المعرف الذي علمنا عليه بالأزرق في الكود "xxxxxxxxxxxxxx" واستبدله بمعرف الناشر الخاص بحسابك على أدسنس تماماً كما شرحنا بالصور في الأعلى.

ملاحظة: الجميل في هذا السكربت الذي نقدمه لكم حصريا لأول مرة وهو أنه يدعم إمكانية تعديل معرف أدسنس من خلال "التنسيق" داخل لوحة التحكم في المدونة ولا حاجة للتعامل مع الأكواد في كل مرة ترغب بها في إستبدال المعرف.

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

تظهر العلامة النصية على هذا الشكل، قم بإزالتها أينما وجدت :

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

ستجدها قبل أي شفرة إعلانية على موقعك (مع المعرف) قم بحذفها من جميع الأماكن إن وُجدت وإلا لن يعمل سكربت تأخير ظهور الإعلانات.

شاهد أيضاً

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

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

إشرح نت هو الدليل الأكثر شمولاً لتعلم المعرفة التقنية وشروحات عالم الإنترنت.
الذهاب للرابط

معلومات عن الكاتب

إشرح نت الدليل الأكثر شمولاً لتعلم المعرفة التقنية وشروحات عالم الإنترنت.
#إضافات وسكربتات #التدوين والسيو #تحسين المواقع

تعليق واحد

  1. السلام عليكم . اريد سكربت تأخير ظهور الصور لحين عمل اسكرول بالماوس . يعني الصور لا تتحمل الا بعد عمل اسكرول . هل متاح اخى الكريم هذا الاسكربت
تخضع جميع التعليقات للمراقبة ، يرجىٰ عدم إستخدام ألفاظ غير لائقة ، أو الترويج لما هو مخالف للمحتوى المعروض.
الموافقة على ملفات تعريف الإرتباط
نحن نقدم ملفات تعريف الإرتباط على هذا الموقع لتحليل حركة المرور وتذكر تفضيلاتك وتحسين تجربتك.
تفاصيل أكثر
Oops!
يبدو أن هناك خطأ ما في إتصالك بالإنترنت. يرجى الإتصال بالإنترنت والبدء في التصفح مرة أخرى.
تم اكتشاف AdBlock!
لقد إكتشفنا أنك تستخدم المكون الإضافي adblocking في متصفحك.
تُستخدم الإيرادات التي نحققها من الإعلانات لإدارة هذا الموقع ، ونطلب منك إدراج موقعنا في القائمة البيضاء في المكون الإضافي لحظر الإعلانات.
الموقع محظور
آسف! هذا الموقع غير متوفر في بلدك.