Google’un hızlandırılmış mobil sayfalar projesi AMP’ın en baş ağrıtan sorularından birisidir reklam yerleşimleri. Eğer bir reklam eklentisi kullanıyorsanız sorun çıkmaz ama reklam kodlarını kendiniz temaya yerleştirecekseniz kafanız karışabilir yada reklamlar görüntülenmediği için acaba yanlış mı yaptım diye düşündürecektir.
Peki Reklamları Nasıl Yerleştirmeliyiz?
Ben örnek olarak Google Adsense reklam kodu yerleşimini göstereceğim fakat farklı bir reklam kodu ekleyecekseniz onu kendinize göre uyarlamanız gerekecek.
Reklamlar için kullanacağımız kodlar şunlar;
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
ve
<amp-ad width="100vw" height="320" type="adsense" data-ad-client="xxxxxxxx" data-ad-slot="xxxxxx" data-auto-format="rspv" data-full-width> <div overflow></div> </amp-ad>
İlk js scriptini header.php yada html-start.php gibi başlangıç şablonunuza yerleştireceksiniz. İkinci reklam kodunu ise reklamların görünmesini istediğiniz single.php gibi bir şablonda uygun alana kendinize göre düzenleyip yerleştireceksiniz.
Normal şartlarda script kodu <head> etiketinin hemen sonrasında herhangi bir uygun alana yerleştirilebilir ve 1 adet eklemeniz yeterlidir. Yani amp sayfalarınızda 3 reklam görünecekse 3 tane script koduna gerek yok.
Reklam kodunu ise ad-client ve data-ad-slot bölümlerindeki xxxx’leri kendi reklam kodlarınıza göre uyarladıktan sonra single.php’de yada uygun şablonunuzda </header> yada </title> yada content komutlarının hemen bitimine yerleştirebilirsiniz.
WordPress AMP eklentisinin single.php şablonundaki kullanımı </header> sonrasına 1 reklam kodu ve <footer class.. öncesine 1 reklam kodu şeklinde uygundur.
Google Adsense AMP Otomatik Reklamlar!
Bir de böyle bir şey var. Google, amp sayfalarınızda istediği yerde istediği boyutta, özellikte reklamı kendisi yerleştiriyor fakat kod yerleşimiyle alakalı kafalar karışık.
Eğer otomatik reklamlardan yararlanmak istiyorsanız öncelikle Google Adsense yönetici panelinden Amp için otomatik reklamları aktif edeceksiniz.
https://www.google.com/adsense/new/u/0/pub-xxxxxxxxx/myads/auto-ads/amp
Ardından aşağıdaki js scriptini header.php yada html-start.php dosyanıza ekleyeceksiniz.
<script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js"> </script>
Ve son olarak Amp otomatik reklam kodlarını da header.php yada html-start.php dosyanızda <body> etiketinden hemen sonrasına ekleyeceksiniz.
<amp-auto-ads type="adsense" data-ad-client="ca-pub-xxxxxxxx"> </amp-auto-ads>
Bunu yaptığınızda otomatik reklamların amp sayfalarında görünmesi 2-3 günü alabilir ve belki amp sayfalarınız hit almıyorsa ilk başlarda hiç otomatik reklam görünmeyebilir. Panik yapıp reklam kodlarınızla oynamayın yada pes edip kodları temanızdan kaldırmayın ve sonuçları birkaç gün takip edin.
Detaylar için Google sayfalarına bakabilirsiniz.
Konuyla alakalı sorularınız olursa konu altından yorum olarak yazabilirsiniz.