การใส่ Counter

หากแบ่งส่วนต่างๆของหน้าเว็บมาตรฐานทั่วๆไปออกเป็นส่วนๆ จะแบ่งได้ 4 ส่วนหลัก คือ

1. ส่วนหัวของหน้าเว็บ เป็นส่วนแสดงถึงหัวเรื่องหลักของเนื้อหาที่แสดง

2. ส่วนเมนู เป็นส่วนแสดงรายการของกลุ่มหรือส่วนย่อยของเนื้อหา

3. ส่วน Body ส่วนแสดงเนื้อหา

4. ส่วนท้ายของหน้าเว็บ เป็นส่วนแสดงรายละเอียดที่ควรปรากฏในทุกๆ หน้า อาทิ ชื่อหน่วยงาน, e-mailหรือ จำนวนคนเข้าชม เป็นต้น

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

Counter มี website ที่ให้บริการ Code ฟรี มาหลายแห่ง 

www.freecounterstat.com

www.stat-counter.org

https://statcounter.com/sign-up

http://www.hitwebcounter.com

https://www.counter12.com

http://www.reliablecounter.com

https://www.freevisitorcounters.com

https://www.websiteout.net/counter.php

https://smallcounter.com

ตัวอย่างต่อไปนี้ เราจะเข้าใช้บริการฟรี ของ www.freecounterstat.com

1.เข้าที่เว็บไซต์ www.freecounterstat.com

2.คลิกที่ Create your web counter

3. ทำการเลือกรูปแบบตามที่ต้องการ

4. ใส่รายละเอียดตามขั้นตอนลงบนหน้าเว็บให้ครบถ้วน เมื่อเรียบร้อยกด ปุ่ม Submit (หรือปุ่ม OK ทั้งนี้แล้วแต่เว็บนั้นๆ)

5. เมื่อคลิก Submit ระบบของเว็บจะสร้าง code ให้ท่าน ชุด หรือ สองชุด ในตัวอย่างนี้ ให้มา 2 ชุด เป็นชุด ทำการ Copy CODE 

6. ที่ Google Sites หน้าสร้างงาน ให้ Scroll ลงมาที่ส่วนท้ายสุด จะพบพื้นที่สีเทา แสดงด้วยเครื่องหมาย + Add Footer (กรณีที่ยังไม่ได้เพิ่ม แต่ถ้าเพิ่มแล้ว จะมีคำว่า Edit Footer \)ให้ทำการคลิก

7. จะเกิดส่วน Insert ข้อความ ท่านอาจใส่ข้อความ อาทิ

8. ฝั่งเครื่องมือด้านขวา กลุ่ม Insert คลิกเลือก Embed

9.จะเกิดหน้าต่าง ให้เลือกไปที่ EMBED CODE ดังรูป

10. ทำการวาง Code ที่ได้ Copy ไว้ในข้อที่ 5 คลิกปุ่ม NEXT ตามลำดับ

11. จะแสดง Counter ตามแบบที่ได้เลือกไว้ หากถูกต้อง คลิก ปุ่ม INSERT 

ตัว COUNTER จะปรากฏตรงส่วนท้ายหน้าเว็บ 

แต่ ตัว COUNTER ที่ได้ จะปรากฎตรงส่วนด้านซ้าย ซึ่งดูแล้วอาจจะไม่สวยงามซึ่งเป็นค่า default ในเกือบทุกๆเว็บฟรี code 

วิธีแก้ ให้ COUNTER แสดงตรงกลาง

1. ใช้เมาส์ชี้ไปที่ส่วนท้ายจะเกิดแถบสีเทาดังภาพด้านล่าง  คลิกที่ Edit Footer 

2. จะแสดงด้วยพื้นที่ ที่สว่าง แต่ส่วนอื่นของหน้านี้ จะสีเทา ไปทันที ทำการคลิกที่ ตัว COUNTER 

3. จะเกิด กรอบสี และจุด 4 จุด พร้อมเครื่องมือ รูปปากกา และถังขยะ ดังภาพด้านล่าง

4. คลิกที่รูป ปากกา จะแสดงหน้ต่าง CODE ขึ้น

5. เติม CODE : <center> วางตรงส่วนหน้า และ </center> วางปิดหลัง

6. กรอบจะ Preview แสดงภาพตรงกลางตามต้องการ คลิก SAVE ก็เสร็จขั้นตอน