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


مصنفة في قسم  : أدسنس
كتبت بتاريخ  : 25 نوفمبر 2010
عدد المشاهدات  : 
عدد التعليقات  : لا توجد تعليقات 

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

السلام عليكم ورحمة الله وبركاته

اليوم سوف نتكلم عن طريقة ادراج اعلانات ادسنس بمقاسات 60×486 و 90×728 في الترويسة (header.php) وبالنسبة لهذه الاخيرة كانت تواجهني سابقا عقبة ملف التنسيق لانها تحتاج قليل من التركيز وتحليل لطريقة عمل الترويسة ولانها ايضا تحتوي على شعار الموقع وهذا الاخير له مقاس خاص به وهو الذي يختار اي مقاس للاعلان يجب ان يكون بجواره نستعمل معادلة بسيطية لفهم طريقة العمل على الترويسة

اولا يجب معرفة شيئ الترويسة تكون مكونة من جزئين او ثلات أجزاء على حسب طريقة تصميم القالب

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

صورة للمثال الاول

مثال الاول

صورة للمثال الثاني

بالنسبة ثلاث اجزاء تكون الترويسة تحتوي على اسم الموقع وتحته وصف بسيط والجهة التانية تحتوي على محرك البحث

ملحوظة :  في حالة استعمال القالب لمحرك البحث سنقوم باستبداله باعلان ادسنس

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

header = logo + adsense

لمعرفة هل سنضع اعلان 60×468 او 90x 728 نقوم بطرح حجم الاعلان من الترويسة ونقارن الرقم الحاصل مع الشعار

على سبيل المثال

لدينا اسم الموقع او الشعار يساوي 300

985 (header) – 468 (adsense) = 517

517 > 300

هنا سوف يكون مناسبا وضع الاعلان بالمقاس 468 اما بالنسبة للاعلان بمقاس 728 لن يكون مناسب اذا قمنا بعملية حسابية صغيرة سوف نجد التالي

985 (header) – 728 (adsense) = 257

257 < 300

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

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

ملحوظة : الوسم المستعمل غالبا لترويسة هو header

<div id=”header”>

هنا سنشتغل

</div>

اخترت هذا القالب aristo لنشتغل عليه  لتحميل القالب من هنا

الان لاحظ معي الصور التالية لفهم ميكانيكة عمل الترويسة (header) إضغط على الصور لمشاهدتها بالحجم الطبيعي

الان نلقي نظرة على الكود من ملف header.php للقالب aristo

<div id="top">

<div class="blogname">
 <h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>
 <h2><?php bloginfo('description'); ?></h2>
</div>

<?php include (TEMPLATEPATH . '/searchform.php'); ?>

<div class='subcribe'>
<a href="<?php bloginfo('rss2_url'); ?>">RSS خلاصات</a> | <a href="http://twitter.com/<?php $twit = get_option('asts_twit'); echo ($twit); ?>">اتبعنى على تويتر</a> | <?php wp_loginout(); ?>
</div>

</div>

الان يجب عليك معرفة تنسيق كل وسم على حدى كما في الصورة الثانية

نبدأ بال top


#top {
 height:104px;
 margin:auto;
 width:1000px;
 position:relative;
 }

كما تحدثنا سابقا عن تلك المعادلة سوف نحتاجها قريبا لاحظ طول العرض 1000 بيكسل والارتفاع 104 بيكسل

يليه blogname


.blogname {
 width:600px;
 margin:25px 0px 0 0px;
 height:70px;
 text-align:right;
 float:right;
 padding-right:20px;

 }
.blogname h1  {
 font-size:32px;
 padding:0 0 0px 0;
 font-weight:normal;
 color:#222;

 }
.blogname h1  a:link, .blogname h1  a:visited{
 color: #222;
 display:block;
 margin:5px 0px 0 0px;
 }

.blogname h1  a:hover {
 color: #111;
 }
.blogname h2 {
 margin:0px 0px 0px 0px;
 font-size:14px;
 font-weight:normal;
 color: #515151;
 }

لاحظ معي جيدا قياس العرض 600 بيكسل وهذا حجم كبير جدا سوف قوم بتعديله الى 300  بيكسل على حسب اسم الموقع او 350 بيكسل ليس بالمشكل

بالنسبة ل subcribe و search  نقوم بزإلتهما لوضع الاعلان مكانهما او نزيل فقط مكان البحث أي سيصبح كود الترويسة بالشكل التالي


<div id="top">

<div class="blogname">
 <h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>
 <h2><?php bloginfo('description'); ?></h2>
</div>

<div id='ads-header'>
<script type="text/javascript"><!--
google_ad_client = "pub-6138943747262727";
/* 468x60, تم إنشاؤها 08/09/10 */
google_ad_slot = "7095575573";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

</div>

كما تلاحظون هناك فرق بين هذا الكود والكود اعلاه الان يجب عليك معرفة ماذا ستضيف وماذا ستعدل :

1 – تعديل تنسيق blogname

.blogname {
 width:600px;
 margin:25px 0px 0 0px;
 height:70px;
 text-align:right;
 float:right;
 padding-right:20px;
}

هنا يجب استعمال المعادلة التي تكلمنا عنها بالنسبة لعرض الشعار (logo)

1000 px (top) – 600 px (logo) = 400 px < 468 px

400 px < 468 px

نستنتج من هذه المعادلة ان المسافة المتبقية لن تصلح لوضع الاعلان لهذا سنظطر لنقص عرض الشعار او اسم الموقع

اي سيصبح تنسيق اسم الموقع (blogname) بالشكل التالي

.blogname {
 width:300px;
 margin:25px 0px 0 0px;
 height:70px;
 text-align:right;
 float:right;
 padding-right:20px;
}

2 – اضافة تنسيق الاعلان ads-header

يمكن اضافة الاعلان في اي مكان تريد في ملف التنسيق style.css

#ads-header {
 width:550px;
 padding:0;
 margin:30px 0px 10px 0px;
 float:left;
 height:80px;
 }

لاحظ معي عرض تنسيق الاعلان مع مراعاة margin و padding و المكان يسار , بالنسبة للاعلان 728 يجب زيادة عرض تنسيق الاعلان  ونقص عرض الشعار

وفي الاخير هذه امثلة على الشرح :

60×468

90×728

ملحوظة :  margin و padding لها دور مهم في ظور الاعلان بشكل جيدوقد اشرنا لطريقة عملهما في تدوينة سابقة من هنا

مثال  margin:0 5px 5px 0

0 : الأعلى

5px : اليمين

5px : الأسفل

0 : اليسار

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

اذا كانت هناك اي إستفسارات أو نقص في الشرح يمكنك وضع تعليق

والسلام عليكم ورحمة الله وبركاته

كيف تضع إعلانات أدسنس بالترويسة لمدونة الووردبريس بواسطة مجلة ووردبريس, يمكنك نقل ومشاركة التدوينة مع ذكر المصدر الأصلي للموضوع ، مع رابطه, والتدوينة مرخصة بموجب المشاع الابداعي Creative Commons A-NC-SA 3.0.

الوسوم : , , ,

  • مجلة الوردبريس




1. المرجوا الابتعاد عن كتابة تعليقات بنمط (يعطيك العافية)، (روعة)، (ممتاز)، (مشكوووور)، (ابداع).

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