สอบถามการใช้งาน cookie เพิ่มเติมจากบทความที่เเล้ว

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามการใช้งาน cookie เพิ่มเติมจากบทความที่เเล้ว

สอบถามการใช้งาน cookie เพิ่มเติมจากบทความที่เเล้ว

จากบทความที่เเล้ว ผมได้เจอตัวอย่าง code เกี่ยวกับการใช้ cookie เเต่ยังไม่เเน่ใจว่าสามารถใช้งานเลยหรือเปล่า หรือต้องเขียนฟังก์เพิ่มเติม รบกวนเเนะนำหน่อยครับ

<div class="cookie-container">
      <p>
       เราใช้ cookie เพื่อพัฒนาประสบการณ์การใช้งานจากการเยี่ยมชมเว็บไซต์และเพื่อสนับสนุนประสิทธิภาพในการนำเสนอข้อมูลและ เนื้อหาต่างๆ ที่ผู้เข้าใช้งานจะได้รับชม
        <a href="#">privacy policy</a> and <a href="#">cookie policy</a>.
      </p>
 
      <button class="cookie-btn">
        Okay
      </button>
</div>
 
    <script src="main.js"></script>

/// ส่วน javascript

const cookieContainer = document.querySelector(".cookie-container");
const cookieButton = document.querySelector(".cookie-btn");
 
cookieButton.addEventListener("click", () => {
  cookieContainer.classList.remove("active");
  localStorage.setItem("cookieBannerDisplayed", "true");
});
 
setTimeout(() => {
  if (!localStorage.getItem("cookieBannerDisplayed")) {
    cookieContainer.classList.add("active");
  }
}, 2000);

Antinew007 15-03-2020 23:27:36

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

ตัวนี้น่าจะเป็น localStorage ของ HTML 5

ใช้ได้เหมือนกัน โค้ดตามตัวอย่าง เข้าใจไม่ยาก

ถ้าสามารถอธิบาย หรือเข้าใจแต่ละบรรทัดได้ ถือว่าโอเค

บทความแนะนำที่เกี่ยวข้อง
การใช้งาน Web Storage Objects ใน HTML5 อย่างง่าย	อ่าน 13,303
เทคนิคใช้งาน localStorage แบบฐานข้อมูล อย่างง่าย	อ่าน 7,512

ninenik 16-03-2020

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน