طريقة وضع اعلان أدسنس متحرك في بلوجر
طريقة وضع اعلان أدسنس متحرك في بلوجر
السلام عليكم ورحمة الله
في هذه التدوينة سنتحدث عن موضوع مهم .. وهو كيفية وضع اعلانات ادسنس متحركة داخل المدونة..
فبالطبع فان الاعلانات المتحركة تزيد من ارباح أدسنس بدون شك لأنها تظهر للزوار بشكل كبير مما يجعل الزوار ينقرون على الاعلانات فترتفع نسبة CTR الخاصة بالاعلانات بشكل أكبر.
لنمر الى شرح الطريقة السهلة لتركيب اعلان متحرك في المدونة :
اولا نشرح كيفية تركيب الاعلان الأول وهو سكاي سكريبر مقاس (160×600)
لتركيب الاعلان توجه الى لوحة التحكم في بلوجر
ثم قم بالدخول الى التخطيط ثم أضف أداة جديدة HTML/JavaScript
قم بوضع الكود التالي في المربع الخاص :
<div class='clear'>
</div>
<span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=6978282028189964955&widgetType=HTML&widgetId=HTML20&action=editWidget§ionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("html20"));' target='configHTML20' title=''> <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'>
</div>
<div id='rsidebar-wrapper'>
<div class='sidebar section' id='sidebarleft'>
<div class='widget HTML' id='HTML15'>
<div class='widget-content'>
<div class="angular_advertisement angadver_bottom angadver_right">
<a href="#"> </a> </div>
<div class="angular_advertisement" style="right: 0px; top: 0px; position: fixed;">
كود ادسنس هنا <div dir="rtl" style="text-align: right;" trbidi="on">
<b><a href="http://rawabetblogger.blogspot.com/2013/10/adsense_27.html" id="linkwithin_logolink_2" style="border-bottom-color: currentColor; border-bottom-style: none; border-bottom-width: medium; color: #cccccc; font-size-adjust: none; font-stretch: normal; font: 10px/normal arial; text-decoration: none;" target="_blank"><b>Get theis</b></a></b></div>
</div>
</div>
</div>
</div>
</div>
</div>
<span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=6978282028189964955&widgetType=HTML&widgetId=HTML20&action=editWidget§ionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("html20"));' target='configHTML20' title=''> <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'>
</div>
<div id='rsidebar-wrapper'>
<div class='sidebar section' id='sidebarleft'>
<div class='widget HTML' id='HTML15'>
<div class='widget-content'>
<div class="angular_advertisement angadver_bottom angadver_right">
<a href="#"> </a> </div>
<div class="angular_advertisement" style="right: 0px; top: 0px; position: fixed;">
كود ادسنس هنا <div dir="rtl" style="text-align: right;" trbidi="on">
<b><a href="http://rawabetblogger.blogspot.com/2013/10/adsense_27.html" id="linkwithin_logolink_2" style="border-bottom-color: currentColor; border-bottom-style: none; border-bottom-width: medium; color: #cccccc; font-size-adjust: none; font-stretch: normal; font: 10px/normal arial; text-decoration: none;" target="_blank"><b>Get theis</b></a></b></div>
</div>
</div>
</div>
</div>
</div>
ثم قم بعمل حفظ للأداة.
بالنسبة للاعلان الثاني سكاي سكريبر (120×600) فنقوم بوضع الكود التالي :
<div class="angular_advertisement" style="left: 0px; top: 0px; position: fixed;">
كود ادسنس هنا <div dir="rtl" style="text-align: right;" trbidi="on">
<b><a href="http://rawabetblogger.blogspot.com/2013/10/adsense_27.html" id="linkwithin_logolink_2" style="border-bottom-color: currentColor; border-bottom-style: none; border-bottom-width: medium; color: #cccccc; font-size-adjust: none; font-stretch: normal; font: 10px/normal arial; text-decoration: none;" target="_blank"><b>Get theis</b></a></b></div>
<div class='clear'>
</div>
<span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=6978282028189964955&widgetType=HTML&widgetId=HTML15&action=editWidget§ionId=sidebarleft' onclick='return _WidgetManager._PopupConfig(document.getElementById("html15"));' target='configHTML15' title=''> <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span></span></div>
كود ادسنس هنا <div dir="rtl" style="text-align: right;" trbidi="on">
<b><a href="http://rawabetblogger.blogspot.com/2013/10/adsense_27.html" id="linkwithin_logolink_2" style="border-bottom-color: currentColor; border-bottom-style: none; border-bottom-width: medium; color: #cccccc; font-size-adjust: none; font-stretch: normal; font: 10px/normal arial; text-decoration: none;" target="_blank"><b>Get theis</b></a></b></div>
<div class='clear'>
</div>
<span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=6978282028189964955&widgetType=HTML&widgetId=HTML15&action=editWidget§ionId=sidebarleft' onclick='return _WidgetManager._PopupConfig(document.getElementById("html15"));' target='configHTML15' title=''> <img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span></span></div>
ثم نعمل حفظ للأداة.
ملاحظة : قم بوضع كود الأدسنس الخاص بك مكان "كود أدسنس هنا".
بهذه الطريقة ستظهر اعلانات متحركة في مدونتك بسهولة.
هذه الطريقة رائعة اذا كنت تريد زيادة نسبة النقر على اعلاناتك لأنها تجعل الاعلانات تظهر دائما للزوار مما يعني أن الزوار سيرون اعلاناتك بشكل أكثر وسيقومون بالضغط عليها.
أتمنى أن تعجبكم الاضافة والى اللقاء في شرح جديد.
تعليقات
إرسال تعليق