บทความแสดงตัวอย่างการติดตั้ง Statcounter ใน Joomla 3.1.x เพื่อนับจำนวนคนเข้าชมเว็บไซต์ ซึ่งตัวนับสถิติจาก Statcounter.com นี้ยังมีความสามารถด้านอื่นๆ อีกมากมาย สามารถตรวจสอบบทความยอดนิยมที่อ่านบ่อยๆ ได้ ดูลิงค์ที่พาผู้ชมเข้ามา ฯลฯ

ตัวนับจำนวนผู้เข้าชมเหล่านี้มีประโยชน์มาก ช่วยให้เรารู้ข้อมูลผู้เยี่ยมชมเว็บไซต์ของเรา ซึ่งจะช่วยให้เรานำไปใช้ประโยชน์ได้หลายอย่าง เพื่อพัฒนาเว็บไซต์ของเราต่อไป นอกจาก Statcounter แล้วก็ยังมีเจ้าอื่นๆ ที่เราจะเห็นกันบ่อยๆ เช่น stat.in.th และ Truehits.net แต่จะใช้ตัวไหน หลักการติดตัวนับสถิติคนเข้าชมเว็บไซต์ Joomla 3 ก็จะปฏิบัติคล้ายๆ กัน

การสมัครสมาชิก Statcounter.com
ก่อนจะติดตั้งตัวนับ Startcounter ให้ Joomla 3.1 จะต้องไปสมัครเป็นสมาชิกทางเว็บไซต์ก่อน แล้วก็จะได้โค้ดมาแปะใน Joomla อีกที
1. ไปที่ www.statcounter.com
2. คลิก Sign Up Now!

3. ป้อนข้อมูลของเราลงไป เช่น Username, Email Address ชื่อจริง รหัสผ่าน
4. กรณีเป็น Username หากปรากฏข้อความ Available ก็แสดงว่าสามารถใช้งานได้
5. เสร็จแล้วคลิก Create Account

การสร้างโค้ดติดตามไว้ติดในเว็บไซต์ของเรา
หลังจากสมัครเรียบร้อยแล้วเราก็ไปสร้างโค้ดนับคนเข้าชมเว็บไซต์กันเลย
1. หลังจากสมัครเรียบร้อยแล้ว ก็จะเข้าสู่หน้าจอ Add Project ให้ไปสร้างโค้ด
2. Project URL คลิกและพิมพ์ชื่อเว็บไซต์ลงไป จะมีตัวอย่างให้ดูเช่น http://example.com
3. Project Title โปรแกรมจะเอาชื่อเว็บไซต์ มาเพิ่มลงไปให้เอง ใช้ชื่อเดียวกันได้เลย
4. Country คลิกเลือกประเทศ
5. Timezone คลิกเลือกเวลา ของไทยเราก็ดังตัวอย่าง
6. Make Statistics Public กำหนดให้คนอื่นสามารถดูข้อมูลคนเข้าชมเว็บได้หรือไม่ แนะนำว่า ควรไว้ดูคนเดียวดีกว่า นอกเสียจากคนเข้าเยอะมาก และต้องการหาโฆษณามาลงเว็บไซต์ ก็เปิดไว้ ให้คนที่จะมาลงโฆษณาได้ดูเพื่อตัดสินใจ
7. ไปเลือกรูปแบบของ Counter หรือตัวนับมีหลายแบบ เช่น Visible Counter, StatCounter Button และ Invisible Tracking แบบนี้จะไม่แสดงอะไรเลยบนหน้าจอ เวลาต้องการตรวจสอบต้องเข้าระบบมาดูรายงาน
8. ในส่วน Email Reports จะให้เลือกจัดการกับรายการผลการตรวจนับคนเข้าเยี่ยมชมเช่น ให้ส่งรายงานตามอีเมล์ด้านล่างทุกสัปดาห์ ทุกเดือนหรือทุกวัน
9. เสร็จแล้วคลิก Add Projet

10. คลิก Default Installation Guide
11. จะเห็นโค้ดสำหรับนำไปแปะในเว็บไซต์ ให้คลิก แล้วคลิก Copy
12. จากนั้นจึงคลิกที่ Home แล้วออกจากระบบได้เลย
13. โค้ดที่ได้ ให้นำไปเก็บใน Notepad ไว้ใช้งานต่อไป

ขั้นตอนการแปะโค้ด Statcounter ใน Joomla 3
หลังจากได้โค้ดมาแล้วเราก็จะทำการแปะเข้าไปใน Joomla 3 ซึ่งสามารถทำได้ 2 วิธีด้วยกันคือแปะโค้ดในโมดูลและแปะในเทมเพลทที่เราใช้

การแปะโค้ด Statcounter ในโมดูลของ Joomla 3
การแปะโค้ดด้วยวิธีนี้มีข้อดีก็คือเวลาที่มีการอัพเดทตัวโปรแกรม Joomla โค้ดก็ไม่หายต่างจากการแปะในเทมเพลท
1. ตัวอย่างการแปะโค้ดในเทมเพลท ซึ่งจะใช้เทมเพลทชื่อ Beez3 จะแปะไว้ในตำแหน่ง Position 11
2. หรืออาจจะแปะไว้ที่ Position 14 ก็ได้

3. ให้เข้าระบบ Joomla 3 แล้วคลิก Extensions>>Module Manager
4. คลิก New
5. การแปะโค้ดแบบนี้จะต้องติดตั้งโปรแกรมเสริมให้ Joomla 3 ก่อน โดยใช้ Flexi Custom Code
6. ตั้งชื่อ Title = Statcounter
7. คลิกเลือก Position = position 11

8. ตัวอย่างโค้ดที่ได้แปะลงไป
9. สำหรับโค้ดนั้นให้จัดตำแหน่งตรงกลางด้วยคำสั่ง align center
10. เสร็จแล้วคลิก Save

11. ตัวอย่างที่ได้ เมื่อดูผลงาน จะแสดงด้านล่างตำแหน่ง Position 11
12. การวางแบบนี้ เทมเพลที่เราใช้งานต้องมีตำแหน่งรองรับ

การวางโค้ด Statcounter ในไฟล์ index.php ของ Joomla 3
การวางโค้ดอีกวิธีหนึ่งจะวางในไฟล์ index.php ของเทมเพลทที่เราใช้งาน หากใช้เทมเพลทมาตรฐานของ Joomla 3 อย่าง Beez3 หรือ Protostar เมื่อมีการอัพเดทไฟล์ของ Joomla 3 โค้ดดังกล่าวก็จะถูกลบออกไป ต้องติดตั้งใหม่ นี่คือข้อเสียของการวางโค้ดแบบนี้
1. เข้า DirectAdmin แล้วเข้า File Manager แล้วเข้าไปในพื้นที่เก็บไฟล์ของเว็บไซต์ที่เราต้องการแก้ไข
2. เมื่อเข้าไปในที่เก็บไฟล์ของ Joomla 3 แล้วให้คลิกโฟลเดอร์ templates

3. คลิกเลือกโฟลเดอร์ของเทมเพลทที่เราใช้งาน เช่น beez3
4. จะพบไฟล์ index.php ให้คลิก Edit ด้านขวามือ

5. เลือกตำแหน่งวางโค้ด ด้านล่าง ดังภาพ
6. เสร็จแล้วคลิก Save As

7. ตัวอย่างผลงานที่ได้ โค้ดจะแสดงด้านล่างสุด ถัดจาก สงวนลิขสิทธิ ตามภาพ

คำเตือน

ย้ำนะครับ การวางด้วยวิธีนี้ กรณีที่มีการอัพเดทไฟล์ของ Joomla ซี่งเราต้องทำกันบ่อยๆ อยู่แล้ว เช่น Update Joomla 3.1.5 เป็น 3.1.6 ฯลฯ โค้ดจะถูกลบออกไป ต้องมาแปะใหม่ทุกครั้งที่มีการอัพเดท