Wordpress Ücretsiz AMP Eklentisi Kurulumu ve Reklam Yerleştirme - Kazım Uslu Kişisel Blog Sayfası
Eklentiler / İpuçları / WP Reklam
Yazar Kazım Uslu · Ekim 21, 2018
Mobil platformlarda sayfalarınızın hızlı açılması ve ziyaretçinin içeriğe direkt olarak erişmesi için geliştirilen Accelerated Mobile Pages (Google AMP Project)’i WordPress ekibinin geliştirdiği bir eklenti ile kolayca kurabilirsiniz.
WordPress ve Google’ın geliştirdiği AMP Eklentisi
Buradan AMP For WordPress eklentisini indirelim ve websitemize Eklentiler > Yeni Ekle kısmından yükleyelim, ardından aktifleştirmeyi unutmayalım.
Eklentiyi etkinleştirdikten sonra Admin panelimizde Ayarlar sekmesinin hemen altında AMP isminde bir sekme göreceksiniz. Buna tıklayalım.
Buradan ben sadece yazıların AMP sayfa sürümleri gözükmesini istediğim için sadece yazıları işaretledim, siz eğer sayfalarında gözükmesini istiyorsanız işaretleyebilirsiniz. Ücretsiz sunulan bu eklentide, Anasayfa ve Kategori sayfalarının AMP versiyonları maalesef bulunmuyor.
Eğer Kategori ve Anasayfanızında AMP sürümünün bulunmasını istiyorsanız CodeCanyon’dan ücretli AMP eklentisi edinebilirsiniz.
WordPress AMP Eklentisi Google Analytics Kodu Ekleme
Ziyaretçileri metriklemek için Analytics kodumuzu girelim. Kodu girmeden önce temanın <head> etiketi arasına;
yukarıdaki kodu giriyoruz. Ardından hemen AMP > Analytics kısmına girelim ve Kodumuzu Ekleyelim.
Burada UA-XXXXX-Y yazan kısma Google Analytics idnizi girebilirsiniz. Type kısmına ise googleanalytics yazıyoruz. Eğer
Invalid analytics config JSON.
hatasını alırsanız ya manuel yada Yoast Seo eklentisinin AMP eklentisi kurmanız gerekir. Manuel için buradan yardım alabilirsiniz. Amp Yoast Seo eklentisi buradan indirebilirsiniz.
Analitik kodunu yukarıdaki kodu düzenleyerek elde edebilirsiniz. Kodu girdikten sonra ayarları kaydedelim, birde AMP örnek sayfamızda kodun eklenip eklenmediğini kontrol edelim.
Gördüğünüz gibi sorunsuz kodumuz amp sayfamıza dahil oldu.
Amp Sayfalarımıza Reklam Yerleşimi
Sitemizdeki bütün makalelere Amp versiyonlu birer sayfa oluşturduk. Şimdi bu sayfalara reklam kodlarını ekleyelim. Google Adsense otomatik reklamlar seçeneğini kullanarak AMP sayfalarımıza özel Google Adsense Kodlarımızı alalım.
Reklamlarım > İçerik > Otomatik Reklamlar > Amp için Otomatik Reklamlar yolunu izleyerek yukarıdaki sayfaya erişebilirsiniz. Ardından 1. Adımda Metin ve görüntülü reklam biçimlerini etkinleştirin kısmını aktif ediyoruz. Daha sonra 2. Adımda yer alan kodu AMP sayfalarımızın <head> </head> tagları arasına ekliyoruz. Yani;
yukarıdaki kodu Eklentiler > Düzenleyici > amp > templates > html-start.php yoluna gidin. Açılan sayfada <head> tagları arasına ekleyin.
* HTML start template part.
Yani yukarıdaki gibi olacak. Şimdi Diğer kısma geçiyoruz. Reklamların gözükmesini istediğiniz yere 3. Adımdaki
kodunu eklemeliyiz. Eklentiler > Düzenleyici > AMp > Templates > single.php dosyamızı açalım. içerisine yapıştıralım.
<?php $this->load_parts( apply_filters( 'amp_post_article_header_meta', array( 'meta-author', 'meta-time' ) ) ); ?>
Artık yazılarınızın Amp sürümlerinde de Google reklamları otomatik yer alacak. Yazınızın uzunluğuna göre belirli aralıklarla Google kendisi reklam yerleştirimi sağlayacak.
Ek Not: Uyarı: Etkin durumdaki eklentilerde değişiklik yapılması önerilmez. gibi bir uyarı ile karşılaşırsanız AMP eklentisini devre dışı bırakıp gerekli değişiklikleri gerçekleştirdikten sonra işleme tekrar etkinleştirin.
Amp Sayfalarımızın Daha Hızlı İndex Alması için Ne Yapabilirim ?
Bu önerimide dikkate almanızda fayda var, Google’da sitenizin indexlenmesi çok kısa sürede gerçekleşiyorsa AMP sayfalarınızıda hızlıca indexletebilirsiniz. Bunun için Temanızın Single.php dosyasını düzenleyerek Post meta kısmına bir link ekleyebilirsiniz. Buda Google botlarının sitenizi ziyareti esnasında AMP sayfalarınıza da erişmesini kolaylaştıracak ve böylece AMP sayfalarınızın indexlenmesi daha kolay olacaktır.
<a style="padding-left:10px;font-size:14px;" href="<?php the_permalink(); ?>amp/"> Mobil Versiyonda Görüntüle</a>
kodunu single.php dosyanıza eklemeniz yeterlidir.
Artık her postumun içerisinde mobil versiyonda görüntüle linki çıktı ve bu linke tıkladığımda otomatik olarak yazının AMP versiyonuna yönlendiriyor.
Tags: amp sürümü reklam yerleşimiwordpress için amp
Tamer ALTIN dedi ki:
Mart 18, 2019, 9:10 pm
Çok faydalı bir paylaşım olmuş hocam teşekkür ederim. Benim bir kaç sorum olacaktı size.
1- Söylemiş olduğunuz gibi yapmış olmama rağmen, Amp otomatik reklamlar benim web sitemde 5 gündür aktif hale gelmedi. Daha önce başka bir adreste aynı işlemleri yaptığımda 2 gün sonra aktif olmuşlardı.
2- İkinci sorum Konuyla direkt olarak alakalı olmasa da bilginiz dahilindeyse lütfen cevap verin.
Search console’den apm sayfalarda “Resmin boyutu, önerilen boyuttan daha küçük” hatası alıyorum. Google makaleleri incelediğimde resimler için ” 16 × 9, 4 × 3 ve 1 × 1 en-boy oranlarından herhangi birine göre, yüksek çözünürlükle görseller kullanın.” yazıyor.
Burada verilen ölçüler yaklaşık genişlik ve yükseklik oranı nedir. ? Örneğin 16:9 için 1920×1080 boyutunda resimler mi eklemem gerekiyor ? Bu boyutta bir foto masaüstü temaya için bu sefer büyük görseller hatası oluşmayacak mı ?
3- Amp sayfasında fav icon gözükmüyor, bu sorunu da ne yaptıysam çözemedim bunla ilgili bir bilginiz var mı ?
4- Son sorum ise temanız ile ilgili. Temadan memnun musunuz ve hangi hosting firmasını kullanıyorsunuz ?
Bilginiz dahilindeyse vaktinizi ayırır ve cevaplarsanız çok sevinirim. Teşekkürler, kolay gelsin.
Mart 21, 2019, 9:40 pm
1. Sorun Google ile alakalı olabilir. Son güncellemeden sonra birçok sitemde reklam sıkıntısı yaşadım.
2. internetten baktım ve en boy orantısı olarak geçiyor. 16×9 yada 4×3 veya 1×1 şeklinde kare resim gönderebilirsiniz. Minimum olarak 1200 piksel genişlik istiyor ve her içerikte en az bir adet resim bulunmalı.
3. favicon kodunu html-start.php dosyasında head tagları arasına ekle 4. Polonyoda bulunan kendi sunucumu kullanıyorum herhangi bir hosting firması değil, temada fena sayılmaz 🙂