วิธีติดตั้งโค้ดนับจำนวนผู้เข้าชมเว็บไซต์


มีเว็บมาสเตอร์หลายท่านที่ต้องการทราบสถิติจำนวนผู้เข้าชมเว็บไซต์ โดยวัดผลเป็นรายวัน รายสัปดาห์ รายเดือน พร้อมแสดงผลตัวนับจำนวนผู้เข้าชมบนหน้าเว็บไซต์ ก็สามารถทำได้ด้วยการติดตั้งโค้ดนับจำนวนผู้เข้าชมเว็บไซต์ (Counter) จากเว็บไซต์ผู้ให้บริการ เช่น http://www.histats.com (หรือเว็บไซต์อื่น ๆ ซึ่งคุณสามารถค้นหาได้จาก www.google.com ค่ะ) โดยมีวิธีการทำที่ไม่ยาก ดังนี้ค่ะ

1. ไปที่เว็บไซต์ http://www.histats.com และคลิกเมนู Register จะเข้าสู่หน้าสำหรับสมัครสมาชิกใหม่ ให้กรอกข้อมูลลงในแบบฟอร์มจนครบทุกช่องและคลิกปุ่ม Register

 

2. จากนั้นให้ล็อกอิน โดยใช้แอคเคาท์และพาสเวิร์ดที่คุณสมัคร  จะเข้าสู่หน้าแผงควบคุม Control Panel  ให้คลิกปุ่ม Add a website

 

3. กรอกรายละเอียดเกี่ยวกับเว็บไซต์ ได้แก่

หมายเลข 1 : URL เว็บไซต์

หมายเลข 2 : เลือกภาษาที่แสดงบนเว็บไซต์

หมายเลข 3 : เลือกหมวดหมู่เว็บไซต์

หมายเลข 4 : เลือกประเทศ

หมายเลข 5 : เลือกโซนเวลา

หมายเลข 6 : ใส่คีย์เวิร์ดใน Title

หมายเลข 7 : ใส่คำอธิบายเว็บไซต์ (Description)

หมายเลข 8 : เลือกการแสดงผลว่าจะให้ผู้ชมเว็บไซต์มองเห็น Counter หรือไม่

หมายเลข 9 : คลิกยอมรับเงื่อนไขการให้บริการ

หมายเลข 10 : กรอก Captcha

หมายเลข 11 : คลิก Continue
 

 

4. จะปรากฎชื่อเว็บไซต์ที่คุณเพิ่ม ให้คลิกไอคอน   (Stats) เพื่อเข้าหน้าแก้ไขและเลือกรูปแบบตัวนับผู้ชม

 

5. เข้าสู่หน้าแสดงผลสถิติการเข้าชมเว็บไซต์ คลิกที่ปุ่ม Counter Code

 

6. จากนั้นคลิกปุ่ม Add new counter

 

7. จะเข้าสู่หน้าสำหรับ เลือกรูปแบบการแสดงผล Couter ที่ต้องการ 

 

8. กำหนดข้อมูลที่จะแสดงบนตัวนับผู้ชม เลือกสีของแบ็คกราวด์ตามต้องการ และคลิก Save

 

9. จากนั้น จะปรากฎ Counter id ของตัวนับผู้ชม ให้คุณคลิกที่หมายเลข Counter ID > คลิกแท็บ NO JAVASCRIPT และคัดลอกโค้ดที่ปรากฎ

 

10. วิธีการนำโค้ด Counter มาแสดงบนหน้าเว็บไซต์ VelaEasy หลังจาก Log in เข้าส่วนแก้ไขเว็บไซต์แล้ว ให้นำเมาส์ไปวางที่บริเวณที่ต้องการ (นิยมวางในพื้นที่ด้านล่างของเว็บไซต์)  เมื่อปรากฎสัญลักษณ์   ให้คลิก  "แก้ไขด้วย Text Editor"

 

11. ระบบแสดงหน้า Text Editor ให้คลิกที่ไอคอน "Edit HTML Source" ใน Text Editor Version 3 หรือคลิกที่แถบเมนู Tools > "Source Code" สำหรับเว็บไซต์ที่เลือกใช้เครื่องมือ Text Editor Version 4 ค่ะ

 

12. ระบบแสดงหน้าต่างแสดง Source Code ให้วางโค้ดนับจำนวนผู้ชม และคลิก OK

 

13. ระบบจะแสดงหน้า Text Editor อีกครั้ง ให้คลิก บันทึก



การแสดงผลระบบนับผู้เข้าชมเว็บไซต์ จาก Histats.com ตำแหน่งพื้นที่ด้านล่างของเว็บไซต์

 

นอกจากตำแหน่งพื้นที่ด้านล่างแล้ว ท่านสมาชิกสามารถนำโค้ดนับจำนวนผู้ชมไปติดตั้งตรงตำแหน่งพื้นที่ด้านข้างได้ด้วย โดยคลิกที่ "เพิ่ม HTML Widget " > เลือกรูปแบบเป็น "HTML" > วางโค้ดนับจำนวนผู้ชม และคลิกบันทึก (รูปแบบของ histats ที่นำมาวางตำแหน่งพื้นที่ด้านข้าง ควรมี ความกว้างไม่เกิน 200 pixel)

ตัวอย่างการแสดงผลตัวนับผู้ชม ตำแหน่งพื้นที่ด้านข้างของเว็บไซต์


หมายเหตุ

อย่างไรก็ตาม ReadyPlanet ไม่แนะนำให้นำ code จากเว็บไซต์ต่าง ๆ ที่เสถียรภาพของเว็บไซต์ไม่ดี หรือใส่โค้ดตกแต่งจำนวนมากเกินความจำเป็น  เนื่องจากการเปิดหน้าเว็บไซต์ของคุณ จะขึ้นกับความเร็ว และเสถียรภาพของระบบของเว็บไซต์ที่คุณนำ code มาติดตั้งด้วย เช่น หาก server ของ code ที่นำมาติดล่ม หรือโหลดช้า จะทำให้เว็บของคุณเปิดไม่ได้หรือโหลดช้าด้วย 

หากพบปัญหาเกิดขึ้น วิธีการแก้ไขคือ เข้าไปลบ code ต่าง ๆ เหล่่านี้ออก เว็บไซต์ของคุณก็จะทำงานได้ตามปกติค่ะ




VelaEasy Tips

เตรียมข้อมูลทำเว็บไซต์อย่างไรดี
เริ่มต้นใส่ข้อมูลในระบบเว็บไซต์พร้อมใช้ VelaEasy
แนะนำขนาดรูปภาพสำหรับใส่ในเว็บไซต์ VelaEasy
วิธีใส่รูปภาพในเนื้อหาของเว็บไซต์
วิธีอัพโหลดไฟล์เอกสารและสร้างลิงก์สำหรับดาวน์โหลด
วิธีสร้างลิงก์ให้กับข้อความและรูปภาพ
เทคนิคการจัดการเมนูด้านบนที่สวยและดี
จัดการข้อมูลเมนูด้านข้างอย่างไรดี?
เลือกใช้สีในหน้าเว็บไซต์อย่างไรให้เหมาะสม?
วิธีใส่คีย์เวิร์ดในเว็บไซต์เพื่อให้ Google จัดเว็บไซต์ในอันดับที่ดี
4 วิธี เคลียร์เนื้อหายาวๆ ในเว็บไซต์ ให้น่าอ่าน
5 องค์ประกอบของเว็บไซต์ที่ดี
5 สิ่งที่ต้องมี บนโฮมเพจเว็บไซต์
เทคนิคการสร้างลิงก์ไปยังตำแหน่งที่ต้องการ ด้วยเครื่องมือ Anchor
แนะนำวิธีหากลืมรหัสผ่านเข้าสู่หน้าแก้ไขเว็บไซต์สำเร็จรูป VelaEasy
การติดตั้ง Facebook Page Plugin (Like Box) ในระบบ VelaEasy
วิธีแสดงผล VDO ในเว็บไซต์ VelaEasy
แนะนำโปรแกรมตกแต่งและใส่กรอบรูปภาพฟรี! ใช้ง่าย นำไปแต่งเว็บให้โดดเด่นได้เลย
ใช้ระบบ Chat บนหน้าเว็บไซต์ ช่วยถามตอบทุกข้อสงสัย พร้อมเพิ่มโอกาสปิดการขายได้มากกว่า
โชว์เส้นทาง สร้างแผนที่บนเว็บไซต์ง่ายๆ ใช้ Google Map
Google Verification (วิธียืนยันการเป็นเจ้าของเว็บไซต์กับทาง Google)
วิธีการสร้างและยืนยัน Sitemap ของเว็บไซต์ระบบ VelaEasy กับทาง Google
วิธีติดตั้งโค้ด Google Analytics ในระบบ VelaEasy
ติดตั้งเครืองมือแปลภาษา Google Translate บนหน้าเว็บไซต์
ไขข้อข้องใจ "การทำเว็บไซต์ภาษาที่สอง"
สร้างฐานลูกค้าออนไลน์อย่างง่ายแต่มั่นคง ด้วยระบบสมาชิก
เทคนิคสร้างลิงก์และปุ่มโทรบนเว็บไซต์ เพื่อการติดต่อที่ง่าย แค่คลิก แล้วโทร
วิธีเพิ่มลิงก์ Add LINE และปุ่ม LINE it! บนหน้าเว็บไซต์ ช่วยผู้ชมแชทง่าย แชร์ข้อมูลได้สะดวก
เทคนิคแสดงผลแบนเนอร์กิจกรรม ด้วยรูปภาพที่คุณออกแบบเอง
วิธีการแก้ปัญหา hotmail ไม่ได้รับอีเมลแจ้งรหัสผ่าน article