Gatsbyjs with cookie consent

Gatsbyjs with cookie consent

มาทำ cookie consent ให้กับ Gatsbyjs ของเรากันเถอะ

เริิ่มจาก

yarn add gatsby-plugin-gdpr-tracking && yarn add react-cookie-consent

เพื่อทำการติดตั้ง gatsby-plugin-gdpr-tracking และ react-cookie-consent

หลังจากนั้นเราจะไปทำการแก้ไข layout.js ของเรา เพื่อให้ consent เราขึ้นมาทุกหน้า ด้วยการ import CookieConsent from ‘react-cookie-consent’ เข้ามา แล้วเพิ่ม code ตามด้านล่างนี้เข้าไป เป็นอันจบ

<CookieConsent
  location='bottom'
  buttonText='Accept'
  declineButtonText='Decline'
  cookieName='gatsby-gdpr-google-analytics'
>
  We use cookies to enhance your experience. By continuing to visit this site
  you agree to our use of cookies.{' '}
  <a href='http://wikipedia.org/wiki/HTTP_cookie'>More info</a>
</CookieConsent>

ง่ายๆแค่นี้ เราก็จะได้ cookie consent มาใช้งานใน gatsbyjs website เราเรียบร้อยแล้ว จ้าบบบบบบบบบ