AMP HTML bloglarında Adsense reklam birimi oluşturma konusunda bilgiler paylaşmıştık. Bu yazımızda da AMP HTML'de Adsense bağlantı reklam birimi nasıl oluşturulacağını paylaşıyorum.
AMP HTML Bloglarına Adsense Bağlantı Reklamı Nasıl Eklenir?
AMP bloglarında Adsense reklamlarının görüntülemek için, amp-ad javaScript kodunun </head> kodunun üzerinde eklenmiş olması gerekir. Eğer blogunuzda amp-ad javaScript kodu bulunmuyorsa, aşağıdaki javaScript kodunu </head> kodunun bir satır üzerine ekleyin.
<script async="async" custom-element="amp-ad" src="//cdn.ampproject.org/v0/amp-ad-0.1.js"></script>Burada dikkat etmeniz gereken nokta, oluşturduğunuz reklem biriminin bir bağlantı reklam birimi olmasını sağlamaktır. Adsense hesabınızda reklam birimi oluştururken bağlantı reklam birimini ve sadece metin reklamları seçeneğini seçmenizi öneririm.
Ekranın Üst Kısmı İçin (Katman Üstü)
Ekranın üst kısmı, blog açıldığında başlığın hemen altında görüntülenen (ilk gürüntü alanı, ekran kaydırılmadan görüntülenir) alan. Bu alanda görüntülenen reklam birimlerinin sabit yükseklikte ve max-height: 100px kalacak şekilde önerilir, en ideal kullanımı ise height: 90px yüksekliğindeki reklamlardır.
Ekranın üst kısmı için Adsense reklam kodunu aşağıdaki gibi kullanın.
<amp-ad
layout="fixed-height"
height="90"
type="adsense"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890">
</amp-ad>Ekranın Alt Kısmı İçin (Katman Altı)
Katman altı, görüntülenen ekran kaydırıldığında sonra görüntülenen alandır. Genellikle bu alanlarda bulunan reklamlar yayın altında veya yorum formunun hemen üstünde veya kenar çubuğunda bulunan reklam birimleridir. Bu reklam birimleri için height: 250px yükseklik önerilir.
Ekranın alt kısmı için reklam kodunu aşağıdaki gibi kullanın.
<amp-ad
layout="fixed-height"
height="250"
type="adsense"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890">
</amp-ad>Kod içerisinde bulunan data-ad-client ve data-ad-slot reklam kodlarını kendi reklam kodunuza uyun olarak değiştirin.
Bknz: Blog Yayınları İçerisine Reklam ve İlgili Yayınlar Widget'i Nasıl Eklenir?
AMP HTML kodları hakkında daha fazla bilgi almak için yorum formunu kullanabilirsiniz.
Yorum Gönder