ติดตั้ง Cookie Wow ร่วมกับ Cloudflare Rocket Loader
บทความเกี่ยวกับ: วิธีการติดตั้งแบนเนอร์ Cookie
สาเหตุการติดตั้ง Cookie Wow ร่วมด้วยกับ website ที่ใช้ Cloudflare rocket-loader ไม่แสดงตัว Cookie Wow
เป็นเพราะว่า Cloudflare rocket-loader นั้น จะทำการ Deferring ตัว Javascript ทั้งหมดหลังจาก Render หน้า website แล้ว ซึ่งจะมีผลทำให้ตัว Script ของ Cookie Wow ถูกโหลดขึ้นมาทีหลังและไม่แสดงบนหน้าเว็ป
จำเป็นต้องเติม Code data-cfasync="false" เข้าไปใน <script> ของ Cookie Wow ทั้ง 2 บรรทัด เพื่อให้ Cloudflare rocket loader ignore script ของ Cookie Wow
จากตอนแรก
<script type="text/javascript" src="https://cookiecdn.com/cwc.js"></script>
<script id="cookieWow" type="text/javascript" src="https://cookiecdn.com/configs/ID" data-cwcid="ID"></script>
ให้ทำการเติม Code เป็น
<script data-cfasync="false" type="text/javascript" src="https://cookiecdn.com/cwc.js"></script>
<script data-cfasync="false" id="cookieWow" type="text/javascript" src="https://cookiecdn.com/configs/ID" data-cwcid="ID"></script>
จากนั้นตัว Cookie Wow banner จะแสดงและทำงานได้ตามปกติ
Ref1: https://support.cloudflare.com/hc/en-us/articles/200168056-What-does-Rocket-Loader-do-
Ref2: https://support.cloudflare.com/hc/en-us/articles/200169436-How-can-I-have-Rocket-Loader-ignore-specific-JavaScripts-
อัปเดตเมื่อ: 21/10/2021
สาเหตุการติดตั้ง Cookie Wow ร่วมด้วยกับ website ที่ใช้ Cloudflare rocket-loader ไม่แสดงตัว Cookie Wow
เป็นเพราะว่า Cloudflare rocket-loader นั้น จะทำการ Deferring ตัว Javascript ทั้งหมดหลังจาก Render หน้า website แล้ว ซึ่งจะมีผลทำให้ตัว Script ของ Cookie Wow ถูกโหลดขึ้นมาทีหลังและไม่แสดงบนหน้าเว็ป
วิธีการแก้ไข
จำเป็นต้องเติม Code data-cfasync="false" เข้าไปใน <script> ของ Cookie Wow ทั้ง 2 บรรทัด เพื่อให้ Cloudflare rocket loader ignore script ของ Cookie Wow
จากตอนแรก
<script type="text/javascript" src="https://cookiecdn.com/cwc.js"></script>
<script id="cookieWow" type="text/javascript" src="https://cookiecdn.com/configs/ID" data-cwcid="ID"></script>
ให้ทำการเติม Code เป็น
<script data-cfasync="false" type="text/javascript" src="https://cookiecdn.com/cwc.js"></script>
<script data-cfasync="false" id="cookieWow" type="text/javascript" src="https://cookiecdn.com/configs/ID" data-cwcid="ID"></script>
จากนั้นตัว Cookie Wow banner จะแสดงและทำงานได้ตามปกติ
Ref1: https://support.cloudflare.com/hc/en-us/articles/200168056-What-does-Rocket-Loader-do-
Ref2: https://support.cloudflare.com/hc/en-us/articles/200169436-How-can-I-have-Rocket-Loader-ignore-specific-JavaScripts-
อัปเดตเมื่อ: 21/10/2021
Updated on: 06/04/2023
Thank you!