الدليل الشامل لتركيب إعلانات Adsterra على بلوجر وتحقيق أعلى أرباح للمبتدئين

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

الشرح الكامل بالفيديو: شاهد شرح وضع إعلانات Adsterra على بلوجر ومواقع الويب

محتوى المقال

• ما هي منصة Adsterra؟
• التسجيل في Adsterra وإضافة موقعك
• أنواع الإعلانات ومقاساتها
• كيف تستخدم أكواد الحاويات؟
• كود Popunder وSocial Bar
• كود Smartlink
• كود Native Banner
• أكواد البانرات بكل المقاسات
• بانر للهاتف وبانر للكمبيوتر في نفس المكان
• أين أضع الكود في بلوجر؟
• نصائح لزيادة الأرباح دون الإضرار بموقعك
• الأسئلة الشائعة

ما هي منصة Adsterra؟

Adsterra شبكة إعلانات عالمية تأسست عام 2013، تربط أصحاب المواقع والمدونات (الناشرين) بالمعلنين. تتيح لك عرض إعلانات بصيغ متعددة مثل البانرات والنشر الأصلي (Native) وPopunder وSocial Bar والرابط المباشر Smartlink، وتحاسبك غالبًا على أساس الظهور (CPM) أو النقرات.

أهم مزايا المنصة للناشرين الجدد:

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

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

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

التسجيل في Adsterra وإضافة موقعك

1. سجّل حساب ناشر (Publisher) من رابط التسجيل في Adsterra.
2. من لوحة التحكم اختر إضافة موقع جديد (Add Website)، وأدخل رابط مدونتك أو موقعك.
3. انتظر موافقة المنصة على الموقع.
4. بعد الموافقة أنشئ وحدة إعلانية (Ad Unit) واختر نوع الإعلان والمقاس.
5. انسخ كود الإعلان الذي تعطيه لك المنصة، وضعه داخل أحد أكواد الحاويات في هذا المقال.
6. أضف بيانات الدفع وفعّل طريقة السحب التي تناسبك.

Referral link

أنواع الإعلانات ومقاساتها

هذه الأنواع التي سنتعامل معها، وما يناسب كل منها:

كيف تستخدم أكواد الحاويات؟

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

1. انسخ كود الحاوية المناسب للإعلان.
2. من حسابك في Adsterra انسخ كود الإعلان الخاص بك.
3. استبدل مكان التعليق بكودك، من دون تعديل أي حرف داخل كود Adsterra نفسه.
4. الصق الكود في المكان المناسب (مقال أو ودجت أو القالب) واحفظ.

الحاويات تستخدم max-width:100% حتى لا يخرج الإعلان عن عرض الصفحة، ولا تضع ألوانًا أو خطوطًا، فتأخذ شكل قالب مدونتك تلقائيًا. ولا تعزل الإعلان داخل iframe أو أي حاوية معزولة، لأن ذلك يمنع كود الإعلان من العمل.

كود Popunder وSocial Bar

هذان الإعلانان لا يحتاجان إلى مكان ظاهر في الصفحة. يُضاف كل منهما مرة واحدة فقط في القالب، قبل إغلاق وسم </body>، فيعمل في كل صفحات الموقع.

<!-- ============================================ -->
<!-- إعلان: Popunder                               -->
<!-- النوع: سكربت خلفي (بدون مقاس)                  -->
<!-- يناسب: الهاتف والكمبيوتر                       -->
<!-- ضعه مرة واحدة فقط قبل </body>                 -->
<!-- ============================================ -->
<!-- ضع كود إعلان Popunder هنا -->


<!-- ============================================ -->
<!-- إعلان: Social Bar                             -->
<!-- النوع: شريط عائم (بدون مقاس)                   -->
<!-- يناسب: الهاتف والكمبيوتر                       -->
<!-- ضعه مرة واحدة فقط قبل </body>                 -->
<!-- ============================================ -->
<!-- ضع كود إعلان Social Bar هنا -->

نصيحة: ابدأ بنوع واحد منهما فقط وراقب سلوك الزوار، فكثرة النوافذ المنبثقة قد تدفع الزائر لمغادرة موقعك.

كود Smartlink

الـ Smartlink مجرد رابط، لذلك يوضع على شكل زر أو رابط نصي. أضفنا الخاصية rel="nofollow sponsored noopener" لأنه رابط إعلاني، ومن الأفضل أن تكتب على الزر نصًا صادقًا يوضح أنه إعلان أو رابط دعم، دون تضليل الزائر.

<!-- ============================================ -->
<!-- إعلان: Smartlink (رابط مباشر)                  -->
<!-- النوع: رابط (بدون مقاس)                        -->
<!-- يناسب: الهاتف والكمبيوتر                       -->
<!-- ============================================ -->
<p>
  <a href="ضع رابط إعلانك هنا" target="_blank" rel="nofollow sponsored noopener">
    ادعمنا بزيارة هذا الرابط (إعلان)
  </a>
</p>

كود Native Banner

إعلان النشر الأصلي يتكون من جزأين: سكربت وعنصر div له معرّف (id) يبدأ بكلمة container-. انسخ الجزأين من لوحة Adsterra كما هما، وضعهما داخل الحاوية. لا تغيّر المعرّف، وإلا لن يظهر الإعلان.

<!-- ============================================ -->
<!-- إعلان: Native Banner                          -->
<!-- النوع: متجاوب (يتكيف مع عرض الصفحة)            -->
<!-- يناسب: الهاتف والكمبيوتر                       -->
<!-- مكانه: أسفل المقال أو بين الفقرات               -->
<!-- ============================================ -->
<div class="ad-box ad-native" style="max-width:100%;overflow:hidden;margin:20px auto;">

  <!-- ضع كود إعلانك هنا: السكربت ثم عنصر div الذي يبدأ معرفه بـ container- -->

</div>

أكواد البانرات بكل المقاسات

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

<!-- ====== بانر 468x60 | الأجهزة اللوحية وبعض أماكن الكمبيوتر ====== -->
<div class="ad-box ad-468x60" style="max-width:100%;overflow:hidden;text-align:center;margin:20px auto;">
  <!-- ضع كود إعلانك هنا (بانر 468x60) -->
</div>

<!-- ====== بانر 160x300 | الكمبيوتر (شريط جانبي) ====== -->
<div class="ad-box ad-160x300" style="max-width:100%;overflow:hidden;text-align:center;margin:20px auto;">
  <!-- ضع كود إعلانك هنا (بانر 160x300) -->
</div>

<!-- ====== بانر 320x50 | الهاتف ====== -->
<div class="ad-box ad-320x50" style="max-width:100%;overflow:hidden;text-align:center;margin:20px auto;">
  <!-- ضع كود إعلانك هنا (بانر 320x50) -->
</div>

<!-- ====== بانر 300x250 | الهاتف والكمبيوتر (الأكثر استخدامًا داخل المقال) ====== -->
<div class="ad-box ad-300x250" style="max-width:100%;overflow:hidden;text-align:center;margin:20px auto;">
  <!-- ضع كود إعلانك هنا (بانر 300x250) -->
</div>

<!-- ====== بانر 160x600 | الكمبيوتر (شريط جانبي طويل) ====== -->
<div class="ad-box ad-160x600" style="max-width:100%;overflow:hidden;text-align:center;margin:20px auto;">
  <!-- ضع كود إعلانك هنا (بانر 160x600) -->
</div>

<!-- ====== بانر 728x90 | الكمبيوتر (أعلى الصفحة أو أسفل المقال) ====== -->
<div class="ad-box ad-728x90" style="max-width:100%;overflow:hidden;text-align:center;margin:20px auto;">
  <!-- ضع كود إعلانك هنا (بانر 728x90) -->
</div>

ملاحظة: البانرات مقاساتها ثابتة بالبكسل. لذلك لا تضع بانر 728x90 للهاتف لأنه أعرض من الشاشة، واستخدم مكانه 320x50 أو 300x250.

بانر للهاتف وبانر للكمبيوتر في نفس المكان

الفكرة: نضع في نفس المكان بانرين، ويظهر الأنسب حسب جهاز الزائر. فإذا فتح من الهاتف ظهر 320x50 أو 300x250، وإذا فتح من الكمبيوتر ظهر 728x90. هناك طريقتان.

الطريقة الأولى: CSS (الأبسط، وكود Adsterra يبقى كما هو)

أضف هذا الـ CSS مرة واحدة في القالب. في بلوجر: من القالب ← تخصيص ← خيارات متقدمة ← إضافة CSS.

/* إخفاء بانر الكمبيوتر على الهاتف، وإخفاء بانر الهاتف على الكمبيوتر */
.ad-mobile-only { display: block; }
.ad-desktop-only { display: none; }

@media (min-width: 768px) {
  .ad-mobile-only { display: none; }
  .ad-desktop-only { display: block; }
}

ثم ضع هذه الحاويات في المقال:

<!-- بانر الهاتف 320x50 -->
<div class="ad-box ad-mobile-only" style="max-width:100%;overflow:hidden;text-align:center;margin:20px auto;">
  <!-- ضع كود إعلانك هنا (بانر 320x50) -->
</div>

<!-- بانر الكمبيوتر 728x90 -->
<div class="ad-box ad-desktop-only" style="max-width:100%;overflow:hidden;text-align:center;margin:20px auto;">
  <!-- ضع كود إعلانك هنا (بانر 728x90) -->
</div>

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

الطريقة الثانية: JavaScript (تحميل الإعلان المناسب فقط)

هنا نفحص عرض الشاشة، ونحمّل بانر الجهاز المناسب فقط. استبدل القيم المكتوب أمامها ضع بقيم كودك الأصلي: key هو المفتاح، وsrc هو رابط السكربت (انسخهما من كود Adsterra، ولا تعدل الباقي).

<!-- ============================================ -->
<!-- بانر الهاتف 320x50 (يظهر على الشاشات الأصغر من 768px) -->
<!-- ============================================ -->
<div class="ad-box ad-mobile" style="max-width:100%;overflow:hidden;text-align:center;margin:20px auto;">
<script>
  if (window.matchMedia("(max-width: 767px)").matches) {
    // ضع هنا مفتاح الإعلان (key) الخاص ببانر 320x50
    document.write('<scr' + 'ipt>atOptions = {"key":"ضع مفتاح 320x50 هنا","format":"iframe","height":50,"width":320,"params":{}};</scr' + 'ipt>');
    // ضع هنا رابط السكربت الخاص ببانر 320x50
    document.write('<scr' + 'ipt src="ضع رابط سكربت 320x50 هنا"></scr' + 'ipt>');
  }
</script>
</div>

<!-- ============================================ -->
<!-- بانر الكمبيوتر 728x90 (يظهر على الشاشات 768px فأكثر) -->
<!-- ============================================ -->
<div class="ad-box ad-desktop" style="max-width:100%;overflow:hidden;text-align:center;margin:20px auto;">
<script>
  if (window.matchMedia("(min-width: 768px)").matches) {
    // ضع هنا مفتاح الإعلان (key) الخاص ببانر 728x90
    document.write('<scr' + 'ipt>atOptions = {"key":"ضع مفتاح 728x90 هنا","format":"iframe","height":90,"width":728,"params":{}};</scr' + 'ipt>');
    // ضع هنا رابط السكربت الخاص ببانر 728x90
    document.write('<scr' + 'ipt src="ضع رابط سكربت 728x90 هنا"></scr' + 'ipt>');
  }
</script>
</div>

يمكنك استخدام نفس الأسلوب لأي زوج مقاسات، مثل 300x250 للهاتف و728x90 للكمبيوتر، بتغيير قيمتي height وwidth والمفتاح والرابط.

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

أين أضع الكود في بلوجر؟

• داخل مقال محدد: افتح المقال، غيّر العرض من "تأليف" إلى عرض HTML، والصق الحاوية في المكان الذي تريده بين الفقرات.
• الشريط الجانبي أو أعلى الصفحة أو أسفلها: من التخطيط ← إضافة أداة ← HTML/JavaScript، والصق الكود.
• Popunder وSocial Bar: من القالب ← تعديل HTML، ابحث عن </body> والصق الكود قبله مباشرة.
• CSS: من القالب ← تخصيص ← خيارات متقدمة ← إضافة CSS.

تنبيه مهم لقوالب بلوجر: محرر القالب يعتمد على XML ويرفض بعض الرموز داخل السكربتات، مثل && أو <. لذلك الأفضل أن تضع أكواد الحاويات التي فيها JavaScript داخل ودجت HTML/JavaScript أو داخل المقال. أما إذا أردت وضعها في القالب مباشرة فلفّ السكربت بين //<![CDATA[ و//]]>، وخذ نسخة احتياطية من القالب قبل أي تعديل.

للمواقع الأخرى: نفس الأكواد تعمل في ووردبريس وأي موقع HTML. في ووردبريس استخدم ودجت "HTML مخصص" أو إضافة لإدراج أكواد الهيدر والفوتر، وفي المواقع العادية الصق الكود في ملف الصفحة نفسه قبل </body> أو في المكان المناسب.

نصائح لزيادة الأرباح دون الإضرار بموقعك

• لا تكثر الإعلانات: ابدأ بإعلان أو اثنين وراقب النتائج، فكثرة الإعلانات تبطئ الصفحة وتطرد الزوار.
• ضع الإعلان حيث ينظر القارئ: بعد الفقرة الأولى أو الثانية وفي نهاية المقال، وهي أماكن غالبًا ما يكون فيها انتباه القارئ مرتفعًا.
• اختر المقاس المناسب للجهاز: أغلب الزوار من الهاتف، لذلك ركّز على 300x250 و320x50.
• لا تنقر على إعلاناتك: هذا مخالف وقد يوقف حسابك.
• جرّب وقارن: غيّر الأماكن والمقاسات، وراجع إحصائيات لوحة Adsterra لتعرف الأفضل أداءً.
• ركّز على المحتوى: زيادة الزيارات من محركات البحث هي أساس زيادة الأرباح، لذلك اهتم بمقالات مفيدة ومحسّنة للسيو.
• اعتنِ بسرعة الموقع: الإعلانات الثقيلة تؤثر على تجربة الزائر وترتيب موقعك.

الأسئلة الشائعة

هل Adsterra تشترط عددًا معينًا من الزيارات؟

لا، لا تشترط حدًا أدنى للزيارات للقبول، ويمكن للمواقع الصغيرة الانضمام. لكن جودة الزيارات مهمة، والزيارات الوهمية ممنوعة.

هل يوجد حد أدنى للسحب؟

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

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

نعم، لكن الأفضل التدرج. يمكنك الجمع بين بانر داخل المقال وNative Banner أسفله، وإضافة Social Bar أو Popunder بحذر.

لماذا لا يظهر الإعلان بعد وضع الكود؟

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

هل أستخدم Adsterra مع بلوجر؟

نعم، تعمل أكواد Adsterra على بلوجر بالطرق الموضحة أعلاه: داخل المقال أو الودجت أو القالب.

ما الفرق بين Popunder وSocial Bar؟

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

ابدأ الآن

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