جعل المشاركات ذات الصلة جنبا إلى جنب مع ادسينس على مدونة AMP HTML

 AMP HTML جعل المشاركات ذات الصلة جنبا إلى جنب مع ادسينس على مدونة

 adsense في الواقع هذا هو نتيجة لتجربة في وضع 

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

 px600 تبحث عن الموقع المناسب لتطبيق إعلانات عالية  

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

بالنسبة إلى المشاهدات ، يمكنك الاطلاع أدناه على هذه المشاركة أو في الصورة المصغرة أعلاه.

إذا كنت تريد تجربتها أيضًا ، فيرجى نسخ الرموز أدناه.

HTML يرجى حفظ شفرة 

HTML أسفل المشاركة في تحرير 

 cond='data:blog.pageType == "item"'>

<div class='related-post'>

<h4>You Might Also Like:</h4>

<div class='underpost1'>

<b:if cond='data:post.labels'>

 <b:loop index='x' values='data:post.labels' var='label'>

   <b:if cond='data:x==0'>

<amp-iframe expr:src='&quot;https://cdn.rawgit.com/KompiAjaib/kompi-html/master/relatedposts_light.html?url=https://souha3.blogspot.com/&amp;label=&quot; + data:label.name' frameborder='0' height='620' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups'>

</amp-iframe>

   </b:if>

 </b:loop>

</b:if>

</div>

<div class='underpost2'>

<amp-ad data-ad-client='ca-pub-12345678910xxxxxx' data-ad-slot='xxxxxxxxxx' height='600' layout='fixed-height' type='adsense'>

</amp-ad>

</div>

<div class='clear'/>

</div>

</b:if>

https://souha3.blogspot.com/ قم بتغيير الرمز

الخاص بك  AdSense بمدونتك. ثم ضبط البيانات الإعلانية ، العميل وفتحة البيانات الإعلانية مع 

ثم  حفظ

.related-post{margin:20px 20px 0;padding:0}

.related-post h4{font-size:20px;margin:0 0 10px;}

.related-post .underpost1,.related-post .underpost2{width:50%;display:inline-block;float:left;}

.related-post .underpost1{margin-bottom:10px;}

.related-post .underpost2{margin:20px 0;}

.clear{clear:both;}

@media screen and (max-width:414px){

.related-post .underpost1,.related-post .underpost2{width:100%;display:block;float:none;}

.related-post .underpost1{margin-bottom:0;}

.related-post .underpost2{margin:20px 0 0;}

}