HomeArtTechHackBlockchain

Gatsbyjs with cookie consent

By Khomkrid Lerdprasert
Published in Technology
September 27, 2021
1 min read
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 เราเรียบร้อยแล้ว จ้าบบบบบบบบบ


Tags

#Gatsbyjs

Share

Previous Article
ใช้ Github Action build Coverage บน Sonarcloud.io
Khomkrid Lerdprasert

Khomkrid Lerdprasert

Full Stack Life

Related Posts

สร้าง Key pair เพื่อทำการ signing document signature ด้วย Go lang
March 13, 2024
1 min
© 2024, All Rights Reserved.
Powered By

Quick Links

Author

Social Media