PinionBlog » Webmaster Tool

จัดการ JavaScript ด้วย Firebug

Xen — Mon, 16 Jun 2008 07:04:07 +0000

มารู้จัก Firebug กันก่อน Firebug คือ Extension ตัวหนึ่งของ Firefox ซึ่งสามารถ debugging, editing, และ monitoring เกี่ยวกับ CSS, HTML, DOM และ JavaScript ของเว็บไซต์ต่างๆ เหมาะกับ Webmaster หรือผู้ที่ต้องการเขียน Javascript

มาเริ่มกันเลยดีกว่า ก่อนอื่นทำการ Download Firefox และ Extension Firebug มาติดตั้ง ทำการ restart Firefox

หลังจากติดตั้งเสร็จ ลองเปิด Firebug โดยการคลิ๊กที่ console ของ Firebug ด้านล่างขวาของ Firefox สามารถพิมพ์คำสั่งตามที่ต้องการได้หลัง >>> ซึ่งเป็น line starting ถ้าคุณหา >>> ไม่เจอที่ล่างสุดของ console tab ให้เลือก option และเอาเครื่องหมายถูกหน้า Larger Command Line ออก

ลองพิมพ์คำสั่ง

function fn() { alert(“Hello PinionBlog”); };

กด Enter ไม่มีอะไรเกิดขึ้น ? ถูกต้องแล้วครับ นี่เป็นเพียงการกำหนด function จากนั้นลองพิมพ์

fn();

กด Enter จะปรากฏหน้าต่างขึ้นมา

นี่เป็นตั่วอย่างในการทดสอบ Javascript ที่ละคำสั่งครับ คุณสามารถเปิด Firebug ให้รันคำสั่งได้ที่ละหลายๆบรรทัดในครั้งเดียวได้โดยการ คลิ๊กที่ลูกศรตามรูป Firebug ก็จะแสดงรูปหน้าต่างแบบเต็มครับ

ที่จริง Firebug มีฟังชั่นก์ในการใช้งานอีกมากมายนอกจากการทดสอบรันคำสั่ง Javascript ผมเองก็ยังเพิ่งเริ่มใช้ เห็นว่ามันมีประโยชน์ดีเลยอยากแนะนำให้ลองใช้กันดู

โปรแกรมตรวจอันดับ Keyword

Xen — Sat, 19 Apr 2008 15:22:51 +0000

หลายคนคงเคยเป็นแบบผมที่พยายามค้นหาเว็บไซต์ของตัวเองว่าอยู่อันดับที่เท่าไรใน Keyword ที่เรากำลังสนใจ ซึ่งกว่าจะเจอแต่ละทีตาลายกันไปข้างนึง พอดีผมมี Tool ใช้งานฟรีตัวหนึ่งอยากจะมาแนะนำให้ลองไปให้กันดู ชื่อโปรแกรม Free Monitor for Google ไว้สำหรับดูอันดับการเปลี่ยนแปลง Keyword ของเราว่าอยู่อันดับที่เท่าไรใน Google

- ดาวน์โหลดโปรแกรม Free Monitor for Google (ver 2.4.21.53)

- หรือดาวน์โหลด Version ล่าสุดจากเว็บไซต์ผู้ผลิต Cleverstat.com

1. ทำการ Download และติดตั้งตัวโปรแกรมลงเครื่อง
2. เริ่มแรกทำการ add เว็บไซต์ของเราลงไปก่อน โดยการกด icon เครื่องหมาย + สีเขียว (Add URL)
3. ทำการ add Keyword ที่เราสนใจติดตาม โดยเลือกปุ่ม (Edit keywords) พิมพ์ Keyword ที่ต้องการ กด add
4. กำหนดขอบเขตในการค้นหาที่ Options>>Preferences ปรับ check first ตามต้องการ และเลือก Country เป็น Thailand
5. เริ่มทำการค้นหาเลือกที่ icon รูปแว่นขยาย (Search)

จะได้ตัวอย่างผลลัพธ์ดังรูป

ฟรี เก็บข้อมูลสถิติเว็บไซต์

Xen — Sat, 19 Apr 2008 12:35:19 +0000

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

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

Stats.in.th
เว็บไซต์ผู้ให้บริการเก็บข้อมูลสถิติเว็บไซต์ของไทยรายใหม่ที่เพิ่งเปิดให้บริการมาไม่นานมานี้ ข้อดีก็คือมีการเปรียบเทียบข้อมูลกับเว็บไซต์ของเรากับเว็บไซต์ไทยอื่นๆที่เป็นสมาชิกของ Stats.in.th และการเข้าดูข้อมูลที่ค่อนข้างรวดเร็ว เนื่องจากเว็บไซต์ผู้ให้บริการอยู่ในประเทศไทยเช่นกัน