28 مايو، 2015

زيادة ارباح ادسنس من خلال الإعلانات

زيادة ارباح ادسنس من خلال اضافة إعلانات مستجيبة و متوافقة مع جميع الشاشات

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

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


لماذا ينبغي عليك إستخدام وحدات الإعلان المستجيبة؟


الإعلانات المستجيبة تماما مثل تصميم المواقع الإلكترونية و  قوالب بلوجر المتوافقة مع الشاشات فيتغير حجمها وفقا لخصائص حجم الشاشة التي يتم عرض الموقع او القالب عليها كذلك الإعلانات المستجيبة :) تسمح لك التحكم بحجم الإعلانات على الصفحة الخاصة بك. بحيث سوف يتوافق حجم الإعلان مع اجهزة ايفون iPhone ,سامسونج Samsung ,تابلت Tablet ,ايباد iPad. ايضا يمكنك التحكم بظهور او اخفاء الإعلانات على مقاس الشاشة التي تريدها.


فيما يلي أسباب لماذا يجب عليك إستخدام وحدات الإعلان المستجيبة :


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

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

3. يمكنك الآن إخفاء الإعلانات! الآن جوجل تتيح للمستخدمين استخدام display:none في اكواد CSS لإخفاء الوحدات الإعلانية. هذه الميزة متوفرة فقط في الوحدات الإعلانية المستجيبة.

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

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

طريقة إنشاء وحدة إعلانية مستجيبة


ملاحظة : الطريقة الموضحة أدناه غير مخالفة لسياسة ادسنس و هي آمنة على حساباتكم

سوف نقوم بإنشاء وحدة إعلانية بالطريقة المعتادة:


1. تذهب إلى حسابك في AdSense
2. انقر علامة تبويب إعلاناتي
3.انقر على "وحدة إعلانية جديدة"
4. قم بأختيار اول وحدة إعلانية
5. ملء التفاصيل الأخرى وانقر فوق حفظ والحصول على الشفرة الإعلانية.

زيادة ارباح ادسنس من خلال اضافة إعلانات مستجيبة و متوافقة مع جميع الشاشات

سوف تكون الشفرة الإعلانية على هذا الشكل
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5679872456940800"
     data-ad-slot="4890310675"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

من الشفرة الإعلانية التي فوق سوف نحتاج فقط البيانات الخاصة و هما data-ad-slot و data-ad-slot كما هو موضح بالخط العريض في الكود فوق. الان قم بنسخ الرقمين من كود ادسنس و ضعهم داخل مفكرة لأننا سوف نحتاج إليهم في وقت لاحق.

إضافة الوحدات الإعلانية المستجيبة في ادوات بلوجر


إذا كنت ترغب في إضافة وحدة الإعلان الخاصة بادسنس AdSense من التخطيط في الشريط الجانبي "سايدبار" اتبع الخطوات التالية :
1. إذهب إلى لوحة تحكم بلوجر
2. انقر على تخطيط
3. الان انقر على "إضافة أداة"
4. قم بإختيار HTML/JavaScript
5. قم بلصق الكود التالي داخل الاداة

<style type="text/css">
.adslot_1 { max-width: 300px; height: auto; margin:10px 0px; }

@media (min-width:100px) { .
adslot_1 { width:125px; height:125px; } }
@media (min-width:180px) { .
adslot_1 { width:180px; height:150px; } }
@media (min-width:200px) { .
adslot_1 { width:200px; height:200px; } }
@media (min-width:250px) { .
adslot_1 { width:250px; height:250px; } }
@media (min-width:300px) { .
adslot_1 { width:300px; height:600px; } }
@media (min-width:336px) { .
adslot_1 { width:336px; height:280px; } }
@media (min-width:468px) { .
adslot_1 { width:468px; height:60px; } }
@media (min-width:728px) { .
adslot_1 { width:728px; height:90px; } }

</style>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle adslot_1"
style="display:inline-block;"
data-ad-client="
xxxxxxx"
data-ad-slot="
xxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>


التغييرات التي يجب إجرائها


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


   إستبدل xxxxxxx مع data-ad-client و هو الرقم الموجود داخل المفكرة الخاص بالشفرة الإعلانية.
   استبدال xxxxxx مع data-ad-slot هو الرقم الموجود داخل المفكرة الخاص بالشفرة الإعلانية.

5. قم بالضغط على حفظ!

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

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


زيادة ارباح ادسنس من خلال اضافة إعلانات مستجيبة و متوافقة مع جميع الشاشات
  

ماذا لو اردنا إضافة المزيد من الوحدات الإعلانية ؟

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

الان نريد إضافة وحدات إعلانية داخل القالب؟

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


  <style type="text/css">
.adslot_1 { max-width: 300px; height: auto; margin:10px 0px; }

@media (min-width:100px) { .adslot_1 { width:125px; height:125px; } }
@media (min-width:180px) { .adslot_1 { width:180px; height:150px; } }
@media (min-width:200px) { .adslot_1 { width:200px; height:200px; } }
@media (min-width:250px) { .adslot_1 { width:250px; height:250px; } }
@media (min-width:300px) { .adslot_1 { width:300px; height:600px; } }
@media (min-width:336px) { .adslot_1 { width:336px; height:280px; } }
@media (min-width:468px) { .adslot_1 { width:468px; height:60px; } }
@media (min-width:728px) { .adslot_1 { width:728px; height:90px; } }

</style>
&lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;

<ins class="adsbygoogle adslot_1"
style="display:inline-block;"
data-ad-client="xxxxxxx"
data-ad-slot="xxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

الكود الملون بالاصفر هو كود الجافا سكريبت الذي قمنا بترميزه "تحويله". و قمنا بعمل بعض التغييرات في الكود لتسطيع وضعه داخل القالب الان كل ما عليك فعله هو عمل التغييرات مثل الكود السابق, و تمتع بالارباح من خلال بلوجر بفضل إعلانات جوجل ادسنس المتسجيبة! اي سؤال او استفسار لا تترد بوضع تعليق

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

مواضيع ذات صلة
زيادة ارباح ادسنس من خلال الإعلانات
4 / 5
بواسطة

هناك 50 تعليقًا :

  1. مرحبا اخي العزيز
    بخصوص اعلانات ادسنس
    كيف اضع وحدة اعلانية من ادسنس بين المواضيع في الصفحة الرئيسية
    مثلا الصفحة الرئيسية تعرض 10 مواضيع فانا اريد ان اضع وحدة اعلانية بعد الموضوع الخامس
    فكيف ذلك
    تقبل تحياتي

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

      حذف
  2. لم يظهر الاعلان اساسا

    ردحذف
    الردود
    1. قد تكون انت قمت بعمل شيء خاطيء يا غالي
      فنحن نستخدمها في مدون محترف

      حذف
    2. لأنك وضعت الرقم الأول وحده، لذلك أخي عليك وضعه هكذا: ca-pub-3038634441677220 و سيظهر الاعلان

      حذف
  3. رائع اخى بالتوفيق - جميله جدا هذه الطريقه (y)

    ردحذف
    الردود
    1. مرورك الجميل يا غالي

      حذف
  4. أكثر من شهر وأنا أبحث عن هذا الدرس وهو عندك يآآآ منير =m

    ردحذف
    الردود
    1. =s
      بتمنى يفيدك الموضوع يا غالي

      حذف
  5. أخي لم تذكر شيء مهم جدا عند إضافة إعلانات في تخطيط تقوم بتغيير من adslot_2 adslot_1 ...
    وداخل القالب لا تكمل 3 ـ 4 تبدأ من جديد adslot_2 adslot_1 ...
    هل صحيح

    ردحذف
    الردود
    1. تقريباً ذكرتها داخل الموضوع اقرأ الموضوع
      ايضاً المساحات التي لا تريدها ان تظهر اجعلها هكذا

      @media (max-width:99px) { .adslot_1 { display:none; } }

      بحيث نقوم بإضافة display:none

      حذف
    2. لو سمحت يا ادمن .. اعلانت جوجل ادسنس انا بعتولي انه تم تفعيل اعلانات جوجل ادسنس على مدونتي بس الاعلانات لحد دلوقتي مظهرتش
      سوالي اعمل اية بعد رسالة قبول التفعيل ؟؟
      هل الاعلانات مظهرتش عشان في حاجة ناقصة ولا اية
      ارجو الرد

      حذف
    3. هي سوف تظهر لوحدها صديقي
      فقط انتظر قليلًا

      حذف
  6. لم أقرأ المقدمة =q

    ردحذف
    الردود
    1. أخى لازم ان اشترك فى ادسنس من بلوجر اصل انا مشترك من الوتيوب

      حذف
    2. وانا عملت الطرق ولم يظهر الاعلان وانا حاطت ca-pub- بعدها الرقم كا زى ما انت قلت

      حذف
    3. قد تكون فعلت شيء خاطيء انتظر قليلاً وسوف يظهر

      حذف
    4. أيضًا حساب ادسنس يوتيوب
      لن تظهر الإعلانات الخاصة به على بلوجر

      حذف
  7. لم تعجبني الإعلانات على الجوال تضهر بشكل كبير بعد تعديل

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

      حذف
  8. يمكنك إجراء تعديلات على شفرة الإعلان لتحديد شكل عام (أفقي و/ أو رأسي و/ أو مستطيل) والتي يجب أن تتوافق الوحدة الإعلانية معه. توضح الأمثلة التالية كيفية إجراء هذه التعديلات:

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

    بشكل افتراضي، تحتوي شفرة الإعلان المتجاوب على علامة data-ad-format مع القيمة "auto" التي تمكن سلوك تغير الحجم التلقائي للوحدة الإعلانية المتجاوبة. ومع ذلك، يمكنك ضبط الشكل العام للوحدة الإعلانية المتجاوبة عن طريق تغيير قيمة data-ad-format إلى إحدى هذه القيم: "rectangle" أو "vertical" أو "horizontal" أو أي مجموعة منها يتم الفصل بينها بواسطة فاصلة، على سبيل المثال، "rectangle, horizontal".

    أضن هذه تعديلات أفضل أخي منير من support.google

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

      حذف

    2. شكرا لك أخي منير أن أستفدت من موضوعك

      حذف
    3. لا شكر على واجب صديقي
      =e

      حذف
  9. السلام عليكم اخي
    يعطيك العافية شرح كافي ووافي
    بس المشكلة عندي اعلانات ادسنس مابتظهر نهائي
    في عندك حل للمشكلة

    ردحذف
    الردود
    1. وعليكم السلام
      الله يعافيك يا غالي
      قد تكون المشكلة إن حسابك قيد المُراجعة

      حذف
  10. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. بما إنه تم المواافقة
      قم بوضع الإعلانات وانتظر يومين او ثلاثة ايام
      وسوف تظهر بشكل تلقائي

      حذف
    2. شكرا الك حبيبي والله يعطيك الف عافية
      نحن ديما منعتمد على استاذ كبير متلك

      حذف
    3. لا شكر على واجب صديقي
      والله يعطيك الف عافية
      احترامي وتقديري لشخصك الكريم =e

      حذف
  11. سلام عليكم اخي ، لم افهم قصدك من : لا يتغير الحجم الا بعد عادة تحميل الصفحة !!
    يعني اذا دخل الزائر من الهاتف يجب عليه عمل ريفريش حتى تظهر اعلانات متناسقة مع حجم الهاتف ؟؟
    اذ كان الامر هكذا اظن انه لا فائدة من عمل هذه الالاعانات لان الزائر لن يعمل ريفريش للصفحة
    شكرا على مجهوداتكم

    ردحذف
    الردود
    1. قصدي هنا "لا يتغير الحجم الا بعد عادة تحميل الصفحة"
      إذا كنت تتصفح المدونة من فايرفوكس او جوجل كروم قم بتصغير نافذة المتصفح واعمل رفرش للصفحة سوف يتغير الحجم
      اما بالنسبة للحجم عندما يدخل الزائر من الهاتف
      سوف يجد حجم الإعلان متناسق مع شاشة هاتفه دون ان يقوم بعمل رفرش

      حذف
    2. أزال أحد مشرفي المدونة هذا التعليق.

      حذف
    3. نعتذر لمسح التعليق بسبب الرابط
      بالنسبة للطريقة الان اصبح يوجد الإعلانات المتجاوب
      يُفضل إستخدامها ويُمكنك استخدام الطريقة التي بالاعلى ايضًا مفيدة

      حذف
  12. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. اعتذر منك لمسح التعليق بسبب الرابط
      من الجيد أنّ الطريقة نجحت معك صديقي
      ولكن الصورة لم تظهر عندي

      حذف
    2. كيف اعرفع لك الصورة اخي ، هل من طريقة للتواصل معك

      حذف
    3. صديقي قم برفعها على اي مركز رفع للصور

      حذف
    4. أزال أحد مشرفي المدونة هذا التعليق.

      حذف
    5. رأيت القالب
      الإعلانات تظهر متجاوبة 100%
      ولكن الإعلان فوق تظهر القائمة فوقه
      وهذه يجب عليك سؤال مصمم القالب هو سوف يفيدك أكثر من في تغيير مكان القائمة وإنزالها للأسفل قليلاً

      حذف
  13. السلام عليكم : شكلك محترف ادسنس دلوقتي انا اشتركت فى ادسنس والحساب اترفض لاني كان عندى حساب قديم على ايميل اخر ... فا ايه العمل

    ردحذف
    الردود
    1. وعليكم السلام
      غير معلومات حسابك الجديد بشكل كامل وعيد تقديم الطلب

      حذف
  14. هى بتظهر بعد اد ايه من الوقت

    ردحذف
    الردود
    1. بتظهر فورًا صديقي

      حذف
  15. هو لازم يكون حسابى عادى

    ردحذف
    الردود
    1. لا صديقي مش ضروري يكون عادي

      حذف
  16. شكراَ أخي علي الموضوع
    ولكن أريد أن أعرف كيف أحصل علي المال الذي أكسبه!؟

    ردحذف
    الردود
    1. لا شكر على واجب
      عبر ويستريونيون او فيزا بايونير

      حذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r