การสร้างแกดเจ็ต (Gadget) ใส่เว็บไซต์

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

รายละเอียดเต็มๆ เกี่ยวกับแกดเจ็ตได้ที่หน้าหลัก
http://www.google.com/webmasters/gadgets

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

โครงสร้างคำสั่งแกดเจ็ต
 
 
 
เพื่อให้มองเห็นภาพชัดเจนมากยิ่งขึ้น จะสาธิตการสร้างแกตเจ็ต ShoutMix ลงในเว็บว่ามีขั้นตอนอย่างไรบ้าง
 
1.หลังจากตั้งค่าต่างๆ ของ ShoutMix เรียบร้อยแล้ว ให้คัดลอกโค๊ดทั้งหมด ในหัวข้อ Embed codes
 
 
 
 

2. เปิดโปรแกรม Notepad  ขึ้นมา
สำหรับท่านที่เพิ่งเคยได้ยินชื่อเจ้าโปรแกรม Notepad นี่เป็นครั้งแรก
อาจงงว่ามันอยู่ตรงไหน   ให้ไปที่ Program.......Accessories..........
Notepad จะอ่านว่าโน๊ตเพจ โน๊ตแพจ หรือ โน๊ตแพด อะไรก็ตามขอให้เปิดหาเจอก็แล้วกัน
 
 
 

3. เมื่อวางไฟล์ที่คัดลอกโค๊ดมา ใน Notepad แล้ว
ในหัวข้อตันฉบับ คือไฟล์ที่คัดลอกมาทั้งหมด ให้คัดลอกเฉพาะส่วนที่ระบายสีเหลือง
ไปไว้อีกบรรทัดหนึ่ง ซึ่งจะใช้ทำแกดเจ็ตต่อไป (หัวข้อที่ต้องใช้จริง)
 
 

4. เปิดโปรแกรม Notepad ขึ้นมาอีกครั้งหนึ่ง เพื่อสร้างไฟล์ใหม่ (รวมที่เปิดอยู่ก่อนหน้านี้ก็ 2 หน้าต่างแล้ว)
แล้วคัดลอกข้อความแกดเจ็ดข้างล่างนี้ทั้งหมด ไปไว้ในไฟล์ใหม่
 
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Custom Gadget" />
<Content type="html"><![CDATA[
      
ใส่โค๊ดคำสั่ง จาวาสคริปซ์ต่างๆ ตรงนี้ (เนื้อหาส่วนบนและล่างไม่ต้องลบ)

]]></Content>
</Module>
 
 

5.ตัวอย่างการใส่โค๊ดแกดเจ็ต
 
 
 

6.เสร็จแล้วให้บันทึกไฟล์ โดยควรตั้งชื่อไฟล์เป็นภาษาอังกฤษหรือตัวเลข
ก่อนตั้งชื่อไฟล์ ให้คลิก All Files ในช่อง Save as type:
แล้วตั้งชื่อไฟล์.xml (ชื่อไฟล์จุดxml) เพื่อกำหนดให้ไฟล์เป็นแกดเจ็ต
 
 
 

7. จากนั้นเอาไฟล์ที่บันทึกเสร็จเรียบร้อยแล้ว อัพโหลดไปเก็บไว้ในตู้เก็บไฟล์เว็บเรา (ดูวิธีการสร้างตู้เก็บไฟล์เพิ่มเติม)
แล้วคัดลอกลิงค์นั้นมา ตัวอย่างเว็บบ้านไร่นาเรา สร้างตู้เก็บไฟล์ชื่อว่า gadget ลิงค์ที่ได้ คือ
http://sites.google.com/site/banrainarao/gadget/shoutmix.xml
 
 

8.ที่นี่ เปิดหน้าเว็บที่ต้องการแทรกแกดเจ๊ต shoutmix ลงไป
แต่แนะนำให้คุณสร้างไฟล์หน้าทดสอบขึ้นมาลองดูก่อน เพื่อกันความผิดพลาดที่อาจส่งผลต่อหน้าหลัก
เมื่อทดสอบจนได้ผลตามที่ต้องการแล้ว ค่อยใส่แกดเจ๊ดในหน้าจริงที่ต้องการต่อไป
 
วิธีการใส่ ไปที่เมนูแทรก...............เลือกแกดเจ็ตเพิ่มเติม
 
 
 

9. เลือกเพิ่ม Gadget โดยใช้ URL
วางลิงค์แกดเจ็ดที่คุณคัดลอกมา ถ้าถูกต้องจะปรากฏปุ่มเพิ่มให้เห็น กดปุ่มเพิ่มเพื่อดำเนินขั้นตอนต่อไป
 
 

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