ตรวจจับการคลิ๊กบนหน้าเว็บด้วย ClickHeat

logo170[1]

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

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

ClickHeat 001

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

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

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

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

ClickHeat-002

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

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

ClickHeat-003

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

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

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

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

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

ClickHeat-004

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

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

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

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

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

Thapakorn
Follow me

Thapakorn

Programmer / Startup Owner at Phuketinnova Col., Ltd.
โปรแกรมเมอร์ที่ชอบถ่ายภาพและปั่นจักรยาน(แต่ไม่มีจักรยาน) ชอบทุกอย่างที่เกี่ยวกับเครื่องบินและคอมพิวเตอร์ ใฝ่ฝันอยากเป็นนักบินแต่ได้เป็นโปรแกรมเมอร์ :P
Thapakorn
Follow me

Leave a Reply