‏c15t؛ بنر رضایت کوکی که توسعه‌دهنده کنترلش رو دست داره

c15t یه ابزار متن‌باز برای مدیریت رضایت کاربر و بارگذاری اسکریپت‌هاست که خودش رو یه استاندارد وب برای این کار معرفی می‌کنه. ایده‌ی اصلی اینه که بنرهای رضایت کوکی و مدیریت consent رو با کنترل کامل توسعه‌دهنده انجام بده، نه اینکه یه ابزار جعبه‌سیاه باشه. کل کارش رو تو فرانت‌اند یا لایه‌ی edge انجام می‌ده و درخواست‌ها رو بلاک می‌کنه و وضعیت رضایت رو با کمترین سربار مدیریت می‌کنه.

راه‌اندازیش ساده‌ست؛ تیم سازنده می‌گه با یه دستور CLI می‌تونی کل ساختار رو برای فریم‌ورک دلخواهت بسازی. تو نسخه‌ی React/Next.js کامپوننت‌هایی مثل ConsentManagerProvider، ConsentBanner و ConsentDialog رو می‌ذاری و اسکریپت‌های ردیابی مثل Meta Pixel رو به provider معرفی می‌کنی تا فقط بعد از رضایت کاربر اجرا بشن:

<ConsentManagerProvider
  options={{
    mode: "hosted",
    backendURL: process.env.NEXT_PUBLIC_C15T_URL,
    scripts: [metaPixel({ pixelId: "..." })],
  }}
>
  {children}
  <ConsentBanner />
  <ConsentDialog />
</ConsentManagerProvider>

یکی از نکاتی که خیلی روش تأکید می‌شه سرعت و performance هست. به ادعای سازنده‌ها بنر c15t خیلی سبک و کامل tree-shakable هست و خیلی سریع‌تر از رقباش لود می‌شه؛ مثلاً عددی حدود ۸۹ میلی‌ثانیه براش گفته شده در مقابل ابزارهای دیگه‌ای مثل Usercentrics و OneTrust و Ketch که چند صد میلی‌ثانیه زمان می‌برن. حجم بسته‌ش کم نگه داشته شده تا روی Lighthouse تأثیر منفی نذاره.

از نظر امکانات، استایلش کاملاً با CSS خودت قابل سفارشی‌سازیه و با design tokenها و theme دلخواهت کار می‌کنه. پشتیبانی از چندزبانگی (i18n) داخلی داره تا بنر به زبان کاربر نمایش داده بشه، و قابلیت Geo Location داره که بر اساس موقعیت کاربر بنر مناسب و کانفیگ حقوقی درست رو نشون بده یا حتی اصلاً نشونش نده. بیش از ۱۵ حوزه‌ی قانونی حریم خصوصی مثل GDPR، CCPA/CPRA، LGPD، PIPEDA و PIPL رو پوشش می‌ده.

هسته‌ی c15t به صورت headless طراحی شده و با هر فریم‌ورکی کار می‌کنه: React، Vue، Svelte، Angular، Next.js، Nuxt، SvelteKit، Astro، Solid، Qwik و بقیه. تو آخرین نسخه (v2.1) هم ۱۷ اینتگریشن جدید برای اسکریپت‌ها اضافه شده. برای شروع کافیه فریم‌ورکت رو انتخاب کنی و از طریق quickstart یا همون CLI پروژه رو راه بندازی.

نکات کلیدی:

• ابزار متن‌باز مدیریت رضایت کاربر و بارگذاری اسکریپت‌ها با کنترل کامل توسعه‌دهنده
• کاملاً تو فرانت‌اند یا edge اجرا می‌شه و درخواست‌ها رو تا قبل از رضایت بلاک می‌کنه
• سبک، tree-shakable و به ادعای سازنده سریع‌تر از رقبایی مثل OneTrust و Usercentrics
• استایل سفارشی با CSS، پشتیبانی i18n و Geo Location و بیش از ۱۵ حوزه‌ی قانونی
• هسته‌ی headless سازگار با React, Vue, Svelte, Angular, Next.js و بقیه