{"id":39236,"date":"2026-02-17T09:40:42","date_gmt":"2026-02-17T06:40:42","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/?p=39236"},"modified":"2026-02-17T09:40:42","modified_gmt":"2026-02-17T06:40:42","slug":"vue-js-uygulamalarinda-ab-cerez-yasasina-uyum-vue-cookie-law-kullanimi","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/vue-js-uygulamalarinda-ab-cerez-yasasina-uyum-vue-cookie-law-kullanimi\/","title":{"rendered":"Vue.js Uygulamalar\u0131nda AB \u00c7erez Yasas\u0131na Uyum: vue-cookie-law Kullan\u0131m\u0131"},"content":{"rendered":"

<\/p>\n

Vue.js Uygulamalar\u0131nda AB \u00c7erez Yasas\u0131na Uyum: vue-cookie-law Kullan\u0131m\u0131<\/h2>\n

Web uygulamalar\u0131 geli\u015ftirirken, kullan\u0131c\u0131 gizlili\u011fi ve veri koruma mevzuatlar\u0131na uyum, g\u00fcn\u00fcm\u00fcz\u00fcn en kritik konular\u0131ndan biridir. \u00d6zellikle Avrupa Birli\u011fi (AB) genelinde uygulanan \u00c7erez Yasas\u0131 ve Genel Veri Koruma T\u00fcz\u00fc\u011f\u00fc (GDPR), web sitelerinin kullan\u0131c\u0131 verilerini nas\u0131l toplad\u0131\u011f\u0131, i\u015fledi\u011fi ve depolad\u0131\u011f\u0131 konusunda kat\u0131 kurallar getirmektedir. Bu kurallara uyum sa\u011flamak, sadece yasal bir zorunluluk de\u011fil, ayn\u0131 zamanda kullan\u0131c\u0131 g\u00fcvenini kazanmak ve s\u00fcrd\u00fcrmek a\u00e7\u0131s\u0131ndan da hayati \u00f6neme sahiptir. Vue.js ekosisteminde geli\u015ftiriciler i\u00e7in bu uyumlulu\u011fu kolayla\u015ft\u0131ran bir\u00e7ok ara\u00e7 bulunmaktad\u0131r. Bu ara\u00e7lardan biri de, \u00e7erez r\u0131zas\u0131 y\u00f6netimini basit ve etkili bir \u015fekilde sa\u011flayan vue-cookie-law<\/code> k\u00fct\u00fcphanesidir. Bu makalede, vue-cookie-law<\/code>‘\u0131n ne oldu\u011funu, neden \u00f6nemli oldu\u011funu, nas\u0131l kurulup kullan\u0131laca\u011f\u0131n\u0131, \u00f6zelle\u015ftirme se\u00e7eneklerini ve geli\u015fmi\u015f senaryolarda nas\u0131l entegre edilebilece\u011fini detayl\u0131 bir \u015fekilde inceleyece\u011fiz.<\/p>\n

AB \u00c7erez Yasas\u0131 ve GDPR Temelleri<\/h3>\n

AB \u00c7erez Yasas\u0131, asl\u0131nda eGizlilik Direktifi (ePrivacy Directive) olarak bilinen ve internet \u00fczerindeki gizlili\u011fi d\u00fczenleyen bir mevzuatt\u0131r. Bu direktif, web sitelerinin kullan\u0131c\u0131lar\u0131n cihazlar\u0131na \u00e7erez yerle\u015ftirmeden veya bu cihazlardan bilgi okumadan \u00f6nce a\u00e7\u0131k r\u0131zalar\u0131n\u0131 almas\u0131n\u0131 zorunlu k\u0131lar. GDPR ise, ki\u015fisel verilerin i\u015flenmesini kapsayan daha geni\u015f bir \u00e7er\u00e7eve sunar ve \u00e7erezleri de ki\u015fisel veri olarak kabul ederek, \u00e7erezler arac\u0131l\u0131\u011f\u0131yla toplanan verilerin i\u015flenmesi i\u00e7in belirli \u015fartlar getirir.<\/p>\n

\u00c7erez Nedir?<\/h4>\n

\u00c7erezler (cookies), web sitelerinin taray\u0131c\u0131n\u0131z arac\u0131l\u0131\u011f\u0131yla cihaz\u0131n\u0131za kaydetti\u011fi k\u00fc\u00e7\u00fck metin dosyalar\u0131d\u0131r. Bu dosyalar, oturum bilgilerini saklamak, kullan\u0131c\u0131 tercihlerini hat\u0131rlamak, al\u0131\u015fveri\u015f sepeti i\u00e7eri\u011fini korumak veya kullan\u0131c\u0131 davran\u0131\u015flar\u0131n\u0131 izlemek gibi \u00e7e\u015fitli ama\u00e7larla kullan\u0131l\u0131r. \u00c7erezler genellikle \u015fu kategorilere ayr\u0131l\u0131r:<\/p>\n

* Zorunlu \u00c7erezler (Strictly Necessary Cookies):<\/strong> Web sitesinin temel i\u015flevleri i\u00e7in gereklidir (\u00f6rn. oturum y\u00f6netimi, g\u00fcvenlik). Genellikle r\u0131za gerektirmezler.
\n* Performans \u00c7erezleri (Performance Cookies):<\/strong> Web sitesinin nas\u0131l kullan\u0131ld\u0131\u011f\u0131 hakk\u0131nda bilgi toplar (\u00f6rn. hangi sayfalar\u0131n ziyaret edildi\u011fi). Site performans\u0131n\u0131 art\u0131rmak i\u00e7in kullan\u0131l\u0131r.
\n* \u0130\u015flevsel \u00c7erezler (Functional Cookies):<\/strong> Kullan\u0131c\u0131 tercihlerini hat\u0131rlar (\u00f6rn. dil se\u00e7imi, tema). Daha ki\u015fiselle\u015ftirilmi\u015f bir deneyim sunar.
\n* Hedefleme\/Reklam \u00c7erezleri (Targeting\/Advertising Cookies):<\/strong> Kullan\u0131c\u0131n\u0131n ilgi alanlar\u0131na g\u00f6re reklam g\u00f6stermek amac\u0131yla kullan\u0131l\u0131r. Genellikle \u00fc\u00e7\u00fcnc\u00fc taraf \u00e7erezlerdir.<\/p>\n

GDPR ve eGizlilik Direktifi, zorunlu \u00e7erezler d\u0131\u015f\u0131ndaki t\u00fcm \u00e7erezler i\u00e7in kullan\u0131c\u0131dan a\u00e7\u0131k ve bilgilendirilmi\u015f r\u0131za al\u0131nmas\u0131n\u0131 \u015fart ko\u015far.<\/p>\n

AB \u00c7erez Yasas\u0131 ve GDPR: Temel \u0130lkeler<\/h4>\n

GDPR, ki\u015fisel verilerin i\u015flenmesi i\u00e7in alt\u0131 temel ilke belirler: hukuka uygunluk, d\u00fcr\u00fcstl\u00fck ve \u015feffafl\u0131k; belirli, a\u00e7\u0131k ve me\u015fru ama\u00e7larla s\u0131n\u0131rl\u0131 olma; veri minimizasyonu; do\u011fruluk; depolama s\u0131n\u0131rlamas\u0131; b\u00fct\u00fcnl\u00fck ve gizlilik. \u00c7erezler a\u00e7\u0131s\u0131ndan bu ilkeler \u015funlar\u0131 ifade eder:<\/p>\n

* R\u0131zan\u0131n Al\u0131nmas\u0131:<\/strong> Kullan\u0131c\u0131, \u00e7erezlerin hangi ama\u00e7larla kullan\u0131laca\u011f\u0131 hakk\u0131nda bilgilendirilmeli ve \u00e7erezlerin yerle\u015ftirilmesi veya okunmas\u0131 i\u00e7in a\u00e7\u0131k r\u0131za vermelidir. R\u0131za, aktif bir eylemle (\u00f6rne\u011fin, bir d\u00fc\u011fmeye t\u0131klama) ifade edilmelidir, varsay\u0131lan olarak kabul edilemez.
\n* \u015eeffafl\u0131k:<\/strong> Web sitesi, hangi \u00e7erezleri kulland\u0131\u011f\u0131n\u0131, bu \u00e7erezlerin ama\u00e7lar\u0131n\u0131, \u00f6mr\u00fcn\u00fc ve \u00fc\u00e7\u00fcnc\u00fc taraflarla payla\u015f\u0131l\u0131p payla\u015f\u0131lmad\u0131\u011f\u0131n\u0131 a\u00e7\u0131k\u00e7a belirtmelidir (genellikle bir gizlilik politikas\u0131 veya \u00e7erez politikas\u0131 arac\u0131l\u0131\u011f\u0131yla).
\n* Geri \u00c7ekme Hakk\u0131:<\/strong> Kullan\u0131c\u0131lar, verdikleri r\u0131zay\u0131 istedikleri zaman kolayca geri \u00e7ekebilmelidir.
\n* Veri Minimizasyonu:<\/strong> Sadece gerekli olan \u00e7erezler kullan\u0131lmal\u0131 ve toplanan veri miktar\u0131 amaca uygun olmal\u0131d\u0131r.<\/p>\n

Uyumun \u00d6nemi ve Yasal Sonu\u00e7lar\u0131<\/h4>\n

AB \u00c7erez Yasas\u0131 ve GDPR’a uyum sa\u011flamamak, ciddi yasal ve finansal sonu\u00e7lar do\u011furabilir. GDPR ihlalleri i\u00e7in 20 milyon Euro’ya veya \u015firketin y\u0131ll\u0131k k\u00fcresel cirosunun %4’\u00fcne kadar (hangisi daha y\u00fcksekse) para cezalar\u0131 uygulanabilir. Ayr\u0131ca, uyumsuzluk, \u015firketin itibar\u0131na zarar verebilir, m\u00fc\u015fteri g\u00fcvenini sarsabilir ve uzun vadede i\u015f ili\u015fkilerini olumsuz etkileyebilir. Bu nedenle, web uygulamalar\u0131n\u0131n bu yasalara uyumlu bir \u015fekilde \u00e7al\u0131\u015fmas\u0131 kritik \u00f6neme sahiptir.<\/p>\n

vue-cookie-law Neden Tercih Edilmeli?<\/h3>\n

vue-cookie-law<\/code>, Vue.js tabanl\u0131 uygulamalar i\u00e7in \u00f6zel olarak geli\u015ftirilmi\u015f, hafif ve kullan\u0131m\u0131 kolay bir \u00e7erez r\u0131zas\u0131 y\u00f6netim bile\u015fenidir. Geli\u015ftiricilere, AB \u00c7erez Yasas\u0131’na uyumlu bir \u00e7erez bildirimi banner’\u0131 veya modal\u0131 olu\u015fturma imkan\u0131 sunar. Tercih edilmesinin ba\u015fl\u0131ca nedenleri \u015funlard\u0131r:<\/p>\n

* Vue.js Entegrasyon Kolayl\u0131\u011f\u0131:<\/strong> Vue.js bile\u015fen mimarisine m\u00fckemmel uyum sa\u011flar. Kurulumu ve kullan\u0131m\u0131 olduk\u00e7a basittir.
\n* \u00d6zelle\u015ftirilebilirlik:<\/strong> G\u00f6rsel olarak uygulaman\u0131z\u0131n tasar\u0131m\u0131na uygun hale getirmek i\u00e7in kapsaml\u0131 \u00f6zelle\u015ftirme se\u00e7enekleri sunar. Metinleri, d\u00fc\u011fmeleri, renkleri ve konumunu kolayca de\u011fi\u015ftirebilirsiniz.
\n* \u00c7oklu Dil Deste\u011fi:<\/strong> Farkl\u0131 dillerde \u00e7erez bildirimleri sunma yetene\u011fi sayesinde uluslararas\u0131 kullan\u0131c\u0131 kitlesine hitap edebilirsiniz.
\n* Basit Kullan\u0131m:<\/strong> Sadece birka\u00e7 sat\u0131r kod ile uygulaman\u0131za entegre edilebilir. Karma\u015f\u0131k yap\u0131land\u0131rmalara gerek duymaz.
\n* A\u00e7\u0131k Kaynak ve Topluluk Deste\u011fi:<\/strong> A\u00e7\u0131k kaynak bir proje olmas\u0131 sayesinde s\u00fcrekli geli\u015ftirilir ve topluluktan destek alabilir.<\/p>\n

vue-cookie-law Kurulumu ve Temel Kullan\u0131m<\/h3>\n

vue-cookie-law<\/code>‘\u0131 Vue.js projenize entegre etmek olduk\u00e7a basittir. Ad\u0131m ad\u0131m kurulum ve temel kullan\u0131m s\u00fcre\u00e7lerini inceleyelim.<\/p>\n

Paketin Kurulumu<\/h4>\n

\u00d6ncelikle, projenizin k\u00f6k dizininde terminali a\u00e7arak paketi y\u00fcklemeniz gerekmektedir. npm<\/code> veya yarn<\/code> kullanabilirsiniz:<\/p>\n

# npm ile\nnpm install vue-cookie-law\n\n
veya yarn ile<\/h2>\nyarn add vue-cookie-law<\/code><\/pre>\n
Uygulamaya Entegre Etme<\/h4>\n
Paketi y\u00fckledikten sonra, vue-cookie-law<\/code> bile\u015fenini Vue uygulaman\u0131za entegre etmeniz gerekir. Bunu iki ana yolla yapabilirsiniz: global olarak veya tekil bir bile\u015fen i\u00e7inde.<\/p>\n
Global Entegrasyon (main.js\/main.ts):<\/strong>
\nUygulaman\u0131z\u0131n genelinde \u00e7erez bildirimini g\u00f6stermek istiyorsan\u0131z, main.js<\/code> veya main.ts<\/code> dosyan\u0131zda global olarak kaydedebilirsiniz. Bu, bile\u015feni her yerde <\/code> etiketiyle kullanman\u0131z\u0131 sa\u011flar.<\/p>\n
\/\/ main.js\nimport { createApp } from 'vue';\nimport App from '.\/App.vue';\nimport CookieLaw from 'vue-cookie-law';\n\nconst app = createApp(App);\n\n\/\/ CookieLaw bile\u015fenini global olarak kaydet\napp.component('CookieLaw', CookieLaw);\n\napp.mount('#app');<\/code><\/pre>\n
Tekil Bile\u015fen \u0130\u00e7inde Entegrasyon:<\/strong>
\n\u00c7erez bildirimini sadece belirli bir bile\u015fende (\u00f6rne\u011fin, ana layout bile\u015feninizde) kullanmak istiyorsan\u0131z, o bile\u015fenin