Web Siteme Pop Up Seklinde Basit Bir Js Anketinin Sorunsuz Entegrasyon

Web siteme pop-up şeklinde basit bir JS anketinin sorunsuz entegrasyonu.

Web sitenizin başarısı, ziyaretçilerinizin ihtiyaçlarını ve beklentilerini anlamaktan geçer. Bu bilgiyi edinmenin en etkili yollarından biri de anketlerdir. Özellikle Basit Anket Oluşturucu JS İle hazırlanan, kullanıcı deneyimini bozmayacak şekilde tasarlanmış pop-up anketler, değerli geri bildirimler toplamak için güçlü bir araçtır. Ancak bu tür bir entegrasyonu planlarken, Google AdSense politikaları gibi önemli yönergeleri göz ardı etmemek kritik öneme sahiptir. Bir SEO editörü olarak, hem etkili veri toplamanızı sağlayacak hem de sitenizin AdSense uyumluluğunu koruyacak stratejileri derinlemesine inceleyeceğiz. Amacımız, sitenize değer katarken olası cezalardan kaçınmanızı sağlamaktır.

Pop-up Anketlerin Değeri ve Google AdSense İlişkisi

Pop-up anketler, doğru kullanıldığında site performansınızı artırabilecek güçlü bir geri bildirim mekanizmasıdır. Ziyaretçilerinizin doğrudan düşüncelerini, tercihlerini ve beklentilerini öğrenmenizi sağlarlar. Bu veriler, içerik stratejilerinizi geliştirmenize, kullanıcı arayüzünü (UI) iyileştirmenize ve genel olarak sitenizin hedeflerine ulaşmasında size yol gösterebilir. Örneğin, bir e-ticaret sitesi, ürün bulmada zorluk yaşanıp yaşanmadığını sormak için bir anket kullanabilirken, bir blog sitesi okuyucularının hangi konulara daha çok ilgi duyduğunu anlamak isteyebilir. Bu tür içgörüler, sitenizin değerini artırır ve uzun vadede daha fazla ziyaretçi çekmenizi sağlar.
Ancak, pop-up anketlerin sitenize entegrasyonu, özellikle Google AdSense kullanan yayıncılar için hassas bir konudur. Google, kullanıcı deneyimini her şeyin üzerinde tutan katı politikalara sahiptir. AdSense, web sitenizin içeriğinin reklamlarla birlikte kullanıcılar için erişilebilir ve kolay gezilebilir olmasını ister. Aşırıya kaçan veya kötü tasarlanmış pop-up'lar, kullanıcı deneyimini ciddi şekilde olumsuz etkileyebilir, sitenizin sıralamasını düşürebilir ve en önemlisi AdSense hesaplarınızın askıya alınmasına yol açabilir. Bu nedenle, bir pop-up anketin sadece teknik entegrasyonunu değil, aynı zamanda AdSense politikaları çerçevesindeki uygunluğunu da dikkatle ele almak zorundayız.

AdSense Politikalarının Temel Dayanakları ve Pop-up Etkileşimi

Google AdSense politikalarının özünde, reklamların ve içeriğin net bir şekilde ayrılması, kullanıcıların rahatsız edilmemesi ve kasıtlı veya kasıtsız tıklama teşviklerinin önlenmesi yatar. Bir pop-up anket, bu ilkelerin her biriyle potansiyel olarak çatışabilir:
1. İçerik Engelleme: AdSense, reklamların içeriği engellememesini veya kullanıcıların ana içeriğe erişimini zorlaştırmamasını ister. Bir pop-up anket, sayfanın büyük bir bölümünü veya tamamını kaplayarak bu politikayı ihlal edebilir. Özellikle mobil cihazlarda, küçük ekran alanında tam ekran bir pop-up çok rahatsız edici olabilir.
2. Yanlışlıkla Tıklamalar: Pop-up'lar, reklamların üzerine gelirse veya reklamlarla yakın konumlandırılırsa, kullanıcıların anketi kapatmaya çalışırken veya içeriğe göz atarken yanlışlıkla reklamlara tıklamasına neden olabilir. Bu tür sahte tıklamalar AdSense tarafından kesinlikle yasaklanmıştır.
3. Kullanıcı Deneyimi: Google, kötü kullanıcı deneyimi sunan siteleri sevmez. Aşırı agresif, sık veya kapatılması zor pop-up'lar, ziyaretçilerinizi sitenizden uzaklaştırabilir. Bu da hem sitenizin hemen çıkma oranını artırır hem de Google'ın sitenize olan güvenini zedeler.
4. Mobil Uyumluluk: Mobil cihazlarda pop-up kullanımı daha da hassastır. Google, özellikle mobil kullanıcılar için kolay gezilebilir, hızlı yüklenen ve içeriğe rahat erişim sağlayan siteleri ödüllendirir. Tam ekran veya sıkıntılı pop-up'lar mobil uyumluluğu olumsuz etkileyebilir ve bu da SEO sıralamanızı bile düşürebilir. Konuyla ilgili daha fazla bilgi için '/makale.php?sayfa=mobil-uyumlu-web-tasariminin-onemi' makalemize göz atabilirsiniz.
Bu nedenlerle, bir pop-up anketin sadece "çalışıyor" olması yeterli değildir; AdSense politikalarına ve kullanıcı beklentilerine uygun bir şekilde çalışması esastır.

Basit Bir JS Anketinin Teknik Entegrasyonu: Genel Hatlar

Bir JS anket entegrasyonu genellikle üç temel bileşenden oluşur: HTML yapısı, CSS stilizasyonu ve JavaScript mantığı. Bu bileşenler bir araya gelerek anketin görünümünü, davranışını ve etkileşimini tanımlar.

HTML Yapısı: Anketi Oluşturma

Anketin kendisi için bir HTML yapısı oluşturmanız gerekir. Bu genellikle `

` elemanları içerisine yerleştirilmiş `

` etiketleri, `` veya `` gibi seçim elemanları, metin kutuları için `` veya `

` ve bir gönderme butonu içerir. Bu yapı, anketin sorularını ve cevap seçeneklerini düzenler. Anketin pop-up olarak görünmesi için, tüm bu HTML içeriğini genellikle özel bir `<div>` kapsayıcısının içine yerleştiririz. Bu kapsayıcı, başlangıçta gizli (CSS ile `display: none;` veya `visibility: hidden;`) ve gerektiğinde görünür hale gelecek şekilde ayarlanır.<br><h3>CSS Stilizasyonu: Görsel Çekicilik ve Konumlandırma</h3><br>CSS, anketinizin sitenizle uyumlu ve göz yormayan bir tasarıma sahip olmasını sağlar. Pop-up'ın ekranın ortasında görünmesi, arka planın hafifçe karartılması (overlay), anket kutusunun kenar boşlukları, yazı tipleri, renkler ve boyutları gibi görsel detaylar CSS ile kontrol edilir. En önemlisi, pop-up'ın kullanıcıyı rahatsız etmeyecek şekilde konumlandırılması ve kapatma düğmesinin belirgin, kolay erişilebilir olması CSS ile sağlanır. AdSense uyumluluğu açısından, kapatma düğmesinin belirginliği ve anketi kapatmanın kolaylığı çok önemlidir.<br><h3>JavaScript Mantığı: Etkileşim ve Geri Bildirim Toplama</h3><br>JavaScript, anketin dinamik davranışından sorumludur.<br>*   <strong>Pop-up'ı Tetikleme:</strong> Anketin ne zaman görüneceğini belirleyen JavaScript'tir. Bu, bir kullanıcının belirli bir süre sitede kalması (`setTimeout`), sayfayı aşağı kaydırması (`scroll` olayı), belirli bir içeriğe ulaşması veya siteyi terk etme niyeti göstermesi (fare imlecinin tarayıcı penceresinden ayrılması `mouseleave` olayı) gibi çeşitli olaylarla tetiklenebilir.<br>*   <strong>Görünürlük Kontrolü:</strong> JavaScript, HTML yapısının başlangıçtaki gizli durumunu değiştirerek (örneğin, `display: block;` veya belirli bir CSS sınıfı ekleyerek) pop-up'ı görünür hale getirir.<br>*   <strong>Kapatma Fonksiyonu:</strong> Kullanıcının anketi kolayca kapatabilmesini sağlayan "X" düğmesinin veya "Kapat" linkinin işlevselliği JavaScript ile yönetilir. Bu, AdSense uyumluluğu için hayati bir özelliktir.<br>*   <strong>Veri Toplama ve Gönderme:</strong> Kullanıcının anket formunu doldurup göndermesiyle, JavaScript yanıtları toplar ve sunucuya gönderir (örneğin, bir AJAX isteği aracılığıyla) veya doğrudan bir üçüncü taraf anket hizmetine iletir.<br>*   <strong>Çerez Kullanımı:</strong> Anketi bir kez dolduran veya kapatan bir kullanıcının belirli bir süre tekrar görmemesi için çerezler veya yerel depolama kullanılabilir. Bu, <strong>kullanıcı deneyimi</strong> açısından çok önemlidir ve AdSense'in de dolaylı olarak takdir edeceği bir yaklaşımdır.<br>Bu bileşenler, bir <strong>Basit Anket Oluşturucu JS İle</strong> entegrasyonunun temelini oluşturur. Önemli olan, tüm bu teknik detayları AdSense'in "kullanıcıyı rahatsız etme" ilkesine uygun bir şekilde uygulamaktır.<br><h2>Kullanıcı Deneyimi Odaklı Entegrasyon Stratejileri</h2><br>Başarılı bir pop-up anket entegrasyonu, teknik yeterlilik kadar, <strong>kullanıcı deneyimi</strong> odağını da gerektirir. AdSense politikaları da bunu destekler.<br>1.  <strong>Akıllı Tetikleme Mekanizmaları:</strong> Pop-up'ı hemen sayfa yüklemesinde göstermek, ziyaretçiyi genellikle rahatsız eder. Bunun yerine, "çıkış niyeti" (exit-intent) algılaması, belirli bir sayfa kaydırma derinliğine ulaşma (örneğin %50 veya %75), sayfada belirli bir süre geçirme (örneğin 30-60 saniye) veya birden fazla sayfa gezindikten sonra gösterme gibi stratejiler çok daha etkilidir. Bu sayede, anket sadece içeriğinizle ilgilenen ve sitenizde zaman geçiren kişilere gösterilir.<br>2.  <strong>Net ve Belirgin Kapatma Düğmesi:</strong> Kapatma düğmesi (genellikle "X" işareti), açıkça görünür, yeterince büyük ve kolay tıklanabilir olmalıdır. Bu, AdSense'in en kritik beklentilerinden biridir. Kullanıcı, anketi hızla ve sorunsuzca kapatabilmelidir. Ayrıca, pop-up'ın dışındaki herhangi bir yere tıklayarak da kapatma işlevini sağlamak, kullanıcı dostu bir yaklaşımdır.<br>3.  <strong>Sıklık Kontrolü:</strong> Bir ziyaretçiye aynı anketi her sayfada veya her ziyarette göstermek, kaçınılmaz olarak rahatsız edicidir. Çerezler veya yerel depolama kullanarak, anketi kapatan veya dolduran kullanıcılara belirli bir süre (örneğin 30 gün) boyunca tekrar göstermemek akıllıca bir yaklaşımdır.<br>4.  <strong>Hafif Tasarım ve Minimalist Yaklaşım:</strong> Anketin tasarımı sitenizin genel estetiğiyle uyumlu olmalı, minimal düzeyde bilgi istemeli ve hızlı yüklenmelidir. Aşırı grafikler veya karmaşık animasyonlar, sayfa yükleme süresini artırarak <strong>web sitesi performansı</strong>nı olumsuz etkileyebilir. Bu da dolaylı yoldan AdSense reklamlarının gösterimini ve sitenizin genel kalitesini etkiler.<br>5.  <strong>İçeriği Engellememe:</strong> Anketin, ana içeriği tamamen engellemek yerine, ekranın bir köşesinde küçük bir banner şeklinde belirmesi veya alttan yukarı kayarak gelmesi gibi daha az müdahaleci formatlar tercih edilebilir. Tam ekran bir pop-up kullanıyorsanız, bunun AdSense politikalarına uygun olduğundan emin olmak için çok dikkatli olun ve yalnızca belirli tetikleyicilerle ve kolay kapatılabilir şekilde kullanın.<br><h2>Mobil Uyumluluk ve Duyarlılık</h2><br>Mobil cihazlar, günümüzde internet trafiğinin büyük bir kısmını oluşturmaktadır. Bu nedenle, pop-up anketinizin mobil uyumlu olması sadece iyi bir <strong>kullanıcı deneyimi</strong> için değil, aynı zamanda Google'ın sıralama faktörleri ve AdSense politikaları için de elzemdir.<br>*   <strong>Duyarlı Tasarım:</strong> Anketiniz, ekran boyutuna otomatik olarak uyum sağlamalıdır. Mobil cihazlarda metinler okunabilir olmalı, düğmeler kolayca dokunulabilir boyutta olmalı ve anket içeriği ekranın dışına taşmamalıdır.<br>*   <strong>Engellemeyen Yaklaşım:</strong> Google, mobil cihazlarda tam ekran pop-up'ları (geçiş reklamları) SEO açısından cezalandırma eğilimindedir, özellikle kullanıcının ana içeriğe erişimini engelliyorlarsa. Bu tür pop-up'ları kullanmaktan kaçınmak veya çok dikkatli bir şekilde, örneğin yasal bildirimler gibi zorunlu durumlar için kullanmak en iyisidir. Anketler genellikle bu kategoriye girmez.<br>*   <strong>Küçük Ekranlarda Okunabilirlik:</strong> Mobil ekranlar için anket sorularını kısa ve öz tutun. Büyük metin bloklarından kaçının ve tek bir sayfada çok fazla soru sormayın.<br>Mobil uyumluluk, sadece kullanıcıları mutlu etmekle kalmaz, aynı zamanda sitenizin arama motoru sıralamalarını ve AdSense gelir potansiyelini de doğrudan etkiler. Bu konuda ek bilgiler için '/makale.php?sayfa=seo-icin-mobil-uyumlulugun-onemi' adresindeki makalemizi inceleyebilirsiniz.<br><h2>Veri Toplama ve Gizlilik İlkeleri</h2><br>Bir anket aracılığıyla <strong>veri toplama</strong> işlemi, aynı zamanda gizlilik endişelerini de beraberinde getirir. Google AdSense politikaları, kişisel verilerin korunmasıyla doğrudan ilgili olmasa da, genel web standartları ve yasal düzenlemeler (GDPR, KVKK vb.) bu konuda çok nettir.<br>*   <strong>Şeffaflık:</strong> Kullanıcılara hangi verilerin toplandığını, nasıl kullanılacağını ve ne kadar süreyle saklanacağını açıkça belirtin.<br>*   <strong>Rıza:</strong> Özellikle kişisel bilgi topluyorsanız (e-posta adresi gibi), kullanıcının açık rızasını alın.<br>*   <strong>Anonimlik:</strong> Mümkün olduğunca anonim veri toplamayı tercih edin. Böylece gizlilik endişelerini en aza indirirsiniz.<br>*   <strong>Gizlilik Politikası:</strong> Web sitenizin güncel ve erişilebilir bir gizlilik politikası olmalı ve bu politikada anket aracılığıyla veri toplama uygulamanızdan bahsedilmelidir.<br>Gizlilik kurallarına uymak, sadece yasal zorunluluk değil, aynı zamanda kullanıcılarınızla güven inşa etmenin bir yoludur. Güvenilir bir site, uzun vadede daha yüksek etkileşim ve daha iyi performans demektir.<br><h2>Performans ve Optimizasyon</h2><br>Her JavaScript kodu ve dış kaynak (CSS, görseller) web sitenizin yükleme süresini etkiler. Bir pop-up anketin sorunsuz entegrasyonu, aynı zamanda <strong>web sitesi performansı</strong>nı optimize etmek anlamına gelir. Yavaş yüklenen siteler, hem kullanıcıları kaybeder hem de SEO sıralamalarında geriler.<br>*   <strong>Asenkron Yükleme:</strong> Anketin JavaScript ve CSS dosyalarını, ana içeriğin yüklenmesini engellemeyecek şekilde asenkron olarak yükleyin. `async` veya `defer` nitelikleri bu konuda yardımcı olabilir.<br>*   <strong>Minimalist Kod:</strong> Sadece anket için gerekli olan JavaScript ve CSS kodunu kullanın. Aşırıya kaçan, şişirilmiş kütüphanelerden kaçının.<br>*   <strong>Görsel Optimizasyon:</strong> Anket içinde kullanılacak görselleri optimize edin (doğru format, sıkıştırma).<br>*   <strong>İstek Sayısını Azaltma:</strong> Mümkünse, anket için gereken dosyaları tek bir dosyada birleştirerek HTTP istek sayısını azaltın.<br>Yüksek performanslı bir site, kullanıcıların sitenizde daha uzun kalmasını sağlar, hemen çıkma oranını düşürür ve dolayısıyla AdSense reklamlarınızın daha fazla görünme ve tıklanma olasılığını artırır.<br><h2>Sonuç</h2><br>Web sitenize pop-up şeklinde basit bir JS anketinin entegrasyonu, paha biçilmez kullanıcı geri bildirimleri toplamak için harika bir yoldur. Ancak, bu süreci planlarken Google AdSense politikalarına ve genel <strong>kullanıcı deneyimi</strong>ne mutlak bir öncelik vermelisiniz. Akıllı tetikleme mekanizmaları, kolay kapatılabilir tasarım, mobil uyumluluk ve gizlilik ilkelerine bağlılık, hem değerli veriler toplamanızı hem de sitenizin AdSense uyumluluğunu ve SEO performansını korumanızı sağlayacaktır. Unutmayın, nihai hedefiniz sadece anket sorularını sormak değil, aynı zamanda ziyaretçilerinizin sitenizde keyifli ve sorunsuz bir deneyim yaşamasını sağlamaktır. Bu dengeyi kurduğunuzda, siteniz hem AdSense gelirlerini maksimize edecek hem de kullanıcılarınızla daha güçlü bir bağ kuracaktır.</p><style>
.author-box {
 margin-top: 25px; background:#f5f5f5; border-radius:12px; padding:20px;
 display:flex; gap:20px; align-items:flex-start; box-shadow:0 5px 15px rgba(0,0,0,0.05);
}
.author-box img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #007bff;}
.author-info h4{margin:0 0 10px 0;}
.author-info p{margin:0;font-size:0.95rem;line-height:1.6;color:#444;}
</style>
<div class="author-box">
 <img src="https://picsum.photos/150/150?random=848" alt="Serkan Çelik">
 <div class="author-info">
   <h4>Yazar: Serkan Çelik</h4>
   <p>Ben Serkan Çelik, bir Dijital Pazarlama Uzmanı. Platformumuzda teknolojiyi herkes için anlaşılır kılmak, karmaşık konuları basitleştirerek okuyucularımızın günlük yaşamında pratik olarak kullanabileceği bilgiler sunmak, yeni beceriler kazandırmak, farkındalık oluşturmak ve teknoloji dünyasındaki gelişmeleri anlaşılır bir dille aktarmak amacıyla yazıyorum.</p>
 </div>
</div>    </div>
    <div class="makale-sidebar">
        <h3>Diğer Makaleler</h3>
        <a class='sidebar-item' href='makale.php?sayfa=javascript-ile-olusturulan-anket-sonuclarini-aninda-ekranda-gosterme-y'><img src='https://picsum.photos/seed/javascript-ile-olusturulan-anket-sonuclarini-aninda-ekranda-gosterme-y/80/50' alt='Javascript Ile Olusturulan Anket Sonuclarini Aninda Ekranda Gosterme Y'><span>Javascript Ile Olusturulan Anket Sonuclarini Aninda Ekranda Gosterme Y</span></a><a class='sidebar-item' href='makale.php?sayfa=sifirdan-bir-javascript-anket-formu-yaparak-veri-dogrulamasini-nasil-s'><img src='https://picsum.photos/seed/sifirdan-bir-javascript-anket-formu-yaparak-veri-dogrulamasini-nasil-s/80/50' alt='Sifirdan Bir Javascript Anket Formu Yaparak Veri Dogrulamasini Nasil S'><span>Sifirdan Bir Javascript Anket Formu Yaparak Veri Dogrulamasini Nasil S</span></a><a class='sidebar-item' href='makale.php?sayfa=gelistirici-olmayanlar-icin-adim-adim-javascript-anket-olusturma-rehbe'><img src='https://picsum.photos/seed/gelistirici-olmayanlar-icin-adim-adim-javascript-anket-olusturma-rehbe/80/50' alt='Gelistirici Olmayanlar Icin Adim Adim Javascript Anket Olusturma Rehbe'><span>Gelistirici Olmayanlar Icin Adim Adim Javascript Anket Olusturma Rehbe</span></a><a class='sidebar-item' href='makale.php?sayfa=musteri-memnuniyeti-anketi-icin-sadece-javascript-ile-calisan-kod-orne'><img src='https://picsum.photos/seed/musteri-memnuniyeti-anketi-icin-sadece-javascript-ile-calisan-kod-orne/80/50' alt='Musteri Memnuniyeti Anketi Icin Sadece Javascript Ile Calisan Kod Orne'><span>Musteri Memnuniyeti Anketi Icin Sadece Javascript Ile Calisan Kod Orne</span></a><a class='sidebar-item' href='makale.php?sayfa=statik-web-sayfalari-icin-hafif-ve-hizli-calisan-js-anket-cozumu-ariyo'><img src='https://picsum.photos/seed/statik-web-sayfalari-icin-hafif-ve-hizli-calisan-js-anket-cozumu-ariyo/80/50' alt='Statik Web Sayfalari Icin Hafif Ve Hizli Calisan Js Anket Cozumu Ariyo'><span>Statik Web Sayfalari Icin Hafif Ve Hizli Calisan Js Anket Cozumu Ariyo</span></a><a class='sidebar-item' href='makale.php?sayfa=vanilla-javascript-kullanarak-etkilesimli-ve-coktan-secmeli-bir-anket-'><img src='https://picsum.photos/seed/vanilla-javascript-kullanarak-etkilesimli-ve-coktan-secmeli-bir-anket-/80/50' alt='Vanilla Javascript Kullanarak Etkilesimli Ve Coktan Secmeli Bir Anket '><span>Vanilla Javascript Kullanarak Etkilesimli Ve Coktan Secmeli Bir Anket </span></a><a class='sidebar-item' href='makale.php?sayfa=kullanici-verilerini-veritabani-olmadan-depolayan-basit-js-anketini-na'><img src='https://picsum.photos/seed/kullanici-verilerini-veritabani-olmadan-depolayan-basit-js-anketini-na/80/50' alt='Kullanici Verilerini Veritabani Olmadan Depolayan Basit Js Anketini Na'><span>Kullanici Verilerini Veritabani Olmadan Depolayan Basit Js Anketini Na</span></a><a class='sidebar-item' href='makale.php?sayfa=javascript-ile-kullanici-geri-bildirimlerini-aninda-toplayan-form-nasi'><img src='https://picsum.photos/seed/javascript-ile-kullanici-geri-bildirimlerini-aninda-toplayan-form-nasi/80/50' alt='Javascript Ile Kullanici Geri Bildirimlerini Aninda Toplayan Form Nasi'><span>Javascript Ile Kullanici Geri Bildirimlerini Aninda Toplayan Form Nasi</span></a><a class='sidebar-item' href='makale.php?sayfa=html-siteme-sunucuya-ihtiyac-duymadan-nasil-basit-bir-anket-ekleyebili'><img src='https://picsum.photos/seed/html-siteme-sunucuya-ihtiyac-duymadan-nasil-basit-bir-anket-ekleyebili/80/50' alt='Html Siteme Sunucuya Ihtiyac Duymadan Nasil Basit Bir Anket Ekleyebili'><span>Html Siteme Sunucuya Ihtiyac Duymadan Nasil Basit Bir Anket Ekleyebili</span></a><a class='sidebar-item' href='makale.php?sayfa=adim-adim-basit-javascript-anket-projesi-birden-fazla-soruyu-tek-bir-a'><img src='https://picsum.photos/seed/adim-adim-basit-javascript-anket-projesi-birden-fazla-soruyu-tek-bir-a/80/50' alt='Adim Adim Basit Javascript Anket Projesi Birden Fazla Soruyu Tek Bir A'><span>Adim Adim Basit Javascript Anket Projesi Birden Fazla Soruyu Tek Bir A</span></a><a class='sidebar-item' href='makale.php?sayfa=javascript-ile-olusturdugum-basit-anketi-mobil-cihazlarda-nasil-respon'><img src='https://picsum.photos/seed/javascript-ile-olusturdugum-basit-anketi-mobil-cihazlarda-nasil-respon/80/50' alt='Javascript Ile Olusturdugum Basit Anketi Mobil Cihazlarda Nasil Respon'><span>Javascript Ile Olusturdugum Basit Anketi Mobil Cihazlarda Nasil Respon</span></a><a class='sidebar-item' href='makale.php?sayfa=sunucuya-gerek-duymadan-basit-javascript-anket-sonuclarini-aninda-ekra'><img src='https://picsum.photos/seed/sunucuya-gerek-duymadan-basit-javascript-anket-sonuclarini-aninda-ekra/80/50' alt='Sunucuya Gerek Duymadan Basit Javascript Anket Sonuclarini Aninda Ekra'><span>Sunucuya Gerek Duymadan Basit Javascript Anket Sonuclarini Aninda Ekra</span></a><a class='sidebar-item' href='makale.php?sayfa=basit-javascript-anketini-tamamladiktan-sonra-kullaniciya-ozel-tesekku'><img src='https://picsum.photos/seed/basit-javascript-anketini-tamamladiktan-sonra-kullaniciya-ozel-tesekku/80/50' alt='Basit Javascript Anketini Tamamladiktan Sonra Kullaniciya Ozel Tesekku'><span>Basit Javascript Anketini Tamamladiktan Sonra Kullaniciya Ozel Tesekku</span></a><a class='sidebar-item' href='makale.php?sayfa=mevcut-html-sayfasina-basit-javascript-anketini-kopyala-yapistir-ile-n'><img src='https://picsum.photos/seed/mevcut-html-sayfasina-basit-javascript-anketini-kopyala-yapistir-ile-n/80/50' alt='Mevcut Html Sayfasina Basit Javascript Anketini Kopyala Yapistir Ile N'><span>Mevcut Html Sayfasina Basit Javascript Anketini Kopyala Yapistir Ile N</span></a><a class='sidebar-item' href='makale.php?sayfa=javascript-kullanarak-coktan-secmeli-ve-tek-secimli-basit-anket-sorula'><img src='https://picsum.photos/seed/javascript-kullanarak-coktan-secmeli-ve-tek-secimli-basit-anket-sorula/80/50' alt='Javascript Kullanarak Coktan Secmeli Ve Tek Secimli Basit Anket Sorula'><span>Javascript Kullanarak Coktan Secmeli Ve Tek Secimli Basit Anket Sorula</span></a><a class='sidebar-item' href='makale.php?sayfa=kullanici-bos-birakirsa-basit-javascript-anketini-gondermesini-engelle'><img src='https://picsum.photos/seed/kullanici-bos-birakirsa-basit-javascript-anketini-gondermesini-engelle/80/50' alt='Kullanici Bos Birakirsa Basit Javascript Anketini Gondermesini Engelle'><span>Kullanici Bos Birakirsa Basit Javascript Anketini Gondermesini Engelle</span></a><a class='sidebar-item' href='makale.php?sayfa=basit-bir-javascript-anketinden-kullanici-cevaplarini-sayfa-yenilemede'><img src='https://picsum.photos/seed/basit-bir-javascript-anketinden-kullanici-cevaplarini-sayfa-yenilemede/80/50' alt='Basit Bir Javascript Anketinden Kullanici Cevaplarini Sayfa Yenilemede'><span>Basit Bir Javascript Anketinden Kullanici Cevaplarini Sayfa Yenilemede</span></a><a class='sidebar-item' href='makale.php?sayfa=web-sitenize-hizlica-entegre-edebileceginiz-basit-javascript-anket-kod'><img src='https://picsum.photos/seed/web-sitenize-hizlica-entegre-edebileceginiz-basit-javascript-anket-kod/80/50' alt='Web Sitenize Hizlica Entegre Edebileceginiz Basit Javascript Anket Kod'><span>Web Sitenize Hizlica Entegre Edebileceginiz Basit Javascript Anket Kod</span></a><a class='sidebar-item' href='makale.php?sayfa=sifirdan-baslayanlar-icin-vanilla-javascript-ile-basit-anket-formu-nas'><img src='https://picsum.photos/seed/sifirdan-baslayanlar-icin-vanilla-javascript-ile-basit-anket-formu-nas/80/50' alt='Sifirdan Baslayanlar Icin Vanilla Javascript Ile Basit Anket Formu Nas'><span>Sifirdan Baslayanlar Icin Vanilla Javascript Ile Basit Anket Formu Nas</span></a><a class='sidebar-item' href='makale.php?sayfa=kullanici-dostu-ve-hizli-yuklenen-bir-js-anketi-icin-performans-optimi'><img src='https://picsum.photos/seed/kullanici-dostu-ve-hizli-yuklenen-bir-js-anketi-icin-performans-optimi/80/50' alt='Kullanici Dostu Ve Hizli Yuklenen Bir Js Anketi Icin Performans Optimi'><span>Kullanici Dostu Ve Hizli Yuklenen Bir Js Anketi Icin Performans Optimi</span></a><a class='sidebar-item' href='makale.php?sayfa=anket-sonuclarini-sayfayi-yenilemeden-aninda-gostermek-icin-javascript'><img src='https://picsum.photos/seed/anket-sonuclarini-sayfayi-yenilemeden-aninda-gostermek-icin-javascript/80/50' alt='Anket Sonuclarini Sayfayi Yenilemeden Aninda Gostermek Icin Javascript'><span>Anket Sonuclarini Sayfayi Yenilemeden Aninda Gostermek Icin Javascript</span></a><a class='sidebar-item' href='makale.php?sayfa=tek-sayfalik-bir-web-uygulamasina-javascript-ile-basit-bir-anket-biles'><img src='https://picsum.photos/seed/tek-sayfalik-bir-web-uygulamasina-javascript-ile-basit-bir-anket-biles/80/50' alt='Tek Sayfalik Bir Web Uygulamasina Javascript Ile Basit Bir Anket Biles'><span>Tek Sayfalik Bir Web Uygulamasina Javascript Ile Basit Bir Anket Biles</span></a><a class='sidebar-item' href='makale.php?sayfa=mobil-uyumlu-ve-hafif-javascript-anketi-icin-minimal-kod-gereksinimler'><img src='https://picsum.photos/seed/mobil-uyumlu-ve-hafif-javascript-anketi-icin-minimal-kod-gereksinimler/80/50' alt='Mobil Uyumlu Ve Hafif Javascript Anketi Icin Minimal Kod Gereksinimler'><span>Mobil Uyumlu Ve Hafif Javascript Anketi Icin Minimal Kod Gereksinimler</span></a><a class='sidebar-item' href='makale.php?sayfa=sifirdan-baslayarak-javascript-ile-css-stilli-basit-anket-formu-yapimi'><img src='https://picsum.photos/seed/sifirdan-baslayarak-javascript-ile-css-stilli-basit-anket-formu-yapimi/80/50' alt='Sifirdan Baslayarak Javascript Ile Css Stilli Basit Anket Formu Yapimi'><span>Sifirdan Baslayarak Javascript Ile Css Stilli Basit Anket Formu Yapimi</span></a><a class='sidebar-item' href='makale.php?sayfa=ziyaretcilerden-aninda-veri-toplamak-icin-dinamik-anket-elemanlarini-j'><img src='https://picsum.photos/seed/ziyaretcilerden-aninda-veri-toplamak-icin-dinamik-anket-elemanlarini-j/80/50' alt='Ziyaretcilerden Aninda Veri Toplamak Icin Dinamik Anket Elemanlarini J'><span>Ziyaretcilerden Aninda Veri Toplamak Icin Dinamik Anket Elemanlarini J</span></a><a class='sidebar-item' href='makale.php?sayfa=ucuncu-parti-araca-gerek-duymadan-javascript-ile-sadece-evethayir-tipi'><img src='https://picsum.photos/seed/ucuncu-parti-araca-gerek-duymadan-javascript-ile-sadece-evethayir-tipi/80/50' alt='Ucuncu Parti Araca Gerek Duymadan Javascript Ile Sadece Evethayir Tipi'><span>Ucuncu Parti Araca Gerek Duymadan Javascript Ile Sadece Evethayir Tipi</span></a><a class='sidebar-item' href='makale.php?sayfa=html-ve-saf-javascript-ile-coktan-secmeli-basit-anket-kodu-yazimi-icin'><img src='https://picsum.photos/seed/html-ve-saf-javascript-ile-coktan-secmeli-basit-anket-kodu-yazimi-icin/80/50' alt='Html Ve Saf Javascript Ile Coktan Secmeli Basit Anket Kodu Yazimi Icin'><span>Html Ve Saf Javascript Ile Coktan Secmeli Basit Anket Kodu Yazimi Icin</span></a><a class='sidebar-item' href='makale.php?sayfa=backend-olmadan-sadece-javascript-kullanarak-hizli-bir-geri-bildirim-f'><img src='https://picsum.photos/seed/backend-olmadan-sadece-javascript-kullanarak-hizli-bir-geri-bildirim-f/80/50' alt='Backend Olmadan Sadece Javascript Kullanarak Hizli Bir Geri Bildirim F'><span>Backend Olmadan Sadece Javascript Kullanarak Hizli Bir Geri Bildirim F</span></a><a class='sidebar-item' href='makale.php?sayfa=kendi-web-sitenize-javascript-ile-basit-anket-eklemenin-en-hizli-yolu-'><img src='https://picsum.photos/seed/kendi-web-sitenize-javascript-ile-basit-anket-eklemenin-en-hizli-yolu-/80/50' alt='Kendi Web Sitenize Javascript Ile Basit Anket Eklemenin En Hizli Yolu '><span>Kendi Web Sitenize Javascript Ile Basit Anket Eklemenin En Hizli Yolu </span></a><a class='sidebar-item' href='makale.php?sayfa=basit-javascript-anketinizin-gorsel-tasarimini-css-ile-kisisellestirme'><img src='https://picsum.photos/seed/basit-javascript-anketinizin-gorsel-tasarimini-css-ile-kisisellestirme/80/50' alt='Basit Javascript Anketinizin Gorsel Tasarimini Css Ile Kisisellestirme'><span>Basit Javascript Anketinizin Gorsel Tasarimini Css Ile Kisisellestirme</span></a><a class='sidebar-item' href='makale.php?sayfa=javascript-anket-gonderimi-sonrasi-basari-mesaji-veya-yonlendirme-nasi'><img src='https://picsum.photos/seed/javascript-anket-gonderimi-sonrasi-basari-mesaji-veya-yonlendirme-nasi/80/50' alt='Javascript Anket Gonderimi Sonrasi Basari Mesaji Veya Yonlendirme Nasi'><span>Javascript Anket Gonderimi Sonrasi Basari Mesaji Veya Yonlendirme Nasi</span></a><a class='sidebar-item' href='makale.php?sayfa=mevcut-web-sitenize-kolayca-entegre-edilebilen-minimalist-javascript-a'><img src='https://picsum.photos/seed/mevcut-web-sitenize-kolayca-entegre-edilebilen-minimalist-javascript-a/80/50' alt='Mevcut Web Sitenize Kolayca Entegre Edilebilen Minimalist Javascript A'><span>Mevcut Web Sitenize Kolayca Entegre Edilebilen Minimalist Javascript A</span></a><a class='sidebar-item' href='makale.php?sayfa=mobil-uyumlu-ve-duyarli-bir-javascript-anket-bileseni-nasil-kodlanir'><img src='https://picsum.photos/seed/mobil-uyumlu-ve-duyarli-bir-javascript-anket-bileseni-nasil-kodlanir/80/50' alt='Mobil Uyumlu Ve Duyarli Bir Javascript Anket Bileseni Nasil Kodlanir'><span>Mobil Uyumlu Ve Duyarli Bir Javascript Anket Bileseni Nasil Kodlanir</span></a><a class='sidebar-item' href='makale.php?sayfa=kullanicilarin-tum-alanlari-doldurmasini-saglayan-javascript-anket-dog'><img src='https://picsum.photos/seed/kullanicilarin-tum-alanlari-doldurmasini-saglayan-javascript-anket-dog/80/50' alt='Kullanicilarin Tum Alanlari Doldurmasini Saglayan Javascript Anket Dog'><span>Kullanicilarin Tum Alanlari Doldurmasini Saglayan Javascript Anket Dog</span></a><a class='sidebar-item' href='makale.php?sayfa=harici-kutuphane-bagimliligi-olmadan-saf-javascript-ile-hafif-anket-ta'><img src='https://picsum.photos/seed/harici-kutuphane-bagimliligi-olmadan-saf-javascript-ile-hafif-anket-ta/80/50' alt='Harici Kutuphane Bagimliligi Olmadan Saf Javascript Ile Hafif Anket Ta'><span>Harici Kutuphane Bagimliligi Olmadan Saf Javascript Ile Hafif Anket Ta</span></a><a class='sidebar-item' href='makale.php?sayfa=basit-bir-javascript-anketi-icin-katilimcilara-aninda-sonuc-grafigi-go'><img src='https://picsum.photos/seed/basit-bir-javascript-anketi-icin-katilimcilara-aninda-sonuc-grafigi-go/80/50' alt='Basit Bir Javascript Anketi Icin Katilimcilara Aninda Sonuc Grafigi Go'><span>Basit Bir Javascript Anketi Icin Katilimcilara Aninda Sonuc Grafigi Go</span></a><a class='sidebar-item' href='makale.php?sayfa=sunucuya-gerek-duymadan-tarayicida-javascript-ile-anket-sonuclarini-ge'><img src='https://picsum.photos/seed/sunucuya-gerek-duymadan-tarayicida-javascript-ile-anket-sonuclarini-ge/80/50' alt='Sunucuya Gerek Duymadan Tarayicida Javascript Ile Anket Sonuclarini Ge'><span>Sunucuya Gerek Duymadan Tarayicida Javascript Ile Anket Sonuclarini Ge</span></a><a class='sidebar-item' href='makale.php?sayfa=coktan-secmeli-ve-acik-uclu-sorular-icin-dinamik-javascript-anket-form'><img src='https://picsum.photos/seed/coktan-secmeli-ve-acik-uclu-sorular-icin-dinamik-javascript-anket-form/80/50' alt='Coktan Secmeli Ve Acik Uclu Sorular Icin Dinamik Javascript Anket Form'><span>Coktan Secmeli Ve Acik Uclu Sorular Icin Dinamik Javascript Anket Form</span></a><a class='sidebar-item' href='makale.php?sayfa=html-ve-saf-javascript-kullanarak-adim-adim-etkilesimli-anket-olusturm'><img src='https://picsum.photos/seed/html-ve-saf-javascript-kullanarak-adim-adim-etkilesimli-anket-olusturm/80/50' alt='Html Ve Saf Javascript Kullanarak Adim Adim Etkilesimli Anket Olusturm'><span>Html Ve Saf Javascript Kullanarak Adim Adim Etkilesimli Anket Olusturm</span></a><a class='sidebar-item' href='makale.php?sayfa=tek-sayfali-tek-adimli-javascript-anket-uygulamasi-gelistirme-ipuclari'><img src='https://picsum.photos/seed/tek-sayfali-tek-adimli-javascript-anket-uygulamasi-gelistirme-ipuclari/80/50' alt='Tek Sayfali Tek Adimli Javascript Anket Uygulamasi Gelistirme Ipuclari'><span>Tek Sayfali Tek Adimli Javascript Anket Uygulamasi Gelistirme Ipuclari</span></a>    </div>
</div>
<footer class="site-footer">
    <div class="container mx-auto px-4 py-6">
        <p>© 2025 Basit Anket Oluşturucu JS İle. Tüm hakları saklıdır.</p>
        <p>
			<a href="https://riyy.online/">🏠 Anasayfa</a> |
            <a href="https://riyy.online/pages/gizlilik-politikasi.php">🔒 Gizlilik Politikası</a> |
            <a href="https://riyy.online/blog.php">📜 Blog</a> |
            <a href="https://riyy.online/pages/hakkimizda.php">ℹ️ Hakkımızda</a> |
            <a href="https://riyy.online/pages/iletisim.php">📞 İletişim</a>
			<a href="https://riyy.online/pages/kullanim-sartlari.php">🚩 Kullanım Şartları</a> </p>
    </div>

.site-footer a {
            color: #111827; /* linkler koyu */
            text-decoration: none;
            margin: 0 0.5rem;
            transition: color 0.3s;
        }

.site-footer a:hover {
            color: var(--secondary-color, #f97316); /* hover turuncu veya tanımlı secondary-color */
        }
    </style>

<div id="cookie-popup">
  Bu site çerezleri kullanıcı deneyimini geliştirmek için kullanır. 
  <a href="/pages/gizlilik-politikasi.php" target="_blank">Daha fazla bilgi</a>.
  <button id="accept-cookies">Kabul Ediyorum</button>
</div>

/* Gösterim */
#cookie-popup.show {
  opacity: 1;
  transform: translateY(0);
}

/* Linkler */
#cookie-popup a {
  color: #4cc9f0;
  text-decoration: underline;
}

/* Buton */
#cookie-popup button {
  float: right;
  background: #4cc9f0;
  border: none;
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.3s, transform 0.3s;
  animation: pulse 2s infinite;
}

/* Hover efekti */
#cookie-popup button:hover {
  background: #3ab0d9;
}

/* Pulse animasyonu */
@keyframes pulse {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(76,201,240,0.5); }
  50% { transform: scale(1.05); box-shadow: 0 0 10px 5px rgba(76,201,240,0.3); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(76,201,240,0); }
}

/* Mobil uyumlu */
@media (max-width: 500px) {
  #cookie-popup {
    right: 5%;
    left: 5%;
    bottom: 15px;
    width: auto;
    font-size: 13px;
    padding: 12px 15px;
  }
  #cookie-popup button {
    padding: 5px 10px;
  }
}
</style>

</footer>