Integrate Rybbit analytics and enhance user tracking features
All checks were successful
Deploy / deploy (push) Successful in 16m7s

- Added Rybbit analytics configuration in .mcp.json for improved data collection.
- Updated layout.tsx to conditionally load the Rybbit analytics script in production.
- Enhanced user interaction tracking in various components, including GirisForm, RevizyonKutusu, and SatinAlForm, by logging specific events.
- Updated privacy policy page to reflect new data handling practices and added a section on service providers and data transfer.
- Improved user navigation and experience by integrating Rybbit's live visitor widget in the site footer.
This commit is contained in:
bilalgursen
2026-08-02 19:29:42 +03:00
parent cc9686147e
commit 0b92f999bc
22 changed files with 499 additions and 16 deletions

View File

@@ -4,6 +4,7 @@ import { useState } from "react";
import { Mail } from "lucide-react";
import { toast } from "sonner";
import { authClient } from "@/lib/auth-client";
import { olay } from "@/lib/analitik";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
@@ -52,6 +53,7 @@ export function GirisForm({ callbackURL }: { callbackURL: string }) {
async function googleIleGiris() {
setBusy("google");
olay("giris_denendi", { yontem: "google" });
const { error } = await authClient.signIn.social({
provider: "google",
callbackURL,
@@ -80,6 +82,7 @@ export function GirisForm({ callbackURL }: { callbackURL: string }) {
}
setSent(true);
geriSayimBaslat();
olay("giris_denendi", { yontem: "eposta" });
}
if (sent) {

View File

@@ -21,7 +21,7 @@ export default function GizlilikPage() {
Gizlilik ve Kişisel Verilerin Korunması
</h1>
<p className="mt-2 text-sm text-slate-500">
Son güncelleme: 26 Temmuz 2026
Son güncelleme: 2 Ağustos 2026
</p>
</Parallax>
@@ -56,6 +56,25 @@ export default function GizlilikPage() {
Verilerini üçüncü taraflara satmayız, reklam amacıyla paylaşmayız.
</p>
</section>
<section>
<h2 className="font-heading text-lg font-bold text-slate-900">
Hizmet sağlayıcılar ve yurt dışına aktarım
</h2>
<p className="mt-2">
Hizmeti çalıştırabilmek için birkaç dış sağlayıcıdan yararlanıyoruz
ve verinin bir kısmı yalnızca ilgili için bu sağlayıcılara
iletilir. Giriş bağlantısı ve bilgilendirme e-postaları Resend
üzerinden gönderilir; e-posta adresin bu amaçla Avrupa
Birliği&rsquo;ndeki (İrlanda) sunucularda işlenir. Ödemeler,
Türkiye&rsquo;de yerleşik iyzico altyapısında gerçekleşir. Danışman
sohbetine yazdığın mesajlar, yanıt üretilebilmesi için
Anthropic&rsquo;in yapay zekâ servisine (ABD) iletilir; bu mesajlar
sağlayıcının yapay zekâ modellerini eğitmek için kullanılmaz.
KVKK ısından bunlardan e-posta ve yapay zekâ sağlayıcısına yapılan
iletim yurt dışına aktarım sayılır ve hizmetin sunulabilmesi için
zorunludur.
</p>
</section>
<section>
<h2 className="font-heading text-lg font-bold text-slate-900">
Saklama ve silme
@@ -71,11 +90,18 @@ export default function GizlilikPage() {
</section>
<section>
<h2 className="font-heading text-lg font-bold text-slate-900">
Çerezler
Çerezler ve analitik
</h2>
<p className="mt-2">
Yalnızca oturumunu ık tutmak için zorunlu çerezler kullanılır;
reklam veya izleme çerezi kullanılmaz.
reklam veya izleme çerezi kullanılmaz. Siteyi geliştirebilmek için
hangi sayfaların görüntülendiğini ve hangi adımların tamamlandığını
ölçen, çerez kullanmayan bir analitik aracı (Rybbit) çalıştırıyoruz;
bu araç kendi sunucumuzda barındırılır, veriler üçüncü taraf bir
reklam ına gitmez. Giriş yaptığında ziyaretin hesabınla
eşleştirilir. Başarı sıralaman analitiğe ham hâliyle
gönderilmez; yalnızca &ldquo;50-100 bin&rdquo; gibi geniş bir
aralık olarak kaydedilir.
</p>
</section>
</Parallax>

View File

@@ -84,12 +84,19 @@ export default function RootLayout({
// içerikle büyümeli, viewport tabanı body'deki min-h-dvh'den gelir.
className={`${calSans.variable} ${clarityCity.variable} ${geistMono.variable} ${bricolage.variable} antialiased`}
>
{/* Rybbit analytics — beforeInteractive her zaman <head> içine defer olarak enjekte edilir */}
<Script
src="https://rybbit.kolaytercih.com/api/script.js"
data-site-id="f2cb042c657e"
strategy="beforeInteractive"
/>
{/* Rybbit analitik — beforeInteractive her zaman <head> içine defer olarak
enjekte edilir. Yalnızca prod build'de: Rybbit localhost'u da takip
ettiği için dev trafiği prod verisini kirletmesin (DevPanel ile aynı
kapı). mask-patterns: /sonuc URL'i ham başarı sıralamasını,
/odeme/sonuc sipariş kimliğini taşıyor — path tek satırda toplanır. */}
{process.env.NODE_ENV === "production" ? (
<Script
src="https://rybbit.kolaytercih.com/api/script.js"
data-site-id="f2cb042c657e"
data-mask-patterns='["/sonuc", "/odeme/sonuc"]'
strategy="beforeInteractive"
/>
) : null}
<body className="min-h-dvh flex flex-col bg-slate-50">
<HeaderGate>
{/* Site geneli progressive blur — üst ve alt */}

View File

@@ -10,6 +10,7 @@ import { RefreshCcw } from "lucide-react";
import { toast } from "sonner";
import { Button } from "@/components/ui/button";
import { listeRevize } from "@/app/sonuc/actions";
import { olay } from "@/lib/analitik";
export function RevizyonKutusu({ kalanHak }: { kalanHak: number }) {
const [feedback, setFeedback] = useState("");
@@ -38,6 +39,7 @@ export function RevizyonKutusu({ kalanHak }: { kalanHak: number }) {
requestId: crypto.randomUUID(),
});
if (sonuc.ok) {
olay("liste_revize", { sayfa: "listem" });
toast.success("Listen yeniden kuruldu.");
setFeedback("");
router.refresh();

View File

@@ -22,6 +22,7 @@ import { PromptSuggestion } from "@/components/ui/prompt-suggestion";
import { ScrollButton } from "@/components/ui/scroll-button";
import { DotsLoader } from "@/components/ui/loader";
import { Skeleton } from "@/components/ui/skeleton";
import { olay } from "@/lib/analitik";
export interface Mesaj {
id: string;
@@ -119,6 +120,10 @@ export function SohbetClient({
}
setKredi((k) => k - 1);
// Bu bileşen /sonuc'taki popup'tan da kullanılıyor (sohbet-popup.tsx)
olay("danisman_sorusu", {
sayfa: location.pathname.startsWith("/listem") ? "listem" : "sonuc",
});
const reader = res.body!.getReader();
const decoder = new TextDecoder();
let birikmis = "";

View File

@@ -4,6 +4,7 @@ import { useActionState, useEffect } from "react";
import { ArrowRight } from "lucide-react";
import { toast } from "sonner";
import { Button } from "@/components/ui/button";
import { olay } from "@/lib/analitik";
import { baslatOdeme, type OdemeBaslatDurum } from "./actions";
export function SatinAlForm({
@@ -25,7 +26,10 @@ export function SatinAlForm({
}, [state]);
return (
<form action={formAction}>
<form
action={formAction}
onSubmit={() => olay("odeme_baslatildi", { urun })}
>
<input type="hidden" name="urun" value={urun} />
<Button
type="submit"

View File

@@ -20,6 +20,7 @@ import {
tercihProfiliYaz,
type SihirbazSecimleri,
} from "@/lib/sihirbaz";
import { olay, siraKovasi } from "@/lib/analitik";
import { SihirbazModal } from "./sihirbaz-modal";
import { ListePaneli, type MevcutRapor, type PanelDurum } from "./liste-paneli";
import { listeOlustur, listeRevize } from "./actions";
@@ -215,6 +216,7 @@ export function SihirbazBolumu({
});
if (sonuc.ok) {
requestIdRef.current = null;
olay("liste_olusturuldu", { tur, sira_kovasi: siraKovasi(sira) });
setRapor({
rapor: sonuc.rapor,
params: sonuc.params,
@@ -392,6 +394,7 @@ export function SihirbazBolumu({
requestId: crypto.randomUUID(),
});
if (sonuc.ok) {
olay("liste_revize", { sayfa: "sonuc" });
setRapor({
rapor: sonuc.rapor,
params: sonuc.params,