🎨 Fix CSS: Import global.css + plain CSS styles
CSS was not being imported! Fixed: ✅ Added 'import ../styles/global.css' to BaseLayout.astro ✅ Rewrote CSS with plain CSS (not @apply which wasn't working) ✅ Cookie banner has inline styles as backup ✅ Font size: 16px base ✅ Solid colors: green-600 (#16a34a), gray-900 (#111827) ✅ Footer has policy links Build: 12 pages ✅
This commit is contained in:
Kunthawat Greethong
40
dist/privacy-policy/index.html
vendored
40
dist/privacy-policy/index.html
vendored
@@ -1,5 +1,4 @@
|
||||
<!DOCTYPE html><html lang="th"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v5.18.0"><meta name="description" content="นโยบายความเป็นส่วนตัวตามกฎหมายคุ้มครองข้อมูลส่วนบุคคล (PDPA) ของบริษัท ดีล พลัส เทค จำกัด"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="alternate icon" href="/favicon.ico" sizes="any"><link rel="apple-touch-icon" href="/favicon.svg"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap" rel="stylesheet"><meta property="og:title" content="นโยบายความเป็นส่วนตัว"><meta property="og:description" content="นโยบายความเป็นส่วนตัวตามกฎหมายคุ้มครองข้อมูลส่วนบุคคล (PDPA) ของบริษัท ดีล พลัส เทค จำกัด"><meta property="og:image" content="/og-image.jpg"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><title>นโยบายความเป็นส่วนตัว | ดีล พลัส เทค</title><style>html{font-family:Kanit,system-ui,sans-serif;font-size:16px}@media(min-width:1280px){html{font-size:18px}}@media(min-width:1536px){html{font-size:18px}}@media(min-width:1920px){html{font-size:18px}}
|
||||
</style></head> <body class="flex flex-col min-h-screen text-gray-900"> <main class="min-h-screen bg-secondary-50"> <div class="container mx-auto px-4 py-12"> <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-lg p-8 md:p-12"> <h1 class="text-4xl font-bold text-secondary-900 mb-4">นโยบายความเป็นส่วนตัว</h1> <p class="text-secondary-600 mb-8">Privacy Policy - ปรับปรุงล่าสุด: 9 มีนาคม 2026</p> <nav class="mb-8 p-4 bg-secondary-50 rounded-lg"> <h2 class="text-lg font-semibold mb-3">สารบัญ</h2> <ul class="space-y-1 text-primary-600"> <li><a href="#section1" class="hover:underline">1. ข้อมูลผู้ควบคุมข้อมูลส่วนบุคคล</a></li> <li><a href="#section2" class="hover:underline">2. ประเภทข้อมูลที่เก็บรวบรวม</a></li> <li><a href="#section3" class="hover:underline">3. วัตถุประสงค์การเก็บรวบรวม</a></li> <li><a href="#section4" class="hover:underline">4. ฐานทางกฎหมายสำหรับการประมวลผล</a></li> <li><a href="#section5" class="hover:underline">5. ระยะเวลาเก็บรักษาข้อมูล</a></li> <li><a href="#section6" class="hover:underline">6. การเปิดเผยข้อมูล</a></li> <li><a href="#section9" class="hover:underline">7. คุกกี้และเทคโนโลยีการติดตาม</a></li> <li><a href="#section10" class="hover:underline">8. สิทธิของเจ้าของข้อมูล</a></li> <li><a href="#section11" class="hover:underline">9. มาตรการรักษาความปลอดภัย</a></li> <li><a href="#section13" class="hover:underline">10. สิทธิร้องเรียน</a></li> </ul> </nav> <div class="prose prose-lg max-w-none"> <section id="section1" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">1. ข้อมูลผู้ควบคุมข้อมูลส่วนบุคคล</h2> <p class="text-secondary-700 mb-4"> <strong>บริษัท ดีล พลัส เทค จำกัด</strong> เป็นผู้ควบคุมข้อมูลส่วนบุคคล (Data Controller)
|
||||
<!DOCTYPE html><html lang="th"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="generator" content="Astro v5.18.0"><meta name="description" content="นโยบายความเป็นส่วนตัวตามกฎหมายคุ้มครองข้อมูลส่วนบุคคล (PDPA) ของบริษัท ดีล พลัส เทค จำกัด"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="alternate icon" href="/favicon.ico" sizes="any"><link rel="apple-touch-icon" href="/favicon.svg"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap" rel="stylesheet"><meta property="og:title" content="นโยบายความเป็นส่วนตัว"><meta property="og:description" content="นโยบายความเป็นส่วนตัวตามกฎหมายคุ้มครองข้อมูลส่วนบุคคล (PDPA) ของบริษัท ดีล พลัส เทค จำกัด"><meta property="og:image" content="/og-image.jpg"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><title>นโยบายความเป็นส่วนตัว | ดีล พลัส เทค</title><link rel="stylesheet" href="/_astro/index.42EnVoza.css"></head> <body class="flex flex-col min-h-screen" style="font-size: 16px;"> <main class="min-h-screen bg-secondary-50"> <div class="container mx-auto px-4 py-12"> <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-lg p-8 md:p-12"> <h1 class="text-4xl font-bold text-secondary-900 mb-4">นโยบายความเป็นส่วนตัว</h1> <p class="text-secondary-600 mb-8">Privacy Policy - ปรับปรุงล่าสุด: 9 มีนาคม 2026</p> <nav class="mb-8 p-4 bg-secondary-50 rounded-lg"> <h2 class="text-lg font-semibold mb-3">สารบัญ</h2> <ul class="space-y-1 text-primary-600"> <li><a href="#section1" class="hover:underline">1. ข้อมูลผู้ควบคุมข้อมูลส่วนบุคคล</a></li> <li><a href="#section2" class="hover:underline">2. ประเภทข้อมูลที่เก็บรวบรวม</a></li> <li><a href="#section3" class="hover:underline">3. วัตถุประสงค์การเก็บรวบรวม</a></li> <li><a href="#section4" class="hover:underline">4. ฐานทางกฎหมายสำหรับการประมวลผล</a></li> <li><a href="#section5" class="hover:underline">5. ระยะเวลาเก็บรักษาข้อมูล</a></li> <li><a href="#section6" class="hover:underline">6. การเปิดเผยข้อมูล</a></li> <li><a href="#section7" class="hover:underline">7. การโอนข้อมูลข้ามประเทศ</a></li> <li><a href="#section8" class="hover:underline">8. การตัดสินใจโดยอัตโนมัติ</a></li> <li><a href="#section9" class="hover:underline">9. คุกกี้และเทคโนโลยีการติดตาม</a></li> <li><a href="#section10" class="hover:underline">10. สิทธิของเจ้าของข้อมูล</a></li> <li><a href="#section11" class="hover:underline">11. มาตรการรักษาความปลอดภัย</a></li> <li><a href="#section12" class="hover:underline">12. ติดต่อเจ้าหน้าที่คุ้มครองข้อมูลส่วนบุคคล (DPO)</a></li> <li><a href="#section13" class="hover:underline">13. สิทธิร้องเรียน</a></li> <li><a href="#section14" class="hover:underline">14. การแก้ไขนโยบาย</a></li> </ul> </nav> <div class="prose prose-lg max-w-none"> <section id="section1" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">1. ข้อมูลผู้ควบคุมข้อมูลส่วนบุคคล</h2> <p class="text-secondary-700 mb-4"> <strong>บริษัท ดีล พลัส เทค จำกัด</strong> เป็นผู้ควบคุมข้อมูลส่วนบุคคล (Data Controller)
|
||||
ซึ่งมีหน้าที่ในการตัดสินใจเกี่ยวกับการเก็บรวบรวม ใช้ หรือเปิดเผยข้อมูลส่วนบุคคล
|
||||
</p> <div class="bg-secondary-50 p-4 rounded-lg"> <p class="text-secondary-700"><strong>ที่อยู่:</strong> 9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กทม. 10160</p> <p class="text-secondary-700"><strong>เบอร์โทรศัพท์:</strong> 090-555-1415</p> <p class="text-secondary-700"><strong>อีเมล:</strong> info@dealplustech.co.th</p> </div> </section> <section id="section2" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">2. ประเภทข้อมูลที่เก็บรวบรวม</h2> <p class="text-secondary-700 mb-4">เราเก็บรวบรวมข้อมูลส่วนบุคคลดังนี้:</p> <ul class="list-disc pl-6 space-y-2 text-secondary-700"> <li><strong>ข้อมูลส่วนบุคคลทั่วไป:</strong> ชื่อ, นามสกุล, ที่อยู่อีเมล, เบอร์โทรศัพท์</li> <li><strong>ข้อมูลการใช้งาน:</strong> IP Address, Browser Type, Device Information, Cookie Data</li> <li><strong>ข้อมูลการติดต่อ:</strong> ข้อความหรือคำถามที่ท่านส่งถึงเรา</li> </ul> </section> <section id="section3" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">3. วัตถุประสงค์การเก็บรวบรวม</h2> <p class="text-secondary-700 mb-4">เราเก็บรวบรวมข้อมูลเพื่อวัตถุประสงค์ดังนี้:</p> <ul class="list-disc pl-6 space-y-2 text-secondary-700"> <li>เพื่อให้บริการและตอบคำถามหรือคำขอของท่าน</li> <li>เพื่อปรับปรุงประสบการณ์การใช้งานเว็บไซต์</li> <li>เพื่อส่งข้อมูลข่าวสารและการตลาด (เมื่อได้รับความยินยอม)</li> <li>เพื่อวิเคราะห์และปรับปรุงบริการของเรา</li> <li>เพื่อปฏิบัติตามกฎหมายและข้อบังคับที่เกี่ยวข้อง</li> </ul> </section> <section id="section4" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">4. ฐานทางกฎหมายสำหรับการประมวลผล</h2> <p class="text-secondary-700 mb-4">เราประมวลผลข้อมูลส่วนบุคคลภายใต้ฐานทางกฎหมายดังนี้:</p> <ul class="list-disc pl-6 space-y-2 text-secondary-700"> <li><strong>ความยินยอม (Consent):</strong> สำหรับการส่งข้อมูลการตลาดและการใช้คุกกี้บางประเภท</li> <li><strong>การปฏิบัติตามสัญญา (Contract):</strong> เพื่อให้บริการที่ท่านร้องขอ</li> <li><strong>ผลประโยชน์โดยชอบด้วยกฎหมาย (Legitimate Interest):</strong> เพื่อปรับปรุงบริการและวิเคราะห์การใช้งาน</li> <li><strong>การปฏิบัติตามกฎหมาย (Legal Obligation):</strong> เมื่อจำเป็นต้องปฏิบัติตามกฎหมาย</li> </ul> </section> <section id="section5" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">5. ระยะเวลาเก็บรักษาข้อมูล</h2> <p class="text-secondary-700 mb-4">
|
||||
เราเก็บรักษาข้อมูลส่วนบุคคลเป็นเวลา <strong>10 ปี</strong> ตามข้อกำหนดของกฎหมาย PDPA
|
||||
@@ -7,26 +6,41 @@
|
||||
หลังจากสิ้นสุดระยะเวลาเก็บรักษา เราจะทำลายหรือทำให้ข้อมูลไม่สามารถระบุตัวตนได้
|
||||
</p> </section> <section id="section6" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">6. การเปิดเผยข้อมูล</h2> <p class="text-secondary-700 mb-4">
|
||||
เราจะไม่เปิดเผยข้อมูลส่วนบุคคลของท่านให้กับบุคคลภายนอก เว้นแต่:
|
||||
</p> <ul class="list-disc pl-6 space-y-2 text-secondary-700"> <li>ท่านให้ความยินยอมอย่างชัดเจน</li> <li>จำเป็นต้องปฏิบัติตามกฎหมายหรือคำสั่งศาล</li> <li>จำเป็นสำหรับการให้บริการที่ท่านร้องขอ (เช่น ผู้ให้บริการจัดส่ง)</li> <li>เพื่อปกป้องสิทธิและความปลอดภัยของเราและผู้อื่น</li> </ul> </section> <section id="section9" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">7. คุกกี้และเทคโนโลยีการติดตาม</h2> <p class="text-secondary-700 mb-4">
|
||||
</p> <ul class="list-disc pl-6 space-y-2 text-secondary-700"> <li>ท่านให้ความยินยอมอย่างชัดเจน</li> <li>จำเป็นต้องปฏิบัติตามกฎหมายหรือคำสั่งศาล</li> <li>จำเป็นสำหรับการให้บริการที่ท่านร้องขอ (เช่น ผู้ให้บริการจัดส่ง)</li> <li>เพื่อปกป้องสิทธิและความปลอดภัยของเราและผู้อื่น</li> </ul> </section> <section id="section7" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">7. การโอนข้อมูลข้ามประเทศ</h2> <p class="text-secondary-700 mb-4">
|
||||
ข้อมูลส่วนบุคคลของท่านจะถูกเก็บรักษาภายในประเทศไทยเป็นหลัก
|
||||
ในกรณีที่มีการโอนข้อมูลไปยังต่างประเทศ เราจะดำเนินการตามมาตรฐานที่กฎหมายกำหนด
|
||||
และจะแจ้งให้ท่านทราบหากมีการเปลี่ยนแปลง
|
||||
</p> <div class="bg-secondary-50 p-4 rounded-lg"> <p class="text-secondary-700"> <strong>หมายเหตุ:</strong> ปัจจุบันเราไม่มีการโอนข้อมูลส่วนบุคคลไปยังต่างประเทศ
|
||||
</p> </div> </section> <section id="section8" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">8. การตัดสินใจโดยอัตโนมัติ</h2> <p class="text-secondary-700 mb-4">
|
||||
เราไม่มีการใช้การตัดสินใจโดยอัตโนมัติที่มีผลกระทบต่อท่านอย่างมีนัยสำคัญ
|
||||
รวมถึงการสร้างโปรไฟล์ (Profiling) โดยไม่มีการตรวจสอบโดยมนุษย์
|
||||
</p> <div class="bg-secondary-50 p-4 rounded-lg"> <p class="text-secondary-700"> <strong>หมายเหตุ:</strong> หากมีการเปลี่ยนแปลงในอนาคต เราจะแจ้งให้ท่านทราบ
|
||||
</p> </div> </section> <section id="section9" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">7. คุกกี้และเทคโนโลยีการติดตาม</h2> <p class="text-secondary-700 mb-4">
|
||||
เราใช้คุกกี้และเทคโนโลยีการติดตามเพื่อปรับปรุงประสบการณ์การใช้งานเว็บไซต์ ท่านสามารถจัดการการตั้งค่าคุกกี้ได้ที่
|
||||
<a href="/cookie-policy/" class="text-primary-600 hover:underline">นโยบายคุกกี้</a> </p> </section> <section id="section10" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">8. สิทธิของเจ้าของข้อมูล</h2> <p class="text-secondary-700 mb-4">
|
||||
ภายใต้กฎหมาย PDPA ท่านมีสิทธิดังต่อไปนี้:
|
||||
</p> <ul class="list-disc pl-6 space-y-2 text-secondary-700"> <li><strong>สิทธิขอเข้าถึง:</strong> ขอรับสำเนาข้อมูลส่วนบุคคลที่ท่านให้ไว้</li> <li><strong>สิทธิขอแก้ไข:</strong> ขอให้แก้ไขข้อมูลที่ไม่ถูกต้อง</li> <li><strong>สิทธิขอ ลบ:</strong> ขอให้ ลบข้อมูลส่วนบุคคล (Right to Erasure)</li> <li><strong>สิทธิขอระงับ:</strong> ขอให้ระงับการประมวลผลข้อมูล</li> <li><strong>สิทธิขอพกพา:</strong> ขอรับข้อมูลในรูปแบบที่อ่านได้ทั่วไป</li> <li><strong>สิทธิคัดค้าน:</strong> คัดค้านการประมวลผลข้อมูล</li> <li><strong>สิทธิเพิกถอนความยินยอม:</strong> เพิกถอนความยินยอมที่ได้ให้ไว้ก่อนหน้า</li> <li><strong>สิทธิร้องเรียน:</strong> ร้องเรียนต่อคณะกรรมการคุ้มครองข้อมูลส่วนบุคคล</li> </ul> <p class="text-secondary-700 mt-4">
|
||||
หากท่านต้องการใช้สิทธิเหล่านี้ กรุณาติดต่อเราที่ info@dealplustech.co.th
|
||||
</p> </section> <section id="section11" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">9. มาตรการรักษาความปลอดภัย</h2> <p class="text-secondary-700 mb-4">
|
||||
</p> </section> <section id="section11" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">11. มาตรการรักษาความปลอดภัย</h2> <p class="text-secondary-700 mb-4">
|
||||
เราใช้มาตรการรักษาความปลอดภัยที่เหมาะสมเพื่อปกป้องข้อมูลส่วนบุคคลของท่านจากการเข้าถึง
|
||||
การใช้ การแก้ไข หรือการเปิดเผยโดยไม่ได้รับอนุญาต มาตรการเหล่านี้รวมถึง:
|
||||
</p> <ul class="list-disc pl-6 space-y-2 text-secondary-700"> <li>การเข้ารหัสข้อมูล (Encryption)</li> <li>การควบคุมการเข้าถึง (Access Control)</li> <li>การสำรองข้อมูลเป็นประจำ</li> <li>การฝึกอบรมพนักงานเรื่องการคุ้มครองข้อมูล</li> </ul> </section> <section id="section13" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">10. สิทธิร้องเรียน</h2> <p class="text-secondary-700 mb-4">
|
||||
</p> <ul class="list-disc pl-6 space-y-2 text-secondary-700"> <li>การเข้ารหัสข้อมูล (Encryption)</li> <li>การควบคุมการเข้าถึง (Access Control)</li> <li>การสำรองข้อมูลเป็นประจำ</li> <li>การฝึกอบรมพนักงานเรื่องการคุ้มครองข้อมูล</li> </ul> </section> <section id="section12" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">12. ติดต่อเจ้าหน้าที่คุ้มครองข้อมูลส่วนบุคคล (DPO)</h2> <p class="text-secondary-700 mb-4">
|
||||
หากท่านมีคำถามเกี่ยวกับการคุ้มครองข้อมูลส่วนบุคคล สามารถติดต่อได้ที่:
|
||||
</p> <div class="bg-secondary-50 p-4 rounded-lg"> <p class="text-secondary-700"><strong>อีเมล:</strong> info@dealplustech.co.th</p> <p class="text-secondary-700"><strong>โทรศัพท์:</strong> 090-555-1415</p> </div> </section> <section id="section13" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">13. สิทธิร้องเรียน</h2> <p class="text-secondary-700 mb-4">
|
||||
หากท่านเชื่อว่ามีการละเมิดกฎหมาย PDPA ท่านมีสิทธิร้องเรียนต่อ:
|
||||
</p> <div class="bg-secondary-50 p-4 rounded-lg"> <p class="text-secondary-700"> <strong>คณะกรรมการคุ้มครองข้อมูลส่วนบุคคล (PDPC)</strong> </p> <p class="text-secondary-700">เว็บไซต์: www.pdpc.or.th</p> <p class="text-secondary-700">อีเมล: info@pdpc.or.th</p> </div> </section> <section class="mt-12 pt-8 border-t border-secondary-200"> <h2 class="text-xl font-bold text-secondary-900 mb-4">การติดต่อ</h2> <p class="text-secondary-700">
|
||||
</p> <div class="bg-secondary-50 p-4 rounded-lg"> <p class="text-secondary-700"> <strong>คณะกรรมการคุ้มครองข้อมูลส่วนบุคคล (PDPC)</strong> </p> <p class="text-secondary-700">เว็บไซต์: www.pdpc.or.th</p> <p class="text-secondary-700">อีเมล: info@pdpc.or.th</p> </div> </section> <section id="section14" class="mb-8"> <h2 class="text-2xl font-bold text-secondary-900 mb-4">14. การแก้ไขนโยบาย</h2> <p class="text-secondary-700 mb-4">
|
||||
เราอาจปรับปรุงหรือแก้ไขนโยบายความเป็นส่วนตัวนี้เป็นครั้งคราว
|
||||
การเปลี่ยนแปลงจะมีผลบังคับใช้เมื่อประกาศบนเว็บไซต์
|
||||
</p> <div class="bg-secondary-50 p-4 rounded-lg"> <p class="text-secondary-700"> <strong>เวอร์ชันล่าสุด:</strong> 1.0<br> <strong>วันที่มีผลบังคับใช้:</strong> 9 มีนาคม 2569
|
||||
</p> </div> </section> <section class="mt-12 pt-8 border-t border-secondary-200"> <h2 class="text-xl font-bold text-secondary-900 mb-4">การติดต่อ</h2> <p class="text-secondary-700">
|
||||
หากมีคำถามเกี่ยวกับนโยบายความเป็นส่วนตัวนี้ กรุณาติดต่อ:
|
||||
</p> <div class="mt-4"> <p class="text-secondary-700"><strong>บริษัท ดีล พลัส เทค จำกัด</strong></p> <p class="text-secondary-700">อีเมล: info@dealplustech.co.th</p> <p class="text-secondary-700">โทรศัพท์: 090-555-1415</p> </div> </section> </div> </div> </div> </main> <script type="module">const t=JSON.parse(localStorage.getItem("consent-preferences")||"null");if(!t){const e=document.createElement("div");e.id="cookie-banner",e.className="fixed bottom-0 left-0 right-0 bg-gray-900 text-white p-6 z-50 shadow-lg",e.innerHTML=`
|
||||
</p> <div class="mt-4"> <p class="text-secondary-700"><strong>บริษัท ดีล พลัส เทค จำกัด</strong></p> <p class="text-secondary-700">อีเมล: info@dealplustech.co.th</p> <p class="text-secondary-700">โทรศัพท์: 090-555-1415</p> </div> </section> </div> </div> </div> </main> <script type="module">const t=JSON.parse(localStorage.getItem("consent-preferences")||"null");if(!t){const e=document.createElement("div");e.id="cookie-banner",e.style.cssText="position:fixed;bottom:0;left:0;right:0;background-color:#111827;color:white;padding:1.5rem;z-index:50;box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1);",e.innerHTML=`
|
||||
<div class="container mx-auto max-w-4xl">
|
||||
<p class="text-base mb-4">เราใช้คุกกี้เพื่อปรับปรุงประสบการณ์การใช้งานเว็บไซต์ โดยคลิกยอมรับเพื่อใช้งานคุกกี้ทุกประเภท หรือคลิกปรับแต่งเพื่อเลือกคุกกี้ที่ต้องการ</p>
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<button id="accept-all" class="px-6 py-2 bg-green-600 text-white font-semibold rounded-md hover:bg-green-700">ยอมรับ</button>
|
||||
<button id="reject-all" class="px-6 py-2 bg-gray-700 text-white font-semibold rounded-md hover:bg-gray-600">ปฏิเสธ</button>
|
||||
<button id="customize" class="px-6 py-2 border border-white text-white font-semibold rounded-md hover:bg-white hover:text-gray-900">ปรับแต่ง</button>
|
||||
<p style="font-size:1rem;margin-bottom:1rem;">เราใช้คุกกี้เพื่อปรับปรุงประสบการณ์การใช้งานเว็บไซต์ โดยคลิกยอมรับเพื่อใช้งานคุกกี้ทุกประเภท หรือคลิกปรับแต่งเพื่อเลือกคุกกี้ที่ต้องการ</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:0.75rem;">
|
||||
<button id="accept-all" style="padding:0.5rem 1.5rem;background-color:#16a34a;color:white;font-weight:600;border-radius:0.375rem;border:none;cursor:pointer;">ยอมรับ</button>
|
||||
<button id="reject-all" style="padding:0.5rem 1.5rem;background-color:#374151;color:white;font-weight:600;border-radius:0.375rem;border:none;cursor:pointer;">ปฏิเสธ</button>
|
||||
<button id="customize" style="padding:0.5rem 1.5rem;border:2px solid white;color:white;font-weight:600;border-radius:0.375rem;background:transparent;cursor:pointer;">ปรับแต่ง</button>
|
||||
</div>
|
||||
</div>
|
||||
`,document.body.appendChild(e),document.getElementById("accept-all")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!0,marketing:!0,timestamp:new Date().toISOString()})),e.remove()}),document.getElementById("reject-all")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!1,marketing:!1,timestamp:new Date().toISOString()})),e.remove()}),document.getElementById("customize")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!1,marketing:!1,timestamp:new Date().toISOString()})),e.remove()})}</script> </body> </html>
|
||||
`,document.body.appendChild(e),document.getElementById("accept-all")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!0,marketing:!0,timestamp:new Date().toISOString()})),e.remove()}),document.getElementById("reject-all")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!1,marketing:!1,timestamp:new Date().toISOString()})),e.remove()}),document.getElementById("customize")?.addEventListener("click",()=>{localStorage.setItem("consent-preferences",JSON.stringify({essential:!0,analytics:!1,marketing:!1,timestamp:new Date().toISOString()})),e.remove()})}</script> </body> </html>
|
||||
Reference in New Issue
Block a user