paragraflar arası reklam ekleme kodu

Blog tasarım

Paragraflar Arası Reklam Ekleme Kodu Mobilde ve Bilgisayarda Farklı Boyut

22 Mar , 2017  

Paragraflar Arası Reklam Kodunu Farklı Ekranlarda İstenilen Boyutta Gösterme

Paragraflar arası reklam ekleme konusunu bende çok araştırdım. Bulduğum kodlar paragraflar arasına reklamı ekliyordu. Fakat benim istediğim şey tam olarak bu değildi. Ben hem istediğim paragrafa yerleştirecektim. Hem de bu duyarlı reklam kodunu istediğim cihazda istediğim şekilde gösterecektim. Tabi az şey istemiyorum ama bunu istedim. Araştırmalar yaptım. Sonunda iki farklı kodu birleştirerek istediğim sonucu elde ettim.

Şimdi sizinde bu işlemi nasıl yapacağınızı ve bunun için farklı bir eklenti kullanmanıza gerek yok. Eklenti kullanmak hem sitenizi yavaşlatır hem de eklenti de açıklar varsa bu açıklar sitenizi için güvenlik problemine yol açabilir. Eklentisiz olarak reklam kodlarını nasıl ekleyeceğinizi adım adım anlattım.

Bunun için sizde yazılar içine bu kodları koyabilir ve istediğiniz şekilde düzenleyebilirsiniz. Bende bu kodları kullanıyorum.Şimdiden söyleyeyim kodları tek tek açıklayacağım en sonda kodun nasıl görüneceğini yazacağım.

İlk kodumuz paragraflar arası reklam ekleme kodu;

//Insert ads after second paragraph of single post content.

add_filter( ‘the_content’, ‘prefix_insert_post_ads’ );

function prefix_insert_post_ads( $content ) {

$ad_code = ‘<div><center>Reklam Kodu Buraya Gelecek.</center></div>’;

if ( is_single() && ! is_admin() ) {
return prefix_insert_after_paragraph( $ad_code, 1, $content );
}

return $content;
}

// Parent Function that makes the magic happen

function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
$closing_p = ‘</p>’;
$paragraphs = explode( $closing_p, $content );
foreach ($paragraphs as $index => $paragraph) {

if ( trim( $paragraph ) ) {
$paragraphs[$index] .= $closing_p;
}

if ( $paragraph_id == $index + 1 ) {
$paragraphs[$index] .= $insertion;
}
}

return implode( ”, $paragraphs );
}

 

Sadece bu kodu kullanırsanız esnek reklam kodunuz 1. paragraftan sonra yani 1 ve 2. paragraflar arasına gelecektir.

Eğer bu kodu farklı bir paragraftan sonra eklemek istiyorsanız $ad_code, 1 kısmında ki 1 rakamını istediğiniz rakamı yazarak o paragraftan sonra reklam çıkmasını sağlayabilirsiniz.

 

Yine koddaki <center></center> html etiketleri sayesinde reklamımız çıkan satırda merkezde çıkıyor.

 

Şİmdi ekleyeceğimiz reklam kodunu mobilde masaüstünde veya tablette yani farklı ekran boyutlarında nasıl görüneceğini ayarlayalım.

Reklam kodumuzun adı esnek_reklam_kodu olsun.

Önemli Not: Reklam kod adında boşluklar olmamalı yani ben burada “esnek reklam kodu” değilde “esnek_reklam_kodu” yazarak boşluk bırakmadım. Sizde bu şekilde reklam kodunuzun adını değiştirin veya oluşturun.

Burada yaptığımız işlem tablet telefon veya bilgisayarı algılaması değil sadece belirli ekran boyutlarında reklam kodunun istediğimiz oranda gösterilmesi. Aşağıdaki kodu Google Sayfasından aldım. Yani kodu google’ın yönergeleri doğrultusunda kullanıyoruz.

Reklam Kodumuzu Nasıl Farklı Boyutlarda Ayarlamanız Gerektiği

<style>

.example_responsive_1 { width: 320px; height: 100px; }

@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }

@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }

</style>

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

<!– example_responsive_1 –>

<ins class=”adsbygoogle example_responsive_1

    style=”display:inline-block”

    data-ad-client=”ca-pub-XXXXXXX11XXX9

    data-ad-slot=”8XXXXX1“></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

 

Kodumuz bu şekilde şimdi sizin reklam kodu adınızı example_responsive_1 yazan yerlere yazın. 4 tane alan var bu şekilde.

data-ad-client=”buradaya kendi yayıncı kimliğinizi yazın” reklam kodunuzda bulabilirsiniz. Dikkat edin arada boşluk kalmasın.

data-ad-slot=”buraya da reklamın numarasını yazın.” Yine bunu da oluşturduğunuz reklam kodunda görebilirsiniz.

 

Şimdi kodu açıklayalım.

500px ekranı boyutundan küçük olan ekranlarda 320×100 reklam boyutunu kullan diyoruz.

800px ve 500px arasında ekran boyutu olan ekranlarda 468×60 reklam boyutunu kullan diyoruz.

800px ekranından büyük olan ekranlarda 728×90 reklam boyutlarını kullan diyoruz.

 

Reklam boyutlarını kendinizde göre düzenleyebilirsiniz. En ideal reklam boyutlarını isterseniz kullanabilirsiniz. İsterseniz kodu direkt bu şekilde de kullanabilirsiniz.

İki kodumuzu da düzenledikten sonra kodları birleştirip son hali bu şekilde olacaktır.

Functions.php Dosyasına Ekleyeceğimiz Kodun Son Hali

//Insert ads after second paragraph of single post content.

add_filter( ‘the_content’, ‘prefix_insert_post_ads’ );

function prefix_insert_post_ads( $content ) {

$ad_code = ‘<div><center><style>.example_responsive_1 { width: 320px; height: 100px; }

@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }

@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }

</style>

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

<!– example_responsive_1 –>

<ins class=”adsbygoogle example_responsive_1

    style=”display:inline-block”

    data-ad-client=”ca-pub-XXXXXXX11XXX9

    data-ad-slot=”8XXXXX1“></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script></center></div>’;

if ( is_single() && ! is_admin() ) {
return prefix_insert_after_paragraph( $ad_code, 1, $content );
}

return $content;
}

// Parent Function that makes the magic happen

function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
$closing_p = ‘</p>’;
$paragraphs = explode( $closing_p, $content );
foreach ($paragraphs as $index => $paragraph) {

if ( trim( $paragraph ) ) {
$paragraphs[$index] .= $closing_p;
}

if ( $paragraph_id == $index + 1 ) {
$paragraphs[$index] .= $insertion;
}
}

return implode( ”, $paragraphs );
}

 

Bu reklam kodunu functions.php dosyanızın  <?php ?>  bu kodların arasında bulunan ?> işaretinden hemen önce yapıştırın. Bu şekilde paragraflar arası reklam ekleme işlemini tamamlamış bulunuyoruz.

Eğer sitenizde functions.php dosyası kodlanmış bir biçimde ise ek-functions.php dosyasına yapıştırın. Lisanslı temalarda genelde functions.php dosyası şifrelenmiş oluyor. Bu yüzden ek-functions.php dosyası oluşturulmuş olarak geliyor.

 

Ekledikten sonra paragraflar arası reklam ekleme yi ayarlamış hemde reklamların ekran boyutuna göre ayarlanmasını sağlamış olduk.


Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir