admin
ADMIN
++
Puan
1
Çözümler
0
Uyumlu XF Sürümleri 2.0 2.1 2.2
Bu kod doğrudan Google desteğinden alınmıştır. Lütfen bunun AutoAds için çalışmayacağını unutmayın.
Duyarlı reklam kodumuzun ihtiyaç duyduğunuz her şeyi karşılamadığını düşünüyorsanız, duyarlı sitenizin gereksinimlerini daha iyi karşılamak için reklam kodunuzu değiştirebilirsiniz. Aşağıdaki örnekler, bu değişiklikleri doğru şekilde nasıl yapacağınızı göstermektedir.
Not : Bu makalede açıklanan örnekler, AdSense reklam kodunun kabul edilebilir değişiklikleridir . Duyarlı reklam kodunuzu bu onaylanmış şekillerde değiştirerek AdSense Programı politikalarını ihlal etmeyeceksiniz.
İşte ekran genişliğine göre aşağıdaki tam reklam birimi boyutlarını ayarlayan değiştirilmiş duyarlı reklam kodu:
Bu örnek kodu kendi sitenize uyarlamak için:
Genişletilebilir genişlik ve sabit yükseklik örneği
Bu örnek, duyarlı reklam kodunuzu 90 piksel sabit yükseklik ve min-width 400 pikselden max-width 970 piksele kadar değişken genişlik belirtecek şekilde nasıl değiştireceğinizi göstermektedir:
Ekran genişliğine göre tam boyut örneği.
Duyarlı sitenize en uygun cihaz başına tam reklam birimi boyutlarını biliyorsanız, duyarlı reklam biriminizin boyutunu ayarlamak için CSS3 medya sorgularını kullanabilirsiniz. Aşağıdaki örnek, CSS3 medya sorgularını kullanmak için reklam kodunuzu nasıl değiştireceğinizi göstermektedir:
Bu kod doğrudan Google desteğinden alınmıştır. Lütfen bunun AutoAds için çalışmayacağını unutmayın.
Duyarlı reklam kodumuzun ihtiyaç duyduğunuz her şeyi karşılamadığını düşünüyorsanız, duyarlı sitenizin gereksinimlerini daha iyi karşılamak için reklam kodunuzu değiştirebilirsiniz. Aşağıdaki örnekler, bu değişiklikleri doğru şekilde nasıl yapacağınızı göstermektedir.
Not : Bu makalede açıklanan örnekler, AdSense reklam kodunun kabul edilebilir değişiklikleridir . Duyarlı reklam kodunuzu bu onaylanmış şekillerde değiştirerek AdSense Programı politikalarını ihlal etmeyeceksiniz.
Ekran genişliği başına tam reklam birimi boyutu örneği
Bu örnek, mobil, tablet ve masaüstü olmak üzere üç farklı ekran genişliği aralığı için belirli reklam birimi boyutlarını ayarlamak üzere duyarlı kodunuzu nasıl değiştireceğinizi gösterir. Bu örneği takip etmek için CSS medya sorguları veya AdSense reklam kodunu değiştirme konusunda önceden herhangi bir deneyime sahip olmanıza gerek yoktur.İşte ekran genişliğine göre aşağıdaki tam reklam birimi boyutlarını ayarlayan değiştirilmiş duyarlı reklam kodu:
- 500 piksele kadar ekran genişlikleri için: 320x100 boyutunda bir reklam birimi.
- Ekran genişlikleri 500px ile 799px arasında olduğunda: 468x60 boyutunda bir reklam birimi.
- 800 piksel ve üzeri ekran genişlikleri için: 728x90 boyutunda bir reklam birimi.
Kod:
<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="https://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>- AdSense hesabınızda bir görüntülü reklam birimi oluşturun ve "Reklam boyutu" bölümünde " Duyarlı" seçeneğinin işaretli olduğundan emin olun. Duyarlı reklam kodunuzdan aşağıdaki bilgileri not edin:
- Yayıncı kimliğiniz, örneğin, ca-pub-1234567891234567
- Reklam biriminizin kimliği (veri-reklam-yuvası), örneğin 1234567890.
- Örnek kodda:
- `example_responsive_1` ifadesinin geçtiği tüm yerleri ` Home_Page` , `front_page_123` vb. gibi benzersiz bir isimle değiştirin.
Notlar:- Benzersiz adınız yalnızca İngilizce harfler (AZ), rakamlar ve alt çizgiler içermeli ve ilk karakter bir İngilizce harf olmalıdır.
- Bu örnek kodu her uyarladığınızda farklı ve benzersiz bir ad kullanmalısınız.
- ca-pub-XXXXXXX11XXX9'u kendi yayıncı kimliğinizle değiştirin.
- 8XXXXX1'i kendi reklam biriminizin kimliğiyle değiştirin.
- `example_responsive_1` ifadesinin geçtiği tüm yerleri ` Home_Page` , `front_page_123` vb. gibi benzersiz bir isimle değiştirin.
- Ekran genişliğine göre reklam biriminizin kaplayacağı boyutları belirleyin:
- Örnek kodda yer alan mevcut reklam birimi boyutlarından memnunsanız, ek bir değişiklik yapmanıza gerek yok.
- Ekran genişliğine göre farklı reklam birimi boyutları ayarlamak istiyorsanız, örnek kodda şunları yapabilirsiniz:
- 320px ve 100px değerlerini, 500px'e kadar olan ekran genişlikleri için kullanmak istediğiniz reklam biriminin genişlik ve yükseklik değerleriyle değiştirin.
- 468px ve 60px değerlerini, 500px ile 799px arasındaki ekran genişlikleri için kullanmak istediğiniz reklam biriminin genişlik ve yükseklik değerleriyle değiştirin.
- 728px ve 90px değerlerini, 800px ve daha geniş ekran genişlikleri için kullanmak istediğiniz reklam biriminin genişlik ve yükseklik değerleriyle değiştirin.
- Değiştirdiğiniz reklam kodunu, reklamların görünmesini istediğiniz sayfanın HTML kaynak koduna kopyalayıp yapıştırın.
Not : Reklam kodunuzu yerleştirdikten sonra, duyarlı davranışın doğru çalıştığından emin olmak için reklamlarınızı farklı cihazlarda ve ekranlarda test etmenizi öneririz.
Genişletilebilir bir genişlik ve sabit bir yükseklik belirtin.
CSS kullanarak, reklam biriminiz için genişletilebilir bir genişlik ve sabit bir yükseklik belirtmek üzere duyarlı reklam kodunuzu değiştirebilirsiniz. Aşağıdaki örnek, bu değişiklikleri nasıl yapacağınızı göstermektedir:Genişletilebilir genişlik ve sabit yükseklik örneği
Bu örnek, duyarlı reklam kodunuzu 90 piksel sabit yükseklik ve min-width 400 pikselden max-width 970 piksele kadar değişken genişlik belirtecek şekilde nasıl değiştireceğinizi göstermektedir:
Kod:
<ins class="adsbygoogle"
style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>Ekran genişliğine göre tam boyutu belirtin.
Duyarlı reklam kodunuzu, CSS aracılığıyla reklam biriminizin tam boyutunu belirtecek şekilde değiştirebilirsiniz. Aşağıdaki örnek, bu değişiklikleri nasıl yapacağınızı göstermektedir:Ekran genişliğine göre tam boyut örneği.
Duyarlı sitenize en uygun cihaz başına tam reklam birimi boyutlarını biliyorsanız, duyarlı reklam biriminizin boyutunu ayarlamak için CSS3 medya sorgularını kullanabilirsiniz. Aşağıdaki örnek, CSS3 medya sorgularını kullanmak için reklam kodunuzu nasıl değiştireceğinizi göstermektedir:
Kod:
<style type="text/css">
.adslot_1 { width: 320px; height: 100px; }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
style="display:inline-block;"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>