คู่มือการใช้ปลั๊กอิืน Facebook comment

1. คู่มือการติดตั้งและเรียกใช้งานปลั๊กอินที่เกี่ยวกับ Facebook
เสนอ
อาจารย์ดนัยศักดิ์ กาโร
จัดทาโดย
นายธีระพงษ์ ร่วมพันธ์ รหัสประจาตัว 5410380311
สาขาคอมพิวเตอร์ศึกษา
เอกสารฉบับนี้เป็นส่วนหนึ่งของวิชา เทคโนโลยีการพัฒนาเว็บเพื่อการศึกษา 1111307
ภาคเรียนที่ 1 ปีการศึกษา 2557
มหาวิทยาลัยราชภัฏภูเก็ต

2. ปลั๊กอินที่เกี่ยวกับ Facebook
ปลั๊กอินเกี่ยวกับ Facebook นั้นมีหลายอย่าง ได้แก่ การเขียน Comment, ปุ่ม Like, ปุ่ม Share, ปุ่ม Send และปุ่ม Subscribe แต่ปลั๊กอินนี้จะใช้ได้เฉพาะกรณีที่ผู้เปิดเข้าชมเว็บไซต์นั้นมี Account ของ Facebook cและจดจา Account นั้นไว้ในเครื่อง รวมถึงต้องเปิดด้วยเบราเซอร์ตัวที่ล็อกอินเข้า Fackbook ด้วย จึงสามารถเชื่อมโยงกันได้ เช่น สมมติว่าผู้ใช้ Facebook ที่มีชื่อว่า Teerapong Ruamphan เปิดดู บทความที่มีการเรียกใช้ปลั๊กอินเกี่ยวกับ Facebook เอาไว้ ก็จะแสดงปุ่มและช่องให้เขียน Comment ดังภาพ

3. 11
นายธีระพงษ์ ร่วมพันธ์ เลขที่ 11 คศ. 543
คู่มือการติดตั้งและเรียกใช้งานปลั๊กอินที่เกี่ยวกับ Facebook
ขั้นตอนการติดตั้งและเรียกใช้งานปลั๊กอินที่เกี่ยวกับ Facebook
1. ดาวโหลดปลั๊กอิน ที่เกี่ยวกับ Facebook สามารถดาวน์โหลดได้ที่ http://joomla.buildweb.eu/ ซึ่งมีปลั๊กอินที่เกี่ยวกับ Facebook ทั้งหมด 5 ตัว ดังนี้
- Facebook Comment สาหรับการเขียน Comment
- Facebook Like สาหรับแสดงปุ่ม Like
- Facebook Share Button สาหรับแสดงปุ่ม Share
- Facebook Send Button สาหรับแสดงปุ่ม Sent - Facebook Subscribe สาหรับแสดงปุ่ม Subscribe

4. 12
นายธีระพงษ์ ร่วมพันธ์ เลขที่ 11 คศ. 543
คู่มือการติดตั้งและเรียกใช้งานปลั๊กอินที่เกี่ยวกับ Facebook
2. ดาวน์โหลดปลั๊กอินที่เกี่ยวกับ Facebook และเวอร์ชั่นของ joomla ตามต้องการ (ที่นี้ จะเลือก ปลั๊กอิน Facebook Comment สาหรับ joomla เวอร์ชั่น 3.x)
3. เข้าสู่ส่วนจัดการส่วนเสริม (Extension Manager) โดยคลิกเมนู ส่วนเสริม>การจัดการส่วนเสริม

5. 13
นายธีระพงษ์ ร่วมพันธ์ เลขที่ 11 คศ. 543
คู่มือการติดตั้งและเรียกใช้งานปลั๊กอินที่เกี่ยวกับ Facebook
4. คลิก เลือกไฟล์
5. เลือกไฟล์ปลั๊กอิน Facebook Comment ที่ดาวน์โหลดมาในขั้นตอนที่ 2 แล้วคลิก Open

6. 14
นายธีระพงษ์ ร่วมพันธ์ เลขที่ 11 คศ. 543
คู่มือการติดตั้งและเรียกใช้งานปลั๊กอินที่เกี่ยวกับ Facebook
6. คลิก อัพโหลด & ติดตั้ง
7. เมื่อติดตั้งปลั๊กอินเสร็จแล้ว ระบบจะแสดงข้อความ “ติดตั้ง ปลั๊กอิน เสร็จสมบูรณ์”

7. 15
นายธีระพงษ์ ร่วมพันธ์ เลขที่ 11 คศ. 543
คู่มือการติดตั้งและเรียกใช้งานปลั๊กอินที่เกี่ยวกับ Facebook
8. ทาการเปิดใช้งานปลั๊กอิน Facebook Comment โดยการคลิกเลือกเมนู ส่วนเสริม>การจัดการ ปลั๊กอิน
9. คลิกปุ่ม เปิด ใช้งานปลั๊กอิน

8. 16
นายธีระพงษ์ ร่วมพันธ์ เลขที่ 11 คศ. 543
คู่มือการติดตั้งและเรียกใช้งานปลั๊กอินที่เกี่ยวกับ Facebook
10. ตั้งค่าต่างๆ ให้กับปลั๊กอิน Facebook Comment โดยการคลิกที่ชื่อปลั๊กอิน Content – Facebook Comments
11. ปรับค่าออปชั่นต่างๆ ตามต้องการ หรือจะใช้ค่าที่กาหนดมาเลยก็ได้

9. 17
นายธีระพงษ์ ร่วมพันธ์ เลขที่ 11 คศ. 543
คู่มือการติดตั้งและเรียกใช้งานปลั๊กอินที่เกี่ยวกับ Facebook
12. กรณีที่มีการปรับค่าออปชั่น เมื่อปรับค่าออปชั่นเสร็จแล้วให้ คลิก บันทึก หรือ บันทึกและปิด
13. นาปลั๊กอินที่ติดตั้งไปใช้ร่วมกับบทความ โดยการแทรกโค้ด {fcomment} ลงไปในบทความ ณ ตาแหน่งที่เราต้องการ เช่น

10. 18
นายธีระพงษ์ ร่วมพันธ์ เลขที่ 11 คศ. 543
คู่มือการติดตั้งและเรียกใช้งานปลั๊กอินที่เกี่ยวกับ Facebook
14. เสร็จแล้วคลิก บันทึก แล้วทดลองดูบทความที่สร้างในหน้าเว็บไซต์ โดยการคลิก ดูหน้าเว็บ (ด้านล่าง)
15. จะปรากฏช่อง Facebook comment ผู้เข้าชมเว็บสามารถแสดงความคิดเห็นได้ทันที ดังภาพ

11. 19
นายธีระพงษ์ ร่วมพันธ์ เลขที่ 11 คศ. 543
คู่มือการติดตั้งและเรียกใช้งานปลั๊กอินที่เกี่ยวกับ Facebook
16. แต่ถ้าหากขณะนั้น ผู้เข้าชมเว็บไซต์ กาลังกาลังล็อกอินเข้า Facebook ด้วยบราวเซอร์เดียวกัน หรือจดจา Account Facebook ไว้ในเครื่อง ปลั๊กอินจะเชื่อมโยงชื่อผู้ใช้, รูปประจาตัวใน Facebook และ ข้อความที่เรา Comment ลงไป จะไปปรากฏที่หน้าเฟสของผู้ที่ Comment ด้วย (กรณีใช้บน Host จริง) ดังภาพ
ปลั๊กอินที่เกี่ยวกับ Facebook ตัวอื่น ได้แก่ ปุ่ม Like, ปุ่ม Share, ปุ่ม Send และปุ่ม Subscribe ก็ มีวิธีการติดตั้งและการเปิดใช้งานเหมือนกันกับ ปลั๊กอิน Facebook Comment แตกต่างกันเฉพาะตอน เรียกใช้ปลั๊กอินเท่านั้น ซึ่งมีโค้ดการเรียกใช้งาน ดังนี้
- Facebook Comment รูปแบบโค้ด {fcomment}
- Facebook Like รูปแบบโค้ด {flike}
- Facebook Share Button รูปแบบโค้ด {fshare}
- Facebook Send Button รูปแบบโค้ด {fsend} - Facebook Subscribe Button รูปแบบโค้ด {fsubscribe}

12. 20
นายธีระพงษ์ ร่วมพันธ์ เลขที่ 11 คศ. 543
คู่มือการติดตั้งและเรียกใช้งานปลั๊กอินที่เกี่ยวกับ Facebook
ตัวอย่าง การเรียกใช้ปลั๊กอินที่เกี่ยวกับ Facebook