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

النشرة البريدية @

طرق وضع اعلان جوجل ادسنس داخل الموضوع في مدونة بلوجر

دروس، شرح، طريقة، بلوجر

تحتوي هذه المقالة على ما يلي

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

الطرق التقليدية لإظهار إعلانات جوجل أدسنس

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

طريقة إظهار إعلان جوجل أدسنس فوق أو أسفل الموضوع.

طريقة وضع اعلان جوجل ادسنس فوق أو أسفل الموضوع
1 ـ من لوحة التحكم Blogger إذهب إلى (قالب) ⟵ (تحرير HTML).
(ننصح بأخذ نسخة احتياطية من القالب)
2 ـ ابحث بالإستعانة بـ (CTRL+F) عن الكود <data:post.body/>
(سوف تجد أكثر من كود مثله ولكنه فى الاغلب سوف يكون الكود الثانى وأحيانها يكون مسبوقا بهذا الكود <span expr:id='data:post.id'>)
3 ـ ضع الكود التالي:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:center;padding:5px;'>
<table align='center'><tr><td>
ضع هنا كود الإعلان الأول بعد تحويله
</td></tr></table></div>
</b:if>
قبل الكود <data:post.body/> إذا أردت إظهار الاعلان فوق الموضوع، أي أسفل العنوان مباشرة
بعد الكود <data:post.body/> إذا أردت إظهار الاعلان تحت الموضوع.
الرمز center يجعل الاعلان يظهر في الوسط، يمكن استبداله ب left إذا أردته ان يظهر في اليسار، أو right إذا أردته أن يظهر على اليمين. 
4 ـ من منصة أدسنس انسخ كود الاعلان، وقم بتحويله بواسطة أداة التحويل، كي لا يعترضك خطأ في التنسيق عند زرع الكود في القالب، والصقه في المكان المشار اليه في الكود المذكور أعلاه.
5 ـ اضغط (حفظ) ... هنيئا لك  :)

طريقة إظهار إعلانين جوجل أدسنس متجاورين تحت التدوينة أوتحت العنوان

طريقة وضع إعلانين جوجل أدسنس تحت التدوينة أوتحت العنوان
1 ـ من لوحة التحكم Blogger إذهب إلى (قالب) ⟵ (تحرير HTML).
(ننصح بأخذ نسخة احتياطية من القالب)
2 ـ ابحث بالإستعانة بـ (CTRL+F) عن الكود <data:post.body/>
(سوف تجد أكثر من كود مثله ولكنه فى الاغلب سوف يكون الكود الثانى وأحيانها يكون مسبوقا بهذا الكود <span expr:id='data:post.id'>)
3 ـ ضع الكود التالي:
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:post.isFirstPost'>
<span class='FL'>
ضع هنا كود الإعلان الأول بعد تحويله
</span>
<span class='FR'>
ضع هنا كود الإعلان الثاني بعد تحويله
</span>
<div class='spacer'/>
</b:if></b:if>
قبل الكود <data:post.body/> إذا أردت إظهار الاعلان فوق الموضوع، أي أسفل العنوان مباشرة
بعد الكود <data:post.body/> إذا أردت إظهار الاعلان تحت الموضوع.
4 ـ من منصة أدسنس انسخ كود الاعلان، وقم بتحويله بواسطة أداة التحويل، كي لا يعترضك خطأ في التنسيق عند زرع الكود في القالب، والصقه في المكان المشار اليه في الكود المذكور أعلاه.
5 ـ اضغط (حفظ) ... هنيئا لك  :)

طريقة إظهار إعلان جوجل ادسنس وسط الموضوع

طريقة وضع اعلان جوجل ادسنس وسط الموضوع

1 ـ من لوحة التحكم Blogger إذهب إلى (قالب) ⟵ (تحرير HTML).
(ننصح بأخذ نسخة احتياطية من القالب)
2 ـ ابحث بالإستعانة بـ (CTRL+F) عن الكود <data:post.body/>
(سوف تجد أكثر من كود مثله ولكنه فى الاغلب سوف يكون الكود الثانى وأحيانها يكون مسبوقا بهذا الكود <span expr:id='data:post.id'>)
3 ـ استبدل الكود <data:post.body/> بالكود التالي:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
ضع هنا كود الإعلان بعد تحويله
</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script><font size="0"></font>
</b:if>
إذا اردت الاعلان ان يظهر على اليمين استبدل كود clear:both بهذا الكود float:right
ان اردت الاعلان ان يظهر على اليسار استبدل كود clear:both بهذا الكود  float:left
4 ـ من منصة أدسنس انسخ كود الاعلان، وقم بتحويله بواسطة أداة التحويل، كي لا يعترضك خطأ في التنسيق عند زرع الكود في القالب، والصقه في المكان المشار اليه في الكود المذكور أعلاه.
5 ـ اضغط (حفظ) ... هنيئا لك  :)
6 ـ وعند كتابة أي تدوينة نقوم بإدراج هذا الكود <!-- adsense --> داخل html الموضوع في المكان الذي نريد أن يظهر فيه الاعلان.

طريقة إظهار إعلان جوجل أدسنس أو أكثر وسط الموضوع في كل الصفحات تلقائيا

هذه الطريقة هي أروع طريقة اكتشفتها حتى الآن وقد صادفتها في المدونة المتميزة (((فولفولي))) التي يديرها مدون رائع ومحترف.
1 ـ من لوحة التحكم Blogger إذهب إلى (قالب) ⟵ (تحرير HTML).
(ننصح بأخذ نسخة احتياطية من القالب)
2 ـ ابحث بالإستعانة بـ (CTRL+F) عن الكود <data:post.body/>
(سوف تجد أكثر من كود مثله ولكنه فى الاغلب سوف يكون الكود الثانى
وأحيانها يكون مسبوقا بهذا الكود <span expr:id='data:post.id'>)
3 ـ استبدله بالكود التالي:
<div id='adsense-target'>
<data:post.body/>
<div div='adsense-content' style='display:block;text-align: center'>
</div></div>
4 - نضع فوقه الكود التالي، وهو الذي سنضع فيه الاعلان:
<div id='adsense-content' style='display:block;text-align: center;'>
ضع هنا كود الإعلان الأول بعد تحويله
</div>
ويمكن تكرار وضع الكود في حالة كنا نريد أن نظهر أكثر من إعلان، مع الحرص على أن نعطيه في كل مرة إسما مختلفا. مثلا إذا كنا سمينا الأول adsense-content، فيمكن أن نسمي الثاني adsense-content2.
5 - ثم نضع أسفله (أي أسفل الكود الذي وضعناه في الأول) كود جافا سكريبت التالي، وهو الذي سنتحكم من خلاله بمكان ظهور الإعلان:
<script type='text/javascript'>
function insertAfter2(addition2,target2) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition);
} else {
parent.insertBefore(additionn,targett.nextSibling);
}
}
var adscont = document.getElementById(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[2]);
ـ طبعا، إذا قمنا بتكرار وضع الكود الذي يوضع فيه الإعلان كما ذكرنا، فيجب تكرار وضع هذا الكود أيضا، مع الحرص على أن نعطي لكود التحكم هذا في كل مرة نفس الإسم الذي أعطيناه لكود تظمين الإعلان.
ـ القيمة 2 تعني أن الإعلان سيظهر بعد الفقرة الثانية، يمكن تغييرها بعدد الفقرات التي تريد أن يظهر الاعلان بعدها.
ـ القيمة br تعني أن الاعلان يظهر بعد عدد من الفقرات، يمكن تغييرها ب blockquote مثلا ليظهر بعد عدد من كود مصدري، أو h2 ليظهر بعد العنانين، وهكذا.
6 ـ اضغط (حفظ) ... هنيئا لك  :)

ليست هناك تعليقات :

أضف تعليق

free tracking