اصنع وحدة إعلانية ادسنس
اصنع وحدة إعلانية ادسنس للإعلانات بحجم 970 × 250
مع إظهار إخفاء زر الإعلان
في هذه التدوينة سنرى كيف عمل اعلان مع زر اغلاق
وليس هناك أي ضرر في محاولة تجربة هذه الوحدة الإعلانية التي تحمل لوحات إعلانية ، والتي تعرف أن الحظ موجود في الوحدة
970 × 250 ويبدو أنه لا يزال هناك العديد من المدونين الذين يستخدمون هذه الوحدة الإعلانية بحجم
ربما بسبب الحجم الكبير الذي يشغل مساحة كبيرة على المدونة
لهذا السبب ، نكمل هذه الوحدة الإعلانية باستخدام زر إظهار إخفاء الإعلانات ، لذا إذا كان هناك زوار يشعرون بالضيق من هذه الشريحة ، فيمكن حينئذٍ إخفاء الإعلان وكذلك في صفحة يوتيوب باستخدام زر إظهار إخفاء الإعلانات أيضًا
إذا كنت ترغب في تجربتها ، يرجى اتباع الخطوات التالية
يرجى حفظ
CSS
التالي في نمط المخصص لمدونتك
/* Top Banner */
.top_banner{margin:20px auto;padding:0 10px 20px;position:relative;width:100%;max-width:990px;height:auto}
#close_topbanner,#open_topbanner{font-family:Roboto,sans-serif;position:absolute;padding:0;bottom:0;background:0 0;border:none;cursor:pointer;color:#888;font-size:15px;font-weight:500;height:20px;line-height:20px;}
#close_topbanner{right:10px}
#open_topbanner{width:100px;text-align:center;right:50%;margin-right:-50px}
#close_topbanner:focus,#open_topbanner:focus{outline:0}
<body>و بعد ذالك تبحث عن الكود التالي
و بعد ذالك تبحث عن الكود التالي و تضع الكود التالي تحته مباشرتا
<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "error_page"'>
<div class='top_banner'>
<div id='topbanner'>
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxxx' height='250' layout='fixed-height' type='adsense'>
</amp-ad>
</div>
<button id='close_topbanner' on='tap:topbanner.hide, close_topbanner.hide, open_topbanner.show' role='button' tabindex='0' title='Close'>Close Ad</button>
<button hidden='' id='open_topbanner' on='tap:topbanner.show, close_topbanner.show, open_topbanner.hide' role='button' tabindex='0' title='Open'>Open Ad</button>
</div>
</b:if>
يرجى تغير الكود الخاص بي معرف ادسنس
إرسال تعليق