Bu mesajda kullanıcılara reklamları gizleme imkanı veren bir butonu nasıl oluşturabileceğimizi anlatacağım.

Ne işimize yarar?

- Büyük boyutlu reklamları içimiz rahat bir şekilde kullanabilmemize olanak sağlar çünkü kullanıcılar bu reklamlardan rahatsız oluyorsa kolayca kapatabilirler.

- Kullanıcılara siteyle etkileşime girebilme imkanı vermiş oluruz. Bir şekilde siteye bağlanmış olacaklardır.

1. Adım

Gizlenebilir özellik eklemek istediğimiz reklam kodunu aşağıdaki şekilde div içine alıyoruz.

<div class="section1">

  {reklam kodu}

</div>

2. Adım

Sayfamızın head kısmına aşağıdaki kodu yerleştiriyoruz.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

		<script type="text/javascript">
			$(document).ready(function(){
			  $("#nav-section1").click(function(){
			    $(".section1").slideToggle(300);
			  });
			});
		</script>

3. Adım

Aşağıdaki reklamı gizleme linkini sayfamızda uygun bir yere yerleştiriyoruz.

<a id="nav-section1" href="#">Reklamı gizle</a>

Hazır

Sayfamızdaki reklam, linke tıklandığında gizlenecek ve eğer gizliyse tekrar gözükecek şekilde ayarlanmış oluyor. Diğer küçük detayları ve stillendirmeyi sizlerin halledeceğini düşünüyorum.

Kapat butonu kullanmak yasak değil mi?

Hayır, konuyla ilgili bilgileri bu sayfadan edinebilirsiniz: https://support.google.com/adsense/answer/1354742