สวัสดีครับ ไม่ได้มาอัพเดทนาน เนื่องจากช่วงนี้ไปยุ่งๆ กับการทำเว็บใหม่เป็นเว็บขายกล้องมือสองครับ แต่ตอนนี้ก็เรียบร้อยไปแล้วครับ วันนี้ก็เลยมีโอกาสได้แนะนำการตรวจจับการคลิ๊กบนหน้าเว็บโดยการใช้ ClickHeat ครับ

หลายคนอาจจะสงสัยว่า ClickHeat คืออะไร ก็บอกไว้เลยครับว่ามันคือ Script ที่เอาไว้สำหรับการตรวจจับว่าคนที่เข้าเว็บเราเนี้ยเค้าคลิ๊กเว็บเราที่เมนูหรือบริเวณไหนบ้าง เพื่ออะไรหล่ะ? ก็เพื่อไว้ให้เราตรวจสอบได้นะครับว่าหน้าเว็บเรามีจุดสนใจอยู่ตรงไหนบ้าง ลองดูที่รูปด้านล่างครับ

รูปแสดงการคลิ๊กบนหน้าเว็บ

จากรูปด้านบนนี้เราจะเห็นว่าตรงบริเวณที่มีการคลิ๊กสูงก็จะมีสีเป็นสีเหลืองจุดเล็กๆ ในสีเขียวๆ นะครับ (สีจะไล่จากสีฟ้าอ่อนไปจนถึงสีแดง) เอาหล่ะครับน่าจะเห็นแล้วว่ามันจะช่วยอะไรเราได้บ้าง ต่อไปก็มาดูวิธีการติดตั้ง ClickHeat กันดีกว่าครับ

ขั้นตอนก็ไม่มีอะไรมากครับ ขั้นแรกต้องไปโหลดตัว ClickHeat กันก่อนเลยครับ ที่นี่ครับ?Clickheat-1.14.zip (181.8 kB)

หลังจากนั้นก็ให้ทำการแตกซิบไฟล์ไปไว้ที่ root ของเว็บ จะได้แบบนี้ครับ root/clickheat

หลังจากนั้นให้เรียกหน้า index.php ของ Clickheat ผ่าน url ประมาณนี้ www.domain.com/clickheat/index.php แล้วจะเข้าสู่หน้าจอ Setup ครับ

หลังจากนั้นจะมีการตรวจสอบ Permission การเขียนโฟลเดอร์ config และตรวจสอบไลบรารี GD graphic ว่าได้เปิดให้ใช้หรือไม่ หาก error จะปรากฏหน้าจอประมาณนี้นะครับ (ของผมต้องไปเซ็ต chmod 777 นะครับ หลังจากติดตั้งแล้วค่อยปรับกลับมาเป็นเหมือนเดิม)

เมื่อเรียบร้อยแล้วก็ให้กด Next (จะมีลูกศรสีฟ้าด้านล่าง) ไปหน้าถัดไปเลยครับ

หน้านี้จะเป็นหน้าสำหรับการตั้งค่านะครับ ให้เราสนใจแค่สองส่วนก็พอครับ คือ Security กับ Admin นะครับ โดยส่วนแรกคือ Security ครับ ผมจะอธิบายแบบนี้

ตรงส่วน?Domain names จะเป็นส่วนการตั้งค่าว่าจะเก็บข้อมูลการคลิ๊กหน้าเว็บจากเว็บไหนบ้างครับ เราสามารถใส่ได้หลายเว็บนะครับ เช่นเราต้องการเก็บจากเว็บที่เราดูแล 3 เว็บเราก็สามารถใส่ลงไปได้เลยครับ (การใช้ server เดียวเก็บล๊อคหลายๆ เว็บสามารถทำได้ โดยการแยกเว็บนั้นเราต้องใส่ชื่อเว็บตรงนี้ แล้วอีกส่วนจะอยู่ที่การเอาโค๊ดนั้นไปติดในหน้าเว็บต่างๆ ครับ)

ในส่วนของ Login ให้เราใส่ username ของ admin และ password ลงไปครับ

ดูตามตัวอย่างได้ด้านล่างเลยครับ

?เมื่อใส่ค่าต่างๆ เรียบร้อยแล้วก็ให้กด Check นะครับ หากทุกอย่างเรียบร้อยก็จะมีปุ่ม Save ให้เรากดครับ เมื่อกดแล้วให้เรา Loin เข้าไปอีกรอบนึงครับ หลังจากนั้นจะปรากฏหน้าเปล่าๆ แล้วมีข้อความบอกว่าเรายังไม่ได้ติดตั้ง Code ลงบนหน้าเว็บนะครับ ก็ให้เราเอา Code ด้านล่างไปใส่ในหน้าเว็บครับ

*ให้เปลี่ยน?clickHeatSite?ตามที่ตั้งค่าไว้
*แก้ไข?clickHeatGroup ตามที่ได้ตั้งไว้
*แก้ไข?clickHeatServer ตามที่เราได้ติดตั้งไว้ด้วย
*แก้ไข Domain.com เป็นเว็บของตัวเองด้วยครับ

โดยการติด Code นั้นจะติดแยกตาม Group หรือ Domain ที่เราได้ตั้งค่าไว้ด้านบน หากดูจาก การตั้งค่าด้านบน เราก็จะต้องนำ Code ไปติดตามหน้าต่างๆ 3 หน้า คือ Home, Detail และ Gallery ครับ โดยสามารถแก้ไข Code ได้ที่ตัวแปร?clickHeatGroup?ครับ

เพียงเท่านี้ก็สามารถตรวจจับการคลิ๊กของหน้าเว็บเราได้แล้วหล่ะครับ ใครที่ต้องการตรวจจับหน้าอื่นๆ เพิ่มเติมก็สามารถตั้งค่าเพิ่มเติมลงไปได้เลยครับ

เอาหล่ะครับผมว่าบทความนี้ก็ยาวมากแล้วหล่ะครับ เริ่มเหนื่อยแล้ว หากใครมีคำถามหรือสงสัย ทำไม่ได้ ตรงไหนก็คอมเม้นท์ไว้ได้เลยนะครับ แล้วผมจะมาตอบให้ครับ สำหรับวันนี้ผมต้องขอตัวก่อนหล่ะครับ สวัสดีครับ!

• Author
• Recent Posts

Follow me

Thapakorn

Programmer / Startup Owner at Phuketinnova Col., Ltd.

โปรแกรมเมอร์ที่ชอบถ่ายภาพและปั่นจักรยาน(แต่ไม่มีจักรยาน) ชอบทุกอย่างที่เกี่ยวกับเครื่องบินและคอมพิวเตอร์ ใฝ่ฝันอยากเป็นนักบินแต่ได้เป็นโปรแกรมเมอร์ 😛

Follow me

Latest posts by Thapakorn (see all)

• การสร้าง Class ใน JavaScript - August 26, 2015
• [Showcase] Photoshop แต่งภาพแนว Surrealism – Volcano - May 27, 2015
• [Photoshop Tips] การสร้าง Color Swatches จาก Tone สีของภาพต้นแบบ - March 7, 2015