TEST

wordress

Tamam, bu iş için bir WordPress plugin’i oluştururken aşağıdaki adımları izleyerek net ve kapsamlı bir yapay zeka promptu yazabiliriz. Senin amacın, kullanıcı davranışlarını izlemek, anonim kullanıcıları bir ID ile eşleştirmek ve sonradan girilen kişisel bilgileri bu ID’ye bağlamak. İşte adım adım mantık ve prompt:

🎯 Amaç:

WordPress için bir plugin geliştir. Bu plugin, siteyi ziyaret eden kullanıcıların davranışlarını izler. Anonim kullanıcılar geldiğinde, onlardan gizlilik onayı alarak onlara rastgele oluşturulmuş bir kullanıcı ID’si verir. Bu ID ile kullanıcı davranışı izlenir. Eğer kullanıcı daha sonra bir formdan ad, telefon veya e-posta bırakırsa bu bilgiler o ID ile eşleştirilir.

🧠 Yapay Zeka Promptu (ChatGPT / Copilot / Claude için kullanılabilir):

“Bir WordPress eklentisi oluşturmak istiyorum. Bu eklentinin amacı siteye gelen kullanıcıların davranışlarını izlemek.

Lütfen aşağıdaki özellikleri ve adımları içeren profesyonel, güvenli ve çalışır bir eklenti kodu yaz:

  1. Plugin Başlangıcı:
    • Plugin metadata’sını yaz (isim, açıklama, yazar, vs).
  2. JavaScript İzleme:
    • Kullanıcının sayfa görüntüleme, scroll, tıklama gibi davranışlarını izleyen bir JS dosyası oluştur.
    • Bu JS, kullanıcıya ait rastgele oluşturulmuş bir ID ile çalışsın.
    • Eğer kullanıcı daha önce bir ID aldıysa, bu cookie’den okunsun.
  3. Anonim Kullanıcı İzni:
    • Site ilk açıldığında kullanıcıdan davranış izleme izni isteyen bir popup göster (GDPR uyumlu).
    • Kullanıcı kabul ederse bir cookie ile benzersiz bir kullanıcı ID’si ata.
  4. Back-End API:
    • JS üzerinden gelen davranış verilerini kaydeden bir REST API endpoint’i oluştur.
    • Bu veriler WordPress veritabanında özel bir tabloya kaydedilsin (user_id, timestamp, event_type, meta).
  5. Form Eşleştirme:
    • Eğer kullanıcı sitede bir form doldurursa (ad, e-posta, telefon gibi), o form verilerini var olan kullanıcı ID ile eşle.
    • Formlar için örnek bir shortcode ile kullanılabilecek form HTML’i oluştur.
  6. Admin Panel:
    • Admin paneline özel bir sayfa ekle.
    • Burada ziyaretçi ID’lerine göre davranışların bir listesi gösterilsin.
    • Eğer kullanıcı bilgileri eklenmişse, o bilgiler de gösterilsin.
  7. Güvenlik:
    • Tüm veri girişleri sanitize edilsin.
    • REST endpoint’leri nonce ve yetkilendirme ile korunsun.
  8. Veri Gizliliği:
    • GDPR ve KVKK kurallarına uygun olarak kullanıcıdan açık izin alınmadan hiçbir kişisel veri toplanmasın.
    • Kullanıcı verilerini silme seçeneği eklensin.

Kodları modüler ve okunabilir şekilde yaz. Gerekirse klasör yapısını da oluştur (assets, js, includes gibi). Plugin tek başına çalışmalı ve kurulunca veritabanı tabloları otomatik oluşturulmalı.”

İstersen, bu prompttan çıkan kodları da beraber inceleyebiliriz ya da doğrudan kodu senin için ben yazabilirim. Hangisini istersin?

4o

Şunu dedin:

 heatmap özelliğide olmalı bunu ikinci faz olarak ekle

ChatGPT:

Süper fikir. Heatmap özelliği, kullanıcıların sayfa üzerindeki tıklama ve gezinme yoğunluğunu görselleştirmek için çok faydalı. Bunu plugin’e ikinci faz olarak şöyle entegre ederiz:

🔥 Faz 2 – Heatmap Özelliği

📌 AI Prompt’a Eklemen Gereken Kısım:

Prompt’un sonuna şu bölümü ekle:

  1. Heatmap Özelliği:
    • Kullanıcının sayfa üzerindeki tıklama konumlarını (X, Y koordinatları) JS ile kaydet.
    • Bu verileri yine kullanıcı ID ile birlikte bir veritabanı tablosuna gönder (örneğin: wp_user_clicks).
    • Admin panelinde her sayfa için kullanıcıların tıklama yoğunluklarını gösteren bir heatmap görselleştirmesi oluştur.
    • Görsel için Chart.js veya benzeri JS kütüphaneleri kullanılabilir, ama istersen HTML canvas ile basit bir versiyon da yapılabilir.
    • Bu heatmap, ID’si bilinen kullanıcılar için ayrı ayrı veya tüm kullanıcılar için toplu görüntülenebilir.
    • Veriler haftalık/sayfa bazlı filtrelenebilir olmalı.

Bu haliyle prompt çok daha güçlü oldu. İstersen, hem temel versiyonu hem de bu heatmap fazını içeren bir plugin kodunu doğrudan yazabilirim. Ne dersin, başlayalım mı kodlamaya?

Şunu dedin:

 ayrıca her türlü temda çalışsın

ChatGPT:

Tamam, çok kritik bir nokta bu. WordPress’te tema bağımsız çalışabilmesi için şu kuralları plugin’de uygulatmak gerekiyor. Prompt’a bunu da ekle:

  1. Tema Bağımsızlık:
  • Plugin tüm temalarda sorunsuz çalışmalı.
  • Tüm CSS ve JS dosyaları plugin klasöründen yüklensin, temanın dosyalarına bağlı olmasın.
  • Formlar ve popup’lar için frontend’e yüklenen stiller wp_enqueue_style ve wp_enqueue_script ile düzgün bir şekilde eklensin.
  • Shortcode ile yerleştirilen formlar inline CSS içermemeli, responsive olmalı.
  • Herhangi bir özel tema fonksiyonu ya da yapısına ihtiyaç duymadan çalışmalı.

Bu haliyle yazacağın plugin:

  • GDPR uyumlu,
  • Kullanıcı davranışı + form eşlemesi yapabilen,
  • Isı haritası gösteren,
  • Ve tema bağımsız çalışan sağlam bir eklenti olacak.

İstersen bu promptu direkt çalıştırıp AI’dan kodları alabilirsin, istersen beraber başlayıp eklentiyi sıfırdan yazabiliriz. Nasıl ilerleyelim?

Şunu dedin:

 her browser da da çalışmalı . birisi cep telefondanından girerse diye bunu da hazırlamalı

ChatGPT:

Aynen, mobil ve farklı tarayıcı uyumluluğu olmazsa olmaz. Prompt’un sonuna bunu da ekliyoruz:

  1. Tarayıcı ve Cihaz Uyumluluğu:
  • Plugin masaüstü, tablet ve mobil tarayıcılarda sorunsuz çalışmalı (Chrome, Firefox, Safari, Edge, mobil browser’lar dahil).
  • JavaScript kodları dokunmatik cihazlarda tıklama, scroll ve swipe gibi hareketleri de algılayabilmeli.
  • CSS kodları tamamen responsive yazılmalı.
  • Popup ve formlar küçük ekranlarda kullanıcıyı rahatsız etmeyecek şekilde optimize edilmeli.
  • Tarayıcı farkı nedeniyle oluşabilecek JS hatalarına karşı try-catch blokları kullanılmalı.

Şimdi prompt tam oldu:
✅ Kullanıcı takibi + ID
✅ Form ile eşleşme
✅ Admin paneli
✅ Heatmap
✅ Tema bağımsız
✅ Cihaz/tarayıcı uyumlu
✅ GDPR uyumlu

İstersen bu detayları içeren tam prompt metnini temiz halde sana vereyim ya da doğrudan kodlamaya geçelim. Hangisini istersin?

Şunu dedin:

Bu süreç adım adım olmalı bir şeyin çalıştığını test ettikten sonra bir soraki adıma geçmeli

ChatGPT:

Harika, yazılım geliştirmede en doğru yaklaşım bu: adım adım ilerlemek, her adımı test ederek devam etmek. O zaman süreci şöyle parçalıyoruz 👇

🔧 WordPress Ziyaretçi Takip Plugin’i – Adım Adım Geliştirme Planı

✅ Adım 1: Plugin’in Temeli (Kurulum ve Aktifleşme)

  • Plugin klasörü ve dosyaları oluştur: ziyaretci-izleyici/ziyaretci-izleyici.php
  • Plugin metadata, register_activation_hook ile veritabanı tablosu oluşturma
  • Hedef: Plugin aktif edilebilsin, WordPress panelinde görünsün.

✅ Adım 2: Ziyaretçi Takibi ve Cookie ID Oluşturma

  • JavaScript ile sayfayı ilk ziyaret eden kullanıcıya benzersiz bir ID ver
  • ID, cookie ile saklanmalı (örn. ziyaretci_id)
  • Hedef: Her kullanıcıya bir defaya mahsus ID atanabilsin

✅ Adım 3: GDPR Popup ve Onay Sistemi

  • İlk ziyaret sırasında kullanıcıdan veri izleme izni alın
  • Kabul etmeden veri toplanmasın
  • Hedef: Yasal uyumluluk sağlansın

✅ Adım 4: Davranış Takibi (scroll, tıklama, sayfa görüntüleme)

  • JS ile kullanıcı davranışlarını yakala
  • Bu verileri REST API aracılığıyla veritabanına gönder
  • Hedef: Basit davranış verisi kayıt altına alınabilsin

✅ Adım 5: Form Verisi ile Eşleştirme

  • Bir form shortcode oluştur (ad, e-posta, telefon)
  • Kullanıcı bu formu doldurunca veriler mevcut ID ile eşleştirilsin
  • Hedef: Anonim kullanıcıya sonradan kişisel veri bağlanabilsin

✅ Adım 6: Admin Paneli Sayfası

  • Admin panelinde veri görüntüleme sayfası ekle
  • Kullanıcı ID’lerine göre davranışları ve form bilgilerini göster
  • Hedef: Veriler okunabilir ve filtrelenebilir olsun

✅ Adım 7: Heatmap Özelliği

  • Tıklanan koordinatları JS ile yakala
  • Veritabanına kaydet
  • Admin panelinde sayfa bazlı heatmap görselleştirmesi oluştur
  • Hedef: Kullanıcı etkileşim haritası gösterilebilsin

✅ Adım 8: Tema, Tarayıcı ve Mobil Uyum Testi

  • Plugin tüm temalarda düzgün çalışıyor mu kontrol et
  • Mobilde popup, form, heatmap düzgün çalışıyor mu test et
  • Hedef: Plugin her cihaz ve her tarayıcıda stabil olsun

İlk adıma geçiyoruz mu? Başlayalım istersen “Adım 1: Plugin Temeli”ni birlikte yazalım ve test edelim. Uygun musun şimdi?

Şunu dedin:

 bütün bunlardan gelen verilerin bir kayıt edilmesi gerekli. bunları admin panelinden export edip anliz edebilmeliyim . ve bunların hepsini kullanıcı bazlı olarak yapmalı ve genel olarakta yapmalı

ChatGPT:

Süper, bu son parça da çok önemli: veriyi saklamak, dışa aktarmak ve analiz etmek. Bunu da geliştirme planımıza ekliyoruz. Aşağıya hem adım hem prompt bölümü olarak yazdım:

🧩 Adım 9: Verilerin Export Edilmesi ve Analiz Paneli

Teknik Gereksinimler:

  • Tüm kullanıcı davranış verileri (sayfa görüntüleme, tıklama, scroll, vs.) ve form bilgileri veritabanında düzgün şekilde tutulmalı.
  • Admin panelinde:
    • Kullanıcı bazlı veriler (ziyaretçi ID, kişisel bilgiler, davranışlar)
    • Tüm kullanıcıların genel davranış özetleri
  • Verileri CSV olarak dışa aktarabilme butonu
  • Belirli tarih aralığına göre filtreleme
  • En çok tıklanan sayfa, ortalama ziyaret süresi gibi basit analiz çıktıları

AI Prompt’a Eklenecek Metin:

  1. Veri Export ve Analiz Özelliği:
  • Tüm toplanan kullanıcı verileri (ID, form bilgileri, davranış geçmişi, tıklama verisi) admin panelinde kullanıcı bazlı ve toplu şekilde görüntülenebilmeli.
  • Her kullanıcı için ayrı detay sayfası olmalı (ad, e-posta, sayfa geçmişi, tıklamalar vb.)
  • Veriler tarih aralığına göre filtrelenebilmeli.
  • Toplu davranış istatistikleri: en çok görüntülenen sayfalar, ortalama scroll seviyesi, ortalama ziyaret süresi gibi metrikler.
  • “CSV olarak indir” butonu ile tüm bu veriler dışa aktarılabilmeli.

Böylece:

🔹 Her kullanıcıya özel analiz
🔹 Genel site davranışı analizi
🔹 CSV ile Excel veya başka araçlarda inceleme

şeklinde tamamlanmış bir sistem kurmuş olacaksın.

Hazırsan Adım 1: Plugin Temelini Oluşturma ile başlayalım. Kodu yazayım mı?

Şunu dedin:

önce bütün promtu yaz

ChatGPT:

İşte yukarıda konuştuğumuz her şeyi içeren tek ve kapsamlı bir yapay zeka promptu. Bunu doğrudan ChatGPT, GitHub Copilot veya başka bir AI kod üreticisine vererek WordPress eklentini oluşturabilirsin:

✅ WordPress Ziyaretçi Takip ve Analiz Plugin’i İçin AI Prompt

Bir WordPress plugin’i yaz. Bu plugin, siteyi ziyaret eden kullanıcıların davranışlarını anonim olarak takip eder, onlardan onay alarak benzersiz bir kullanıcı ID’si oluşturur, form verileri ile eşleştirir, admin panelinde analiz eder ve dışa aktarır. Aşağıdaki tüm özellikleri eksiksiz uygula:

1. Plugin Temeli:

  • ziyaretci-izleyici adında bir klasör ve içinde ana ziyaretci-izleyici.php dosyası oluştur.
  • Plugin metadata’sını yaz (isim, açıklama, yazar, vs.)
  • register_activation_hook ile özel veritabanı tabloları oluştur.

2. JavaScript ile Kullanıcı Takibi:

  • Kullanıcıya özel, rastgele oluşturulmuş bir ID ver (örneğin ziyaretci_id cookie’si).
  • Kullanıcı ilk kez geliyorsa cookie ile ID oluştur, daha önce geldiyse cookie’den oku.

3. GDPR/KVKK Uyumlu Onay Popup’ı:

  • Ziyaretçi siteye geldiğinde, davranış izleme için bir izin popup’ı göster.
  • İzin vermeden hiçbir veri toplanmasın.

4. Davranış Takibi:

  • JavaScript ile sayfa görüntüleme, tıklama, scroll gibi olayları izle.
  • Bu verileri user_id, event_type, page_url, timestamp bilgileri ile birlikte REST API üzerinden kaydet.

5. Form ile Kimlik Eşleştirme:

  • Ad, e-posta ve telefon alanlarını içeren basit bir form oluştur.
  • Bu form shortcode olarak eklensin ([ziyaretci_form]).
  • Kullanıcı formu doldurduğunda veriler mevcut ziyaretci_id ile eşleştirilsin.

6. Admin Paneli:

  • Admin menüsüne “Ziyaretçi Takibi” adında özel bir sayfa ekle.
  • Kullanıcı bazlı verileri tablo halinde göster: ID, kişisel bilgiler, davranış geçmişi.
  • Tüm ziyaretçilerin genel davranış özeti de gösterilsin.

7. Heatmap (Isı Haritası) Özelliği:

  • Kullanıcının tıkladığı X, Y koordinatlarını JS ile al ve veritabanına kaydet.
  • Admin panelinde sayfa bazlı tıklama yoğunluklarını gösteren görsel bir heatmap oluştur (Canvas veya Chart.js kullanılabilir).

8. Tema Bağımsızlık:

  • Tüm JS ve CSS dosyaları plugin içerisinden yüklensin (wp_enqueue_script, wp_enqueue_style).
  • Hiçbir tema fonksiyonuna ya da stiline bağlı kalmasın.

9. Cihaz ve Tarayıcı Uyumluluğu:

  • Plugin tüm büyük tarayıcılarda (Chrome, Firefox, Safari, Edge) ve mobil cihazlarda düzgün çalışmalı.
  • JS kodları dokunmatik ekranlarla da uyumlu olmalı (tıklama, swipe, scroll).
  • Tüm frontend bileşenleri responsive yazılmalı.

10. Export ve Analiz:

  • Admin panelinde kullanıcı verileri filtrelenebilir şekilde listelenebilmeli (tarih aralığı, sayfa, ID vb.)
  • CSV olarak dışa aktar seçeneği olmalı.
  • Genel analiz metrikleri: en çok ziyaret edilen sayfalar, ortalama ziyaret süresi, toplam tıklama sayısı gibi istatistikler gösterilmeli.

Kodlar iyi yapılandırılmış, modüler ve güvenli olmalı. Gerekirse includes/, assets/js/, admin/ gibi alt klasörlere ayır. Tüm REST API isteklerinde nonce ve güvenlik kontrolü kullan. Veritabanı sorguları prepare() ile güvenli hale getirilmeli.

Eklenti her adım test edilerek geliştirilecek şekilde yapılandırılsın. Her adım bir milestone olacak şekilde düzenlensin (örn. 1: temel, 2: ID + cookie, 3: davranış izleme…).

İstersen şimdi ilk adım olan ziyaretci-izleyici.php dosyasının temelini birlikte yazalım mı?

Şunu dedin:

preminum ve free olarak iki sürümü olmalı.

ChatGPT:

Güzel, o zaman prompt’un sonuna bunu da net şekilde ekliyoruz:

11. Premium ve Free Sürüm Desteği:

  • Plugin’in iki sürümü olmalı: Free (ücretsiz) ve Premium (ücretli).
  • Free sürümde sadece temel özellikler aktif olsun: kullanıcı ID takibi, davranış kaydı ve form eşlemesi.
  • Premium sürümde şu özellikler aktif hale gelsin:
    • Admin paneli analiz ekranı
    • Heatmap özelliği
    • CSV dışa aktarım
    • Gelişmiş filtreleme
  • Premium özellikleri sadece PRO_LICENSE_KEY kontrolü ile aktif et.
  • Admin panelinde “Premium’a Yükselt” butonu olmalı. (Buton ödeme sistemi entegre edilmese bile yerleşsin)
  • Kod yapısı, ileride lisans sistemi entegre edilebilecek şekilde modüler olmalı.

Free sürüm = temel izleme
Premium sürüm = analiz, heatmap, export, ekstra admin özellikleri

Eklentiyi bu yapıda kurarsak hem kullanıcılar için faydalı olur hem de potansiyel gelir modeli oluşturur.
Hazırsan artık “Adım 1 – Temel Plugin Kurulumu” kodlarını yazmaya geçebiliriz. Başlayalım mı?

Şunu dedin:

  Kullanıcıların davranışlarına göre heatmaps veya tıklama verisini site içeriğile karışılaştırark yapay zeja ile kullanıcı alnizini 2. faz olarak yapılandırlalım

ChatGPT:

Tamam, bu da çok iyi bir 2. faz fikri: sadece ham veriyi göstermek yerine, AI destekli analizlerle “kullanıcı ne yapmaya çalıştı?” sorusuna yanıt aramak.

Prompt’a bunu da 2. Faz olarak aşağıdaki gibi ekliyoruz:

12. AI Destekli Davranış Analizi (Faz 2 – Premium Özellik):

  • Toplanan tıklama, scroll, form ve sayfa gezinme verilerini site içeriğiyle birlikte analiz et.
  • Kullanıcının hangi içeriği anlamaya çalıştığı, nerede takıldığı veya neye ilgi duyduğu gibi tahminlerde bulun.
  • AI modeli (örneğin OpenAI API veya local LLM) ile şu tür analizler yapılmalı:
    • “Bu kullanıcı ürün bilgisi arıyor olabilir.”
    • “Bu kullanıcı sepete eklemeyi denedi ama bulamadı.”
    • “Kullanıcı bilgi formuna yöneldi ancak alanlar belirsizdi.”
  • Bu tahminler kullanıcı oturumlarına özel raporlarda yer almalı.
  • Heatmap verisiyle birleştirilip görsel olarak sunulmalı.
  • Bu analizler sadece premium sürümde erişilebilir olmalı.
  • AI tahmin süreci belirli tetikleyicilerle (belirli sayfa sayısı gezilmesi, belirli scroll seviyesi, vs.) başlatılmalı.

Bu sayede:

  • Sadece “nerede tıkladı?” değil
  • “Ne yapmak istedi, neyi başaramadı?” gibi daha değerli içgörüler elde edilir.

Bunu ileri aşamada OpenAI, Gemini, LLaMA gibi modellerle veya kendi local LLM’inle de entegre edebiliriz.

İstersen önce temel sistemi kurup çalıştırıp sonra bu kısmın AI analiz mimarisini planlayalım. Ne dersin?

Şunu dedin:

 hepsimi tek bir seferde yaz

ChatGPT:

İşte istediğin her özelliği içeren tam ve kapsamlı tek yapay zeka promptu — WordPress eklentini sıfırdan profesyonelce oluşturmaya yetecek seviyede detaylı ve geliştirici odaklı yazılmıştır 👇

✅ WordPress Ziyaretçi Takip, Heatmap ve AI Analiz Plugin’i – Yapay Zeka Promptu

Bir WordPress plugin’i oluştur. Amacı, siteyi ziyaret eden kullanıcıların davranışlarını anonim olarak takip etmek, kullanıcıdan izin alarak benzersiz bir ID vermek, form verisiyle eşleştirmek, tüm verileri admin panelinde analiz edebilmek, heatmap oluşturmak ve kullanıcı davranışlarını AI ile anlamaya çalışmaktır. Plugin hem Free hem Premium sürüme sahip olacak. Aşağıdaki tüm adımları uygulayarak modüler ve test edilebilir şekilde geliştir:

🔹 1. Plugin Temeli

  • ziyaretci-izleyici adlı klasör ve içinde ziyaretci-izleyici.php ana dosyası oluştur.
  • Gerekli metadata (Plugin Name, Description, Version, Author vs.) eklensin.
  • register_activation_hook ve register_deactivation_hook ile veritabanı tabloları oluşturulsun ve silinsin.
  • Tüm dosya yapısı modüler kurulsun: includes/, assets/js/, admin/, templates/ klasörleri kullanılsın.

🔹 2. Kullanıcı ID ve Cookie Oluşturma

  • Ziyaretçiye ilk gelişte benzersiz bir ziyaretci_id atanmalı.
  • Bu ID cookie olarak saklanmalı (30 gün geçerli, SameSite=Lax, secure).
  • Eğer cookie zaten varsa aynı ID kullanılmalı.

🔹 3. GDPR/KVKK Onayı

  • Siteye gelen kullanıcıya açılır bir modal gösterilsin.
  • Açıklama: “Sitede davranışsal veri toplanacaktır. Devam etmeden önce izninizi almalıyız.”
  • Kabul etmeden hiçbir izleme yapılmamalı.

🔹 4. Davranış Takibi (Free)

  • JS ile şu olaylar izlenmeli:
    • Sayfa görüntüleme
    • Scroll seviyesi (yüzdesel)
    • Tıklamalar (element ve koordinat bilgisiyle)
    • Ziyaret süresi
  • Bu veriler kullanıcı ID ile REST API üzerinden PHP tarafına gönderilmeli ve DB’ye yazılmalı.
  • Tüm veriler event_type, element, page_url, timestamp, x, y, scroll_percent, session_id gibi alanlar içermeli.

🔹 5. Form Verisi ile Eşleştirme (Free)

  • [ziyaretci_form] shortcode’u ile kullanılabilecek bir form oluştur:
    • Ad, E-posta, Telefon (zorunlu)
  • Form gönderilince mevcut ziyaretci_id ile eşleştirilip veritabanında saklanmalı.

🔹 6. Admin Panel Arayüzü (Premium)

  • WordPress admin menüsüne özel bir sayfa ekle: “Ziyaretçi Analizi”
  • Bu sayfada:
    • Tüm kullanıcıların listesi (ID, form verileri, toplam ziyaret sayısı, ortalama süre, scroll vs.)
    • Tekil kullanıcı detay sayfası: tıklama geçmişi, sayfa akışı, form bilgileri
    • Tarih aralığı filtreleme ve sıralama

🔹 7. Heatmap (Premium)

  • Tıklama olayları sırasında X ve Y koordinatları da toplanmalı.
  • Admin panelde bir sayfa bazlı ısı haritası (heatmap) görselleştirmesi yer almalı.
    • Canvas, Chart.js ya da heatmap.js ile gösterim yapılabilir.
    • Sayfa ekran görüntüsünün üzerine bindirilerek tıklama yoğunluğu sunulmalı.

🔹 8. Tema ve Cihaz Uyumu

  • Eklenti hiçbir tema ile çakışmamalı. Tüm frontend bileşenleri (popup, form vs.) plugin içerisinden ve izole CSS/JS ile gelmeli.
  • Mobil cihazlarda tıklama ve scroll verisi düzgün çalışmalı (touch destekli).
  • Tüm büyük tarayıcılarda (Chrome, Safari, Firefox, Edge, Android/iOS) düzgün çalışmalı.

🔹 9. Veri Export ve Raporlama (Premium)

  • Admin panelinde:
    • Tekil kullanıcı verisi CSV olarak indirilebilmeli
    • Tüm kullanıcı davranışları toplu olarak export edilebilmeli
    • En çok ziyaret edilen sayfalar, en çok tıklanan elementler, ortalama süre gibi metrikler gösterilmeli
  • Tarih aralığı ve sayfa filtresi yapılabilmeli

🔹 10. Free ve Premium Sürüm Ayrımı

  • Free sürüm sadece temel ID takibi, davranış izleme ve form eşleştirmeyi içermeli.
  • Premium sürümde şunlar açılır:
    • Admin paneli
    • Heatmap
    • AI analiz
    • Export ve gelişmiş raporlar
  • PRO_LICENSE_KEY ile premium kontrolü yapılmalı.
  • Admin panelde “Yükselt” butonu ve örnek lisans alanı olsun (ödeme entegrasyonu şart değil).

🔹 11. AI Destekli Davranış Analizi (Faz 2 – Premium)

  • Kullanıcı davranışları (scroll, tıklama, gezinme) ve içerik bağlamı (sayfa başlığı, içerik tipi) birleştirilerek AI modeline gönderilsin.
  • AI, kullanıcı niyeti ve deneyimi hakkında kısa analiz döndürsün:
    • “Kullanıcı bilgi formunu arıyor olabilir”
    • “Belirsiz başlık nedeniyle sayfadan çıkmış olabilir”
  • Analizler admin panelde kullanıcı bazlı gösterilsin.
  • AI analizi şu durumlarda tetiklensin:
    • Belirli sayıda sayfa gezilirse
    • Uzun süre scroll yapılırsa
    • Çok sayıda tıklama yapılırsa
  • Gerekirse bu analizler OpenAI API, Gemini, LLaMA gibi sistemlere entegre edilebilir (başlangıçta sadece taslağı kurulsun).

🔒 Güvenlik ve Performans

  • Tüm REST API isteklerinde nonce ve izin kontrolü yapılmalı.
  • Veritabanı sorguları prepare() ile yapılmalı.
  • JS/CSS enqueue ile çağrılmalı, cache sorunlarına dikkat edilmeli.
  • Geliştirme boyunca her modül ayrı ayrı test edilebilir yapıda olmalı.

Hazırsan bu prompt’u bir AI kodlayıcıya vererek sıfırdan çalışır bir sistem oluşturabilirsin.
İstersen şimdi bu sistemin ilk parçasını — yani ziyaretci-izleyici.php dosyasının temel kodunu — birlikte yazmaya başlayalım mı?