ติดตั้ง Cookie Wow ร่วมกับ Cloudflare Rocket Loader

สาเหตุการติดตั้ง 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