เทคนิคการทำเว็บด้วย WordPress | CodingDee.com
หน้าแรก บล็อก

โดน copy บทความ ? แจ้ง Google เลยสิ รออะไร

ปัญหาการ โดน copy บทความ เป็นอีกปัญหาที่ป้องกันได้ยากและโคตรน่าเบื่อเลยสำหรับผม แล้วเราจะมีวิธีแก้ไขอะไรได้บ้างถ้าโดน copy บทความบทความนี้มีคำตอบ มาดูกันโดน copy บทความ ? แจ้ง Google เลยสิ รออะไร "ก๊อปบทความไปทั้งดุ้นยังไม่พอยัง hotlink รูปด้วยนะ ร้ายกาจจริง ๆ" ก่อนจะอ่านต่อใครยังไม่ได้อ่าน วิธีป้องกัน การโดน Copy บทความ อ่านก่อนนะช่วยได้ในระดับนึงเหมือนกัน แต่บทความที่ผมเขียนต่อไปนี้คือ หลังจากที่เราเจอเว็บที่คัดลอกบทความเราไปลงแล้ว เราจะมีวิธีแก้เผ็ดพวกนี้ยังไง มาดูกันวิธีดูว่าเว็บไหนขโมยบทความเราไป ขั้นตอนแรกให้เราเข้าไปที่ Google Search Console >> Links To Your Siteจากภาพเราจะเจอข้อมูลรายชื่อเว็บต่าง ๆ ด้านซ้ายมือที่ผมเบลอไว้ และจำนวน link ที่ link กลับมายังเว็บเรา ต่อไปให้เราคลิกเข้าไปดูตามรายชื่อเว็บทีละเว็บ เราก็จะเจอข้อมูลบอกว่าเว็บนี้มี link กลับมาที่หน้าเว็บของเราหน้าไหนบ้างฟ้อง Google จริง ๆ แล้ว การที่เรามีเนื้อหาซ้ำกันบนเว็บไซต์เราเองมันก็อีกเรื่องหนึ่งไม่ได้ร้ายแรงอะไรเพราะ google มันจะดูที่เจตนาของเรา แต่ถ้าเราเจอเว็บไซต์ที่ก๊อปปี้เนื้อหาหรือบทความของเรา เราอย่าปล่อยมันไว้ให้จัดการมันซะ โดยการแจ้ง google ว่ามีการละเมิดลิขสิทธิ์ ที่ลิงก์นี้ DMCA-Noticeขั้นตอนและวิธีการแจ้งการละเมิดลิขสิทธิ์ขั้นตอนที่ 1 กรอกข้อมูลผู้แจ้งจากตัวอย่างในภาพคือข้อมูลของผมเอง โดยข้อมูลที่จำเป็นต้องกรอกเลยคือชื่อ-นามสกุล เจ้าของลิขสิทธิ์ ระบุเป็น ตนเอง อีเมล ประเทศขั้นตอนที่ 2กรอกรายเอียดที่เรา โดน copy บทความ ลงไปขั้นตอนที่ 3กรอก URL บทความต้นฉบับลงไป กรอก URL ที่ copy บทความเราลงไป  ขั้นตอนที่ 4กดยอมรับข้อตกลงตามภาพขั้นตอนที่ 5กรอกวันที่และชื่อผู้แจ้งลงไปแล้วกด ส่งขั้นตอนที่ 6หากกรอกข้อมูลถูกต้องจะได้ข้อความแจ้งตามภาพ ต่อไปให้เรากดเข้าไปที่ลิงก์ กระดานข้อมูลการนำออกขั้นตอนสุดท้ายหลังจากเข้ามาแล้วเราจะเจอหน้าแสดงสถานะการแจ้งการละเมิดลิขสิทธิ์ ก็เป็นอันเรียบร้อย รอ google ดำเนินการตรวจเช็คให้ครับจบแล้ว หากอ่านแล้วชอบบทความจาก CodingDee ก็ฝาก กดไลค์เพจ ด้วยนะครับ จะได้ไม่พลาดข่าวสารเทคนิคดี ๆ จากเรา หรือติดปัญหาตรงไหนก็คอมเมนต์ไว้ด้านล่างนี้ได้ ไว้พบกันบทความต่อไปครับ  

Live Chat WordPress Chat ง่าย ๆ ด้วย Facebook Messenger แบบไม่ต้องใช้ปลั๊กอิน

Live Chat WordPress จริง ๆ แล้วมีน้องคนนึงทักเข้ามาในเพจนานแล้วให้ผมเขียนเรื่องนี้ แต่เนื่องจากปลายปีที่ผ่านมาผมยุ่งมาก ๆ เลยไม่ได้เขียนให้ เริ่มปีใหม่มาเลยจะเคลียร์บทความที่ค้างคากับลูกเพจไว้สักหน่อย (ค้างอยู่หลายคนมาก)Live Chat WordPress Chat ง่าย ๆ ด้วย Facebook Messenger แบบไม่ต้องใช้ปลั๊กอิน WordPress มีปลั๊กอินสำหรับที่สามารถทำ chat อยู่หลายตัวก็จริงแต่ผมเองเป็นประเภทที่ไม่ชอบลงปลั๊กอิน (ถ้าไม่จำเป็น) ซึ่งเมื่อปลายปีที่ผ่านมาเฟสบุ๊คเองก็ปล่อยฟีเจอร์สำหรับให้ลูกค้าที่เข้าเว็บมาสามารถ chat ผ่านหน้าเว็บได้เลยโดยที่เราแทบจะไม่ต้องทำอะไรเลยมีขั้นตอนเล็ก ๆ น้อย ๆสำหรับเปิดใช้งานซึ่งตรงกับความต้องการของผมมากผมเลยทดลองนำมาติดใส่ CodingDee.com ดูซะเลยใช้เวลาจริง ๆ ไม่เกิน 5 นาทีก็เสร็จแล้วหากใครอยากลองทำบ้างก็สามารถทำตามขั้นตอนด้านล่างนี้ได้เลยครับ ข้อกำหนดในการใช้งานมี 3 ข้อเว็บที่จะใช้งาน Messenger ได้ต้องติดตั้ง HTTPS แล้วเท่านั้น ใช้ชื่อโดเมนเท่านั้น เช่น https://codingdee.com สำหรับการใส่ไว้ในไวท์ลิสต์ ไม่รองรับที่อยู่ IP และ localhost สำหรับการใส่ไว้ในไวท์ลิสต์วิธีในการติดตั้งมีอยู่ 3 ขั้นตอนง่ายมาก 1.เราต้องมี App ID สำหรับจะใช้งานกันก่อนใครยังไม่มีไปสร้างมาก่อนนะครับ สร้าง App2.เพิ่มโดเมนเราเข้าไว้ใน Whitelist โดยเข้าไปที่เพจที่เราต้องการแล้วเลือก การตั้งค่า > แพลตฟอร์ม Messenger > Whitelisted Domains > กรอกชื่อโดเมนของเราลงไป3.นำ Code ด้านล่างนี้ไปใส่โดย facebook แนะนำให้เราใส่ไว้ใน Tag Body <script> window.fbAsyncInit = function() { FB.init({ appId : 'YOUR-APP-ID', autoLogAppEvents : true, xfbml : true, version : 'v2.11' }); ...

ปัญหา wordpress ที่เจอได้บ่อย ๆ พร้อมวิธีแก้ไข

ปัญหา wordpress ที่มือใหม่มักจะพบเจอได้บ่อย ๆ ทาง CoddingDee ได้รวบรวมบทความพร้อมวิธีแก้ไขไว้ให้อ่านกันได้ง่าย ๆ ไม่ต้องไปไล่หาอ่านทีละบทความใครเจอปัญหาอะไรก็อ่านตามลิงก์ข้างล่างนี้ได้เลย1.WordPress ส่งเมลไม่ออก หรือส่งแล้วอีเมลเข้า junk mailเป็นอีกปัญหายอดฮิตที่ต้องเจอกันแทบจะทุกคน ไม่ต้องกังวล CodingDee มีวิธีแก้ไขอ่านวิธีทำได้ที่บทความนี้แชร์ประสบการณ์ เมื่อเวิร์ดเพรส “ส่งเมลไม่ออก” และวิธีแก้ปัญหา2.WordPress โดน hackปัญหาโดนแฮกทุกคนมีโอกาสได้พบเจอแน่นอนถ้าไม่มีการป้องกันที่ดีผมเขียนวิธีการป้องกันไว้ที่บทความนี้ เสริมเกราะให้เวิร์ดเพรสด้วย iThemes Security ตอนที่ 13.WordPress แชร์บทความแล้วรูปไม่ขึ้นปัญหานี้มักจะเจอเวลาเรานำบทความไปแชร์ใน facebook แล้วรูปไม่ขึ้นหรือขึ้นแต่รูปไม่ตรงกับรูปในบทความอ่านวิธีแก้ไขได้ที่บทความนี้Facebook Share รูปไม่ขึ้นและวิธีแก้ไข4.WordPress โดน Spamตอนผมทำเว็บใหม่ ๆ ปวดหัวกับมันมากผมมีวิธีป้องกันที่ได้ผลแทบจะ 100% เลยอ่านต่อที่บทความนี้ Invisible reCaptcha ปลั๊กอินป้องกันสแปมสำหรับ WordPress5.Database มีขนาดใหญ่ (บวม)ปัญหานี้ต้องจ้างแม่บ้านประจำเวิร์ดเพรส WP Optimize ปลั๊กอินกำจัดขยะสำหรับเวิร์ดเพรส6.Fatal error: Allowed memory size of 123....ไม่รู้จะอธิบายยังไง ปัญหานี้ก็เจอบ่อยมากกกกกก อ่านวิธีแก้ไขต่อที่บทความนี้ Fatal Error: Allowed Memory size Exhausted WordPress 7.White Screen Of The Dead (หน้าขาว) ในเมื่อ Windows มีจอฟ้า WordPress ก็มีจอขาว 555+ อ่านวิธีแก้ไขได้ที่บทความนี้ครับ WordPress หน้าขาว แก้ได้ง่าย ๆ ใน 5 วิธีนี้ จบแล้ว หากอ่านแล้วชอบบทความจาก CodingDee ก็ฝาก กดไลค์เพจ ด้วยนะครับ จะได้ไม่พลาดข่าวสารเทคนิคดี ๆ จากเรา หรือติดปัญหาตรงไหนก็คอมเมนต์ไว้ด้านล่างนี้ได้ ไว้พบกันบทความต่อไปครับ

Plugin WordPress แจ้งระยะเวลาส่งสินค้า WooCommerce

Plugin Wordpress นี้จะเพิ่มกล่องแจ้งระยะเวลาที่ลูกค้าจะได้รับสินค้าในหน้าสั่งซื้อ จากที่ผมทดสอบใช้จริงและวัดผลด้วยการทำ A/B Testing ได้ผลออกมาว่าหน้าที่มีการแจ้งระยะเวลารับสินค้า Conversion Rate เพิ่มขึ้นจากเดิมถึง 17.5% เลย ผมเลยเขียนเป็น Plugin มาแจกซะเลยPlugin Wordpress ลดจำนวนคำถามจากลูกค้าให้น้อยลง เว็บไซต์ใหญ่ ๆ อย่าง Lazada, Apple เค้าก็จะมีการแจ้งระยะเวลาที่คาดว่าจะได้รับสินค้าไว้ในขั้นตอนการสั่งซื้อเลย เพื่อให้ลูกค้าทราบและลดจำนวนการสอบถามเข้ามายัง Call center หรือที่เว็บไซต์เอง ลดทั้งจำนวนงานที่ต้องคอยตอบคำถามและเพิ่มประสิทธิภาพให้เว็บไซต์ไปในคราวเดียว ขายดีขึ้นกว่าเดิม จากที่ผม monitor ดูหลังบ้านจะมีลูกค้าที่ส่งอีเมลหรือโทรศัพท์เข้ามาสอบถามบ่อยครั้ง ว่าสั่งสินค้าไปแล้ววันไหนจะได้รับสินค้า เป็นคำถามยอดฮิตคำถามหนึ่งที่ถามบ่อยมาก ผมเองแก้ไขโดยเพิ่มไว้ใน FAQ จนมาเจอวิธีนี้ที่ผมเองได้นำไปใช้จริงและได้ผลดีเกินคาดคือ ลูกค้าถามเข้ามาน้อยลงกว่าเดิมมากและ conversion rate เพิ่มขึ้น 17.5% เรียกให้เข้าใจง่าย ๆ ว่าขายดีขึ้นกว่าเดิม 17.5% ตัวเลขนี้มาจากการทำ A/B Testing นะครับ ไว้บทความหน้าผมจะนำมาเขียนให้อ่านกันว่าทำ A/B Testing เนี่ยทำไปทำไม มีข้อดียังไง ทำไมถึงต้องทำ ตัวอย่างหลังจากติดตั้งปลั๊กอินโหลดกันเลย คลิก จบแล้ว หากอ่านแล้วชอบบทความจาก CodingDee ก็ฝาก กดไลค์เพจ ด้วยนะครับ จะได้ไม่พลาดข่าวสารเทคนิคดี ๆ จากเรา หรือติดปัญหาตรงไหนก็คอมเมนต์ไว้ด้านล่างนี้ได้ ไว้พบกันบทความต่อไปครับ

WordPress 4.9 มาแล้ว ฟีเจอร์ใหม่ ๆ เพียบ

WordPress 4.9 ลิฟตั้น เอ้ย Tipton มาแล้ว เมื่อคืนผมปวดหัวมากเลยนอนเร็ว วันนี้เลยตื่นแต่เช้า 7 โมงเช้ามาเข้าเว็บมาเจอ WordPress ออกเวอร์ชั่นใหม่มาแล้วเลยลองเล่นดูสักหน่อยว่ามีอะไรใหม่บ้างฟีเจอร์ใหม่ที่เพิ่มเข้ามาใน WordPress 4.9 1.ตั้งช่วงเวลาเผยแพร่บทความได้สำหรับฟีเจอร์นี้เราสามารถตั้งเวลาการเผยแพร่บทความได้ด้วย ถ้าใครมีเพจเฟสบุ๊คน่าจะคุ้ยเคยดี เหมือนกับตั้งเวลาโพสนั่นแหละ ถูกใจผมมาก ต่อไปก็ไม่ต้องมาคอยกดเผยแพร่บทความแล้วตั้งเวลาไว้จบเลย 2.แชร์ Design ให้ทีมหรือให้ลูกค้าดูก่อนได้ สำหรับฟีเจอร์นี้เหมาะกับฟรีแลนซ์หรือทีมงานที่ไม่ได้เข้าออฟฟิศ เราสามารถแชร์ลิงก์ให้คนในทีมหรือส่งให้ลูกค้าดูก่อนได้ ว่าต้องการแก้ไข เพิ่มเติมตรงไหนก่อนจะใช้งานจริงหรือเปล่า 3.Lock โพสหรือหน้าที่เราออกแบบไว้ได้ ไม่ให้คนอื่นมาแก้ไขทับฟีเจอร์นี้ก็เด็ด ยิ่งมี Designer หลายคนต่างคนต่างออกแบบมาแล้วมาเซฟทับกันนี้ปวดหัวเลย 4.Syntax Highlighting and Error Checkingเขียน css ได้ง่ายขึ้นมีระบบ suggest และตรวจสอบข้อผิดพลาดให้อัตโนมัติ คล้าย ๆ เขียนโค๊ดใน editor เลยฟีเจอร์นี้ developer น่าจะชอบ 5.Sandbox for Safetyฟีเจอร์นี้จะตรวจสอบโค๊ดที่เราเขียนว่ามีข้อผิดพลาดตรงไหนบ้าง ถ้ามีข้อผิดพลาดก็จะขึ้นเตือนและไม่ให้เราเซฟไฟล์ ป้องกันเว็บเราพังหรือหน้าจอขาวนั่นเอง เรียกได้ว่าเจ๋งสุด ๆ6.The New Gallery Widget ฟีเจอร์นี้ดีงามมาก เราสามารถเลือกรูปภาพได้โดยตรงจาก Widget เลย ถ้าเป็นเวอร์ชั่นก่อน ๆ ต้องไป copy url รูปภาพมาใช้เอง เรียกได้ใช้งาน widget ได้ง่ายขึ้นกว่าเดิม 6.ระบบแจ้งเตือนการแก้ไขไฟล์มีการแจ้งเตือนเราก่อนที่จะแก้ไขไฟล์ผ่านระบบ โดยระบบจะแนะนำให้เรา Backup ไฟล์เดิมไว้ก่อนที่จะแก้ไขนะ หรือถ้าเป็นไปได้เนี่ย ให้เราแก้ไขไฟล์ผ่าน ftp ดีกว่าอย่ามาแก้ไฟล์โดยตรงเลย มันไม่ปลอดภัย จบแล้ว ก่อนจะอัพเดทก็ Backup เว็บไว้ก่อนเสมอนะคร้าบ เกิดอะไรขึ้นจะได้ Restore ทัน หากอ่านแล้วชอบบทความจาก CodingDee ก็ฝาก กดไลค์เพจ ด้วยนะครับ จะได้ไม่พลาดข่าวสารเทคนิคดี ๆ จากเรา หรือติดปัญหาตรงไหนก็คอมเมนต์ไว้ด้านล่างนี้ได้ ไว้พบกันบทความต่อไปครับ

WP Optimize ปลั๊กอินกำจัดขยะสำหรับเวิร์ดเพรส

WP Optimize ลงปลั๊กอินนี้ไว้เปรียบเสมือนมีแม่บ้านประจำตัว ที่จะคอย ปัด กวาด เช็ด ถู ช่วยให้ Database เราสะอาดไม่รกรุงรังอีกต่อไป แถมขนาดของ Database ก็เล็กลงด้วยนะ ส่งผลให้เว็บเราทำงานได้เร็วขึ้น ผมนำไปติดตั้งให้กับเว็บลูกค้าที่ผมดูแลอยู่โดยก่อนใช้ปลั๊กอิน Database มีขนาด 1 GB ใหญ่มาก ๆ เว็บลูกค้าเป็นเว็บบทความปกตินะครับไม่ใช่เว็บ E-Commerce หลังจากที่ผมลงปลั๊กอิน WP Optimize แล้ว ขนาดของ Database เหลืออยู่เพียง 24 MB เท่านั้นลดลง 900 MB เลยWP Optimize ปลั๊กอินกำจัดขยะสำหรับเวิร์ดเพรส ทำไม Database ถึงมีขนาดใหญ่ ? เพราะทุก ๆ การกระทำที่เราทำลงไปในเว็บไม่ว่าจะเป็น สร้างบทความ แก้ไขบทความ อัพรูปภาพ สร้างสินค้า ลงปลั๊กอิน มันจะมีข้อมูลที่ยังคงค้างอยู่ใน Database เราเช่นเวลาเราเขียนบทความตัวระบบของ WordPress เองก็จะมีการสร้าง Revision ขึ้นมาสำหรับสำรองข้อมูลที่เราเขียนลงไปเป็นหลาย ๆ เวอร์ชั่นก็ส่งผลให้ขนาดของ Database เราใหญ่ขึ้นเรื่อย ๆ หรือเวลาเราติดตั้งปลั๊กอินก็เหมือนกัน ปลั๊กอินบางตัวจะมีการบันทึกข้อมูลสำหรับการตั้งค่าต่าง ๆ ที่เรากำหนดไว้ของตัวปลั๊กอินลงใน Database เหมือนกัน บางปลั๊กอินถ้าผู้พัฒนาเค้าเขียนมาดีมันก็จะลบข้อมูลพวกนี้ออกไปให้เวลาเราลบปลั๊กอินแต่ส่วนมากมันไม่ได้ลบออกไปด้วยก็ส่งผลให้ Database เราบวมได้เหมือนกัน ใครใช้ WooCommerce ควรลง สำหรับร้านค้าที่ใช้ WooCommerce ควรจะลงไว้ครับเพราะ WooCommerce เองมันมีฟีเจอร์ Geo Location สำหรับเก็บข้อมูล Location และ IP Address ของ User ที่เข้ามาใช้งานเว็บเราไว้ทำให้ Database เราจะมีขนาดใหญ่กว่าปกติตัวปลั๊กอินก็จะช่วยตรงนี้ได้ครับ ติดตั้งปลั๊กอิน โหลดได้ที่นี่ คลิก วิธีใช้งาน หลังจากติดตั้งแล้วให้เราสังเกตจะมีเมนู WP Optimize โผล่ขึ้นมา คลิกเข้าไปเลยแล้วจะเจอหน้าตาสำหรับการตั้งค่าประมาณนี้ (ตั้งค่าตามภาพได้เลย) สำหรับใครที่ไม่ต้องการลบ Draft Post (ฉบับร่าง) ไม่ต้องคลิก Clean all auto-drafts and trashed posts นะครับ(อย่าลืม Backup ก่อนทุกครั้งนะครับ) แล้วกด Run all selected optimisations ได้เลย ตั้งเวลา Optimize เราสามารถตั้งเวลาให้ปลั๊กอิน Optimize Database ให้เราได้ด้วยจะได้ไม่ต้องมาคอยกด Optimize เองยิ่งใครมีเว็บที่ต้องดูแลเยอะ ๆ นี้สบายเลย ตั้งเป็น วันละครั้ง อาทิตย์ละครั้ง เดือนละครั้ง ก็ตามใจเราเลย โดยจากภาพผมตั้งไว้ที่ อาทิตย์ละ 1 ครั้งครับจบแล้ว หากอ่านแล้วชอบบทความจาก CodingDee ก็ฝาก กดไลค์เพจ ด้วยนะครับ จะได้ไม่พลาดข่าวสารเทคนิคดี ๆ จากเรา หรือติดปัญหาตรงไหนก็คอมเมนต์ไว้ด้านล่างนี้ได้ ไว้พบกันบทความต่อไปครับ

Allowed Memory size Exhausted WordPress

ปัญหา Allowed Memory size Exhausted WordPress เป็นอีกปัญหายอดฮิตที่ผมเจอบ่อยมาก สาเหตุส่วนใหญ่มาจากการตั้งค่าโฮสที่ไม่เหมาะสมกับ WordPress พอเราใช้งานเว็บไปสักพักก็จะเจอข้อความคล้าย ๆ แบบนี้โผล่ขึ้นมา "Fatal error: Allowed memory size of 86735766 bytes exhausted" วิธีแก้ Allowed Memory size Exhausted WordPress อาการนี้มันจะเป็น ๆ หาย ๆ ซึ่งผมเองได้พบวิธีแก้ไขปัญหานี้อยู่ 2 วิธีดังนี้ครับ วิธีที่ 1.เพิ่มโค๊ดชุดนี้เข้าไปที่ไฟล์ wp-config.php define( 'WP_MEMORY_LIMIT', '1024M' ); วิธีที่ 2.แจ้งโฮสที่เราใช้งานอยู่ หากลองวิธีที่ 1 แล้วยังแก้ไม่หายวิธีสุดท้ายคือแจ้งโฮสที่เราใช้งานอยู่ให้ทางโฮสเค้าแก้ให้ครับ เพราะบางโฮสเค้าอาจจะตั้งค่าเฉพาะไว้เราไม่สามารถแก้ไขเองได้ปกติแล้วหากเป็นโฮสที่ถูกออกแบบมาสำหรับ WordPress โดยเฉพาะ  ปัญหานี้จะไม่มีมากวนใจเราเลยครับ ก่อนจะใช้โฮสที่ไหนก็เลือกกันดี ๆ หรือถามเค้าก่อนว่ารองรับ WordPress หรือเปล่าก็จะช่วยได้เยอะครับ หรือใครไม่ทราบ ไม่มีคนปรึกษาจริง ๆ ก็ทักทีมงานเข้ามาได้ครับเดี๋ยวเราช่วยแนะนำให้ จบแล้ว หากอ่านแล้วชอบบทความจาก CodingDee ก็ฝาก กดไลค์เพจ ด้วยนะครับ จะได้ไม่พลาดข่าวสารเทคนิคดี ๆ จากเรา หรือติดปัญหาตรงไหนก็คอมเมนต์ไว้ด้านล่างนี้ได้ ไว้พบกันบทความต่อไปครับ

Invisible reCaptcha ปลั๊กอินป้องกันสแปมสำหรับ WordPress

Invisible reCaptcha ปลั๊กอินสุดเจ๋งที่ช่วยป้องกันสแปมสำหรับ WordPress ก่อนหน้าที่ผมจะเปลี่ยนมาใช้ Invisible reCaptcha นั้นผมใช้ reCaptcha เวอร์ชั่นเก่าอยู่ก่อนหน้านี้อยู่แล้ว เวอร์ชั่นที่ให้เรากดเลือกรูปนั่นแหละ...Invisible reCaptcha For WordPress ปัญหาอีกข้อที่ผมเจอเมื่อเราใส่ captcha ไว้ตามหน้าแบบฟอร์มต่าง ๆ ไม่ว่าจะเป็น หน้าฟอร์มสมัครสมาชิก หน้าฟอร์มติดต่อเรา หน้าฟอร์มคอมเมนต์ เป็นต้น ปัญหาที่ตามมาคือการที่ user ถูกขัดจังหวะการใช้งานนั่นเอง ผมเคยเจอบางเว็บใส่ captcha ไว้หน้าสั่งซื้อด้วยก็มีนะ ทีนี้พอ user ถูกขัดจังหวะบางคนเค้าปิดหน้าเว็บทิ้งไปเลย ถ้าเป็นหน้าสั่งซื้อกรอกแล้วไม่ผ่านติด captcha เค้าก็ปิดเว็บออกไปเลยทำให้เราสูญเสียรายได้ ขอยกเคสที่ผมเจอคือผมใส่ Google reCaptcha ไว้ที่หน้าสมัครตัวแทนจำหน่ายที่เราจะต้องกดติ๊กถูกก่อน submit ฟอร์มนั่นแหละ ผมเองก็คิดว่ามันง่ายในระดับแล้วนะ มันต้องมากรอก ตัวอักษร ตัวเลข แต่ปรากฎว่ามีลูกค้าโทรศัพท์เข้าที่บริษัทค่อนข้างบ่อย บอกว่ากด สมัครตัวแทนไม่ได้ ผมก็สงสัยว่าเพราะอะไรเค้าถึงกดสมัครไม่ได้ ผมลองใช้งานดูมันก็สมัครได้นะ ไม่ติดปัญหาอะไรแล้วทำไมลูกค้าเรากดสมัครไม่ได้ งงสิครับทีนี้ ไม่รู้จะวิเคราะห์หาสาเหตุยังไงผมนึกขึ้นได้ว่าเว็บเราติด Hotjar ไว้นี่หว่า ( Hotjar คือ เครื่องมือวิเคราะห์การใช้งานของ user ในเว็บเราว่าเค้า คลิกส่วนไหนของเว็บบ้าง ไม่ว่าจะเป็น ปุ่ม ลิงก์ หรือเลื่อนเมาส์ไปส่วนไหนของหน้าจอ ฯลฯ ไว้จะเล่ารายละเอียดให้ฟังวันหลังนะครับ ) พอผมมาเปิดดู history การใช้งานหน้าแบบฟอร์มสมัครตัวแทนจำหน่าย ปรากฏว่าแทบไม่มีการคลิกที่ช่องสี่เหลี่ยมของ captcha เลย นั่นแหละสาเหตุที่สมัครไม่ผ่าน ทั้งที่ผมเขียนบอกไว้ชัดเจนว่าให้คลิกที่ช่องสี่เหลี่ยมตรงนี้ก่อนนะ แต่ก็อย่างว่าละครับ ความปลอดภัยและความสะดวกสบายมักจะสวนทางกันเสมอ ถ้าเราไม่ติด captcha ลูกค้าก็ใช้งานได้ง่ายขึ้นแต่ก็เสี่ยงจะโดน spam แบบนี้เราควรจะเลือกวิธีไหนดีสุดท้ายก็หาวิธีแก้ปัญหานี้ได้นั่นก็คือ Invisible reCaptcha ซึ่งมันก็คือ reCaptcha ที่พัฒนาให้ใช้งานง่ายขึ้นโดยที่มีการขัดจังหวะการใช้งานของ user น้อยลงกว่าเดิมนั่นเอง คือ user ไม่ต้องกดอะไรเลย กรอกฟอร์มเสร็จกด submit แค่นั้นจบเลยผมไม่รอช้ารีบถอด Google reCaptcha เวอร์ชั่นเดิมออกแล้วเปลี่ยนมาใช้ Invisble reCaptcha อย่างไวปรากฎว่าหลังจากนั้นไม่มีลูกค้าโทรเข้ามาที่บริษัทว่าสมัครตัวแทนไม่ผ่านอีกเลย ย้ำว่าไม่มีเลยนะครับ และอัตราการสมัครตัวแทนจำหน่ายก็เพิ่มมากขึ้นกว่าเดิมอีกด้วยและไม่มี spam เลย win win ทั้งฝั่งเราและลูกค้า ข้อดีของปลั๊กอินนี้ไม่ขัดจังหวะการใช้งานของ User UX ดีขึ้นแน่นอน สามารถใช้งานร่วมกับ WooCommerce ได้ สามารถใช้งานร่วมกับ BuddyPress ได้ สามารถใช้งานร่วมกับ ContactForm7 และ Gravity Form ได้ สามารถใช้งานร่วมกับ Seed Confirm Pro ได้เล่าเรื่องมาพอสมควร (เหรอ) มาดูวิธีใช้งานกันครับโหลดปลั๊กอิน คลิกสร้าง API Key สำหรับใช้งาน captcha กับเว็บเราคลิก แล้ว login ด้วย Gmail เข้าไปได้เลย เสร็จแล้วกรอกข้อมูลลงไปดูตัวอย่างตามภาพด้านล่าง Label คือชื่อสำหรับ captcha ที่เราสร้างขึ้นมากรอกเป็นชื่ออะไรก็ได้ผมกรอกเป็น CodingDee.com เลือก...

Ecommerce Tracking For Woocommerce

Ecommerce Tracking สร้างได้ใน 7 ขั้นตอน ช่วยให้เราวัดผล Conversion บนเว็บไซต์ได้ง่ายขึ้น เหมาะสำหรับทีม Marketing เพื่อวิเคราะห์ข้อมูลการสั่งซื้อสินค้า.. Ecommerce Tracking สำหรับใครที่ยังไม่รู้ว่า E-commerce Tracking คืออะไร แล้วทำไปทำไม ผมจะอธิบายให้เข้าใจในเบื้องต้นก่อนนะครับE-commerce Tracking ก็คือการติดตามพฤติกรรมการใช้งานของลูกค้าที่เข้ามาใช้งานภายในเว็บไซต์ของเรา ว่าเค้ามีพฤติกรรมการใช้งานอย่างไรบ้างเช่นลูกค้าเข้าเว็บเรามาจากช่องทางไหน อาจจะมาจาก Facebook หรือมาจาก Google Search เป็นต้น สินค้าในเว็บเราถูกขายไปแล้วรวมทั้งหมดเป็นเงินกี่บาท สินค้าชนิดไหนขายดีที่สุด ลูกค้าชำระเงินผ่านช่องทางไหนมากที่สุด ลูกค้าเลือกช่องทางจัดส่งสินค้าช่องทางไหนมากที่สุดถ้าเรามีข้อมูลพวกนี้จะเป็นประโยชน์อย่างมากช่วยให้เราสามารถวิเคราะห์ได้ว่าเราจะวางแผนทำอะไรต่อไปเพื่อเพิ่ม Conversion Rate (เปอร์เซ็นต์การสั่งซื้อสินค้าภายในเว็บไซต์) ให้มากขึ้นยกตัวอย่าง จากการวิเคราะห์ข้อมูลแล้วเราพบว่าลูกค้าส่วนใหญ่มาจาก Google Search เข้ามาทางบทความ A นั้นหมายความว่า บทความ A เป็นบทความที่ส่งผลต่อการตัดสินใจซื้อของลูกค้า แสดงว่าเราต้องให้ความสำคัญกับบทความ A นี้เป็นพิเศษ อาจจะทำ Optimize หน้านี้ให้โหลดเร็วมากขึ้น ลูกค้าจะได้ไม่ต้องรอนาน ถ้าหน้าเว็บโหลดนานก็มีโอกาสที่ลูกค้าจะปิดหน้าเว็บออกไปทำให้เสียลูกค้าไป สินค้าชนิด B ขายดีที่สุด เราก็ควรจะสั่ง stock สินค้าชนิด B มากขึ้นเพื่อรองรับกับความต้องการของลูกค้าและลดจำนวนการ stock สินค้าที่ขายไม่ค่อยดีลงไปเพิ่มจำนวน stock สินค้า B แทน เป็นต้น ลูกค้าชอบเลือกช่องทางการชำระเงินเป็น EMS เราก็อาจจะนำมาจัดโปรโมชั่นเป็น สั่งสินค้า 500 ขึ้นไปจัดส่ง EMS ฟรี เป็นต้นตัวอย่างก็ประมาณนี้ครับ จริง ๆ สามารถวิเคราะห์ได้หลายหลายมากกว่านี้ แต่เอาไว้เท่านี้ก่อนเนอะพอเห็นประโยชน์ของมันแล้วคงอยากจะติด Tracking กันแล้วใช่ไหมครับ งั้นเรามาเริ่มกันเลย สำหรับใครที่เพิ่งอ่านบทความนี้เป็นครั้งแรกให้ กลับไปอ่านบทความนี้ก่อนนะครับ ไม่งั้นจะงงนะGoogle Tag Manager สำหรับ WordPress ขั้นตอนแรกเราต้องไปตั้งค่า Integration สำหรับ WooCommerce ในปลั๊กอินก่อนขั้นตอนมีดังนี้Login เข้าหลังบ้านเว็บไซต์ ไปที่เมนู ตั้งค่า (Setting) > Google Tag Manager เลือก Tab Integration > WooCommerce ติ๊กถูกที่ checkbox Track classic-ecommerceก่อนที่เราจะสร้าง Ecommerce Tracking ได้เราจะต้องไปเปิดฟีเจอร์นี้กันก่อนครับ ให้เรา Login เข้าไปที่ Google Analytics เลือกเว็บที่ต้องการทำ Ecommerce Tracking เลือก Admin > Ecommerce Settings ตามภาพ Ecommerce set-upStatus เลือก On กด Next step กด Submitสร้าง Goals ขั้นตอนถัดไปเราจะตั้งเป้าหมายว่าเราต้องการจะวัดผลอะไร ผลที่เราต้องการวัดก็คือการสั่งซื้อสินค้าในเว็บไซต์ (Checkout) นั่นเอง ให้เราเลือกที่ Goals ตามภาพคลิก New GoalGoal setupเลือก...

5 ปลั๊กอิน Social Share ที่มีปุ่ม Line มาให้ในตัว

ใครที่กำลังมองหาปลั๊กอิน social share สำหรับทำปุ่มแชร์บทความที่มีไลน์มา เหมาะกับการใช้งานของคนไทย บทความนี้ผมได้รวบรวมมาให้แล้ว เลือกใช้กันได้ตามใจชอบ Social Share   WordPress Plugins1.Seed Social ปลั๊กอินฝีมือคนไทยจาก SeedThemes จุดเด่นของ seed social คือความเบา มีเท่าที่คนไทยนิยมใช้จริง ๆ ใครที่ชอบปลั๊กอินที่ไม่ต้องตั้งค่าอะไรเยอะ แนะนำตัวนี้ครับ ใช้ง่ายมาก ๆมี Shortcode ให้ใช้งาน copy ไปใช้งานได้เลย สะดวกมาก ๆ เลือกได้ว่าจะให้ปุ่มแชร์บริเวณไหนของบทความเช่น ส่วนบนของบทความ ส่วนท้ายของบทความ 2.Free Tools to Automate Your Site Growth สำหรับปลั๊กอิน Sumo นี้เป็นปลั๊กอินที่ค่อนข้างครบเครื่องทำได้หลายอย่างเช่นEmail newsletter Share Google Analytics Heat Mapsมีหลายเว็บที่ใช้ปลั๊กอินนี้อยู่รวมทั้ง CodingDee.com ก็ใช้เหมือนกันผมชอบตรงที่เวลาเปิดในมือถือปุ่มแชร์มันจะเลื่อนตามตลอดและอยู่ใกล้นิ้วหัวแม่มือ ทำให้กดแชร์ได้ง่าย 3.Share Buttons by AddThis ปลั๊กอินนี้คล้าย ๆ กันกับ Sumo ตัวบนแต่ผมไม่ชอบตรงที่เวลากดแชร์มันจะวิ่งไปที่เว็บ AddThis ก่อนแว๊บนึงแล้วค่อยวิ่งต่อไปที่ Social ที่เราแชร์ไป 4.AddToAny Share Buttons สำหรับตัวนี้ก็คล้าย ๆ กันกับ Sumo และ AddThis ครับ แต่ที่ผมไม่ค่อยชอบตัวนี้ก็ตรง หน้าตาของปุ่มแชร์ไม่ค่อยสวยเท่าไหร่ สู้ Sumo และ AddThis ไม่ได้ 5.WordPress Social Sharing Plugin – Sassy Social Share ปลั๊กอินนี้จุดเด่นอยู่ที่ตั้งค่าได้ค่อนข้างหลากหลายยืดหยุ่นเช่นปรับแต่ง custom css ได้ตามใจเรา ย้ายสคริปไปไว้ที่ footer ได้ Load Javascript files in footer ตั้งเวลา cache ได้ Refresh Share Count cache every 10 minutes มี Shortcode ให้ใช้งาน copy ไปใช้งานได้เลยจบแล้ว หากอ่านแล้วชอบบทความจาก CodingDee ก็ฝาก กดไลค์เพจ ด้วยนะครับ จะได้ไม่พลาดข่าวสารเทคนิคดี ๆ จากเรา หรือติดปัญหาตรงไหนก็คอมเมนต์ไว้ด้านล่างนี้ได้ ไว้พบกันบทความต่อไปครับ

เรื่องที่คุณน่าจะชอบ

แจ้งเตือนเว็บล่มผ่าน Line บริการฟรี ที่คนทำเว็บห้ามพลาด

แจ้งเตือนเว็บล่มผ่าน Line ฟรีโดยใช้ IFTTT แอพที่ช่วยเชื่อม services ต่าง ๆ และแจ้งเตือนเรา ยิ่งกว่ามีเลขาส่วนตัวซะอีก ลงแอพนี้ไว้เปรียบเสมือนมีจาวิสคอยเป็นผู้ช่วยเราเลย มันจะคอยแจ้งเตือนเราทุกอย่างตามที่เราตั้งเงื่อนไขไว้ มาดูกันว่าเจ๋งยังไงแจ้งเตือนเว็บล่มผ่าน Line บริการฟรี ที่คนทำเว็บห้ามพลาด จริง ๆ แล้วผมเคยเขียนบทความ  UptimeRobot บริการฟรีที่ช่วยแจ้งเตือนเมื่อเว็บล่ม  ไว้ แล้วก็ใช้วิธีนี้มาตลอดจนมาเจอวิธีที่ผมกำลังจะบอกต่อไปนี้ ทำเอาผมลังเลเลยว่าจะเปลี่ยนมาใช้วิธีนี้ดีไหม มันเจ๋งตรงที่...

5 ปลั๊กอิน Social Share ที่มีปุ่ม Line มาให้ในตัว

ใครที่กำลังมองหาปลั๊กอิน social share สำหรับทำปุ่มแชร์บทความที่มีไลน์มา เหมาะกับการใช้งานของคนไทย บทความนี้ผมได้รวบรวมมาให้แล้ว เลือกใช้กันได้ตามใจชอบ Social Share   WordPress Plugins1.Seed Social ปลั๊กอินฝีมือคนไทยจาก SeedThemes จุดเด่นของ seed social คือความเบา มีเท่าที่คนไทยนิยมใช้จริง ๆ ใครที่ชอบปลั๊กอินที่ไม่ต้องตั้งค่าอะไรเยอะ แนะนำตัวนี้ครับ ใช้ง่ายมาก ๆมี Shortcode...

Facebook Pixel with Google Tag Manager

Facebook Pixel สำหรับใครที่ทำงานด้าน Digital Marketing ผมมั่นใจว่าต้องได้ติดกันแน่นอน สำหรับออฟฟิศที่มี โปรแกรมเมอร์ก็อาจจะให้เค้าช่วยติดให้ได้ แต่ถ้าไม่มีล่ะ หรือโปรแกรมเมอร์งานยุ่งมาก ยังไม่ว่างติดให้หรอก เราจะทำยังไงดีFacebook Pixel with Google Tag Manager ถ้าใครเป็นคนที่ชอบอะไรที่ง่าย ๆ และรวดเร็ว CodingDee มีวิธีที่เหมาะกับคุณ ไม่ต้องรอโปรแกรมเมอร์ ไม่ต้องมีความรู้เรื่องการเขียนโปรแกรม ไม่กี่คลิกก็ติด Pixel...

WordPress 4.7.3 ออกแล้วควรอัพเดททันที

WordPress ออกเวอร์ชั่น 4.7.3 แล้วนะ ลองมาดูสักหน่อยว่ามีอะไรบ้าง อัพเดทรอบนี้แก้ไขด้านความปลอดภัยออกมาถึง 6 จุดดังนี้ข้อมูลจาก WordPress.org บอกว่าเวิร์ดเพรสตั้งแต่ เวอร์ชั้น 4.7.2 ลงไป มีช่องโหว่ด้านความปลอดภัยถึง 6 จุดดังนี้Cross-site scripting (XSS) via media file metadata. Control characters can...

วิธีส่งเมลแจ้งเตือนแอดมินเมื่อ User Login เข้าสู่ระบบผิด

วิธีส่งเมลแจ้งเตือนแอดมินเมื่อ User Login เข้าสู่ระบบผิด บทความนี้ CodingDee จะมาแนะนำวิธีทำ มาดูกันเลยว่าทำยังไงเพิ่มโค๊ดชุดนี้เข้าไปที่ไฟล์ function.php function.php จะอยู่ใน /public_html/wp-content/themes/your-theme add_action( 'wp_login_failed', 'codingdee_notify_failed_login' ); function codingdee_notify_failed_login( $user_login ) { date_default_timezone_set("Asia/Bangkok"); $subject = 'Invalid...