ReadyPlanet.com
dot

dot
เลือกเวอร์ชั่น Text Editor
Editor Manual
แนะนำวิธีทำเว็บไซต์เบื้องต้น
Function Update
dot
dot
เว็บไซต์รูปแบบ Responsive web design
จัดการเมนูหลัก
เมนูโค้ดและสคริปต์ภายใต้ <head>
ประวัติการใช้งานระบบ
ตัวนับผู้ชมเว็บ
Google Service/Sitemap
จัดการอีเมลสมัครรับข่าวสาร
dot
dot
ระบบผู้ช่วย
ระบบ Chat
dot
dot
การตั้งอีเมล Pop Mail
dot
dot
bulletจัดการเว็บไซต์
bulletระบบพื้นฐาน
bulletระบบเสริม
bulletบริการสมาชิก
bulletเทคนิคอื่นๆ
bulletText Editor
dot
dot
bulletจัดการแบบฟอร์มติดต่อกลับ


วิธีติดตั้งเครืองมือแปลภาษา Google Translate บนหน้าเว็บไซต์

ในปัจจุบัน เว็บไซต์ ถือเป็นช่องทางสำคัญที่ทั่วโลกใช้ในการประชาสัมพันธ์ข้อมูลข่าวสารต่าง ๆ อย่างรวดเร็วและไร้พรมแดน ไม่ว่าจะอยู่ประเทศใด เพียงแค่เชื่อมต่อเครือข่ายอินเทอร์เน็ตก็สามารถเข้าถึงเว็บไซต์ได้จากทุกมุมโลกแล้วนะคะ  ซึ่ง ReadyPlanet มีเครื่องมือที่จะช่วยเป็นล่ามแปลภาษาบนหน้าเว็บไซต์ได้กว่า 65 ภาษาทั่วโลก มาแนะนำท่านสมาชิกที่ใช้งานระบบเว็บไซต์สำเร็จรูป VelaClassic ค่ะ กับเทคนิคการติดตั้งเครื่องมือช่วยแปลภาษาบนหน้าเว็บไซต์ด้วย Google Translate โดยมีขั้นตอนดังนี้ค่ะ


1. ไปที่หน้า
Google Website Translator - Add Website ล็อกอินเข้าใช้งานด้วยอีเมล Google Account ของคุณ (หากยังไม่มีสามารถคลิกสมัครใช้งานใหม่ได้ค่ะ) จากนั้น จะปรากฏช่องสำหรับกำหนดข้อมูลในแท็บแรกชื่อ Website Info ดังนี้

1.1. Website URL : ให้กรอกชื่อเว็บไซต์ของคุณ

1.2. Website Language : เลือกภาษาหลักที่ใช้ในเว็บไซต์

1.3. คลิกปุ่ม Next

 

2. เข้าสู่แท็บ Plugin Setting สามารถกำหนดการตั้งค่าเพิ่มเติมได้ดังนี้

2.1. Translation Languages : ตัวเลือกภาษาที่จะแสดงผลให้ผู้เข้าชมเลือกใช้ คือ แปลทุกภาษา หรือระบุเฉพาะภาษาที่ต้องการให้แปลได้

2.2. Display mode : เลือกรูปแบบการแสดงผลเครื่องมือแปลภาษาบนหน้าเว็บไซต์ ซึ่งมีให้เลือก 3 รูปแบบ ได้แก่

2.2.1. Inline แสดงผลเครื่องมือแปลภาษาแบบบรรทัดเดียว สามารถเลือกการแสดงผลได้ทั้งแบบแนวตั้ง แนวนอน และแสดงผลเฉพาะ Drop Down ได้ (รูปแบบนี้เหมาะสมกับการแสดงผลบนหน้าเว็บไซต์สำเร็จรูป ReadyPlanet ค่ะ)

2.2.2. Tabbed : แสดงผลเครื่องมือแปลภาษาแบบแท็บเมนู

2.2.3.  Automatic : หากเลือกการแสดงผล Google Translate แบบอัตโนมัติ เมื่อผู้เข้าชมเว็บไซต์เปิดเข้าสู่เว็บไซต์ของ
คุณแล้ว Google ตรวจสอบพบว่า Browser ของผู้เข้าชมมีการตั้งค่าภาษาที่ต่างกับภาษาของที่ตั้งค่าเว็บไซต์ Google Translate จะแปลภาษาบนหน้าเว็บไซต์และแสดงผลแก่ผู้เข้ามชมอัตโนมัติ โดยไม่มี Dropdown แสดงผลค่ะ

2.3. Advanced : การตั้งค่าเพิ่มเติมเกี่ยวกับการแสดงผลภาษาอัตโนมัติ การเลือกแสดงภาษามากกว่า 1 ภาษาในเว็บไซต์ และติดตามTraffic การแปลภาษาด้วย Google Analytics ได้

2.4. คลิกปุ่ม Get Code เพื่อรับโค้ดไปติดตั้งในเว็บไซต์

 

3. เข้าสู่แท็บ Add Plugin จะปรากฎโค้ดสำหรับนำไปติดตั้งในเว็บไซต์ ซึ่งส่วนที่รองรับการติดตั้งโค้ดและแสดงผลในทุก ๆ หน้าเว็บไซต์อัตโนมัติ เช่น ตำแหน่งที่แสดงผลแบนเนอร์เทศกาล (แสดงผลด้านบนสุดของหน้าเว็บไซต์) หรือ พื้นที่แบนเนอร์ (แสดงผลที่ด้านข้างหรือด้านบน ขึ้นอยู่กับการเลือกตำแหน่งติดตั้งโค้ด) โดยมีขั้นตอนดังนี้

3.1. คัดลอกโค้ด Meta Name ที่ปรากฎ ดังรูป

 

3.2. ล็อกอินเข้าสู่ส่วนจัดการเว็บไซต์ ที่เมนู "ระบบพื้นฐาน" คลิก "แผนผังเว็บไซต์"

 

3.3. เข้าสู่หน้า "แผนผังเว็บไซต์/Sitemap" คลิกแท็บ "Google Verification" จากนั้น

 - ที่หัวข้อ Google Verification Type คลิก "Meta Name"

 - ที่หัวข้อ Google Verification Meta Name ให้วางโค้ด Meta name ที่คัดลอกมาในช่องว่าง (หากมีโค้ดอื่นอยู่ในช่องก่อนแล้ว ให้วางโค้ด Meta Name ต่อท้ายโค้ดที่มีอยู่ได้เลยค่ะ)

 - คลิกปุ่ม "ตกลง" เพื่อบันทึก


3.4. เมื่อระบบบันทึกข้อมูลเรียบร้อยแล้ว คลิก "กลับหน้าหลัก"

 

3.5.จากนั้น กลับไปที่หน้า Google Website Translator ทำการ คัดลอกโค้ด Google Translate ที่ปรากฎ ดังรูป

 

3.6. การติดตั้งเครื่องมือแปลภาษา Google Translate ที่ตำแหน่ง แบนเนอร์เทศกาล

- ที่ส่วนจัดการเว็บไซต์ ที่เมนู "ระบบพื้นฐาน" คลิก "แบนเนอร์เทศกาล"

 

- คลิกแท็บ "จัดการแบนเนอร์เทศกาล"

- ที่หัวข้อ "เลือกรูปแบบ" คลิก "ใช้รูปแบบใหม่ที่กำหนดเอง

- เลือกรูปแบบแบนเนอร์เป็น "เลือกสร้าง code HTML"

- วางโค้ดที่คัดลอกมาในช่อง "HTML Code"

- คลิก "แสดงแบนเนอร์"

- คลิกปุ่ม "ตกลง" เพื่อบันทึก

 

ตัวอย่างการแสดงผลเครื่องมือแปลภาษา Google Translate บนหน้าเว็บไซต์ในส่วน แบนเนอร์เทศกาล (อยู่เหนือภาพส่วนหัว หรือเมนูหลัก)


ตัวอย่างการแสดงผลภาษาบนหน้าเว็บไซต์ หลังจากคลิกเลือกแปลภาษาที่ต้องการ

 

3.7. ตัวอย่างการติดตั้งโค้ดเครื่องมือแปลภาษา Google Translate ใน พื้นที่แบนเนอร์

- ที่เมนู "จัดการเว็บไซต์" คลิกเมนู "พื้นที่แบนเนอร์"

 

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

 

-  เลือกรูปแบบของแบนเนอร์เป็น "ใช้ HTML Code" จากนั้น วางโค้ดที่คัดลอกมาในช่องว่าง และคลิก "ตกลง" เพื่อบันทึก

 

ตัวอย่างการแสดงผลเครื่องมือแปลภาษา Google Translate บนหน้าเว็บไซต์ในส่วน พื้นที่แบนเนอร์พิเศษด้านบน

 

หมายเหตุ : ควรเลือกติดตั้งโค้ดเครื่องมือแปลภาษา Google Translate ในเว็บไซต์เพียงตำแหน่งเดียวค่ะ และหากติดตั้งโค้ดเรียบร้อยแล้ว ต้องการเปลี่ยนรูปแบบการแสดงผลหรือการตั้งค่าของ Google Translate สามารถแก้ไขได้ที่ http://translate.google.com/manager/website/settings ค่ะ

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

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

 

Jittima  Suebsook
www.ReadyPlanet.com




วิธีใส่ข้อมูลและตกแต่งเว็บไซต์สำเร็จรูป ReadyPlanet เบื้องต้น

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