การติดตั้ง Joomlant Facebook Like Button Plugin

การติดตั้ง Joomlant Facebook Like Button สำหรับ Joomla! 1.5

Note: Non Thai visistors please go to www.joomlant.org

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

    1. Download ไฟล์ Joomlant Facebook JavaScript Loader Plugin จาก www.joomlant.com
    2. ทำการติดตั้งและเข้าไปกำหนดค่า parameter ของ plugin นั่นคือ Application ID ที่ได้รับจาก Facebook
    3. เข้าไปที่ http://www.facebook.com/developers/createapp.php เพื่อทำการสร้าง Application กับ Facebook

  • ใส่ชื่อ Application ของคุณ คุณอาจจะใส่เป็น Site Name ของคุณเอง เช่น Joomlant dot com และเลือกยอมรับเงื่อนไขของ Facebook กด Create Application เพื่อทำการบันทึก
  • จาก Basic Tab ให้ใช้ข้อมูลต่างๆ ตามที่โปแกรมกำหนดให้ และบันทึกข้อมูล Application ID ไว้สำหรับการใช้งานกับ Plugin (ใช้ copy and paste ดีที่สุด)
  • ไปที่ Connect Tab กำหนด Connect URL เป็น link ไปยัง domain ของคุณ ตามด้วย / เช่น http://www.joomlant.com คุณสามารถเปลี่ยน Logo หรือทำอะไรได้หลายๆ อย่าง ที่นี่

 

  1. Download ไฟล์ Joomlant Facebook Button Like Plugin จาก www.joomlant.com
  2. ทำการติดตั่งโดยใช้ Joomla! Installer
  3. กำหนดค่า parameters ต่างๆ ของ plugin โดยมีสองรูปแบบให้คุณเลือกใช้แบบแรกคือ IFRAME
    • การทำงานใน Mode IFRAME ซึ่งจะมีลูกเล่นน้อยกว่า แต่การกำหนด Configuration ต่าง ๆ และ การ Set up ไม่ยุ่งยาก
    • เข้าไปที่ Extensions -> Plugin Manager
    • เลือก Filter ตัว plugin ด้านขวามือให้เหลือเฉพาะ content หรือ หาชื่อ plugin "Content - Joomlant Facebook Like"Double Click เพื่อทำการกำหนดค่า parameters
    • เลือก Output เป็น IFRAME
    • เลือก Action เป็น Like หรือ Recommend ซึ่งจะแสดงคำ Like หรือ Recommend ในปุ่มของ Facebook
    • เลือก Color Scheme ระหว่าง Light คือสีอ่อน หรือ Dark สีเข้
    • เลือก Layout Mode เป็น Standard หรือ Button Count ซึ่งจะแสดงจำนวนของผู้ใช้ที่กดปุ่มบนบทความของเรา
    • กำหนด Width และ Height ของกล่องซึ่งจะรวมถึงกรณีที่มีผู้ใช้กด จะมีรูป profile เล็กๆ แสดงไว้ด้ว
    • กำหนด Section ID ที่จะแสดงตัว Button ถ้าต้องการแสดงหลายๆ Section ให้ใช้ comma คั่น ถ้าต้องการแสดงทั้ง Section ให้ใส่เฉพาะ Section ID
    • หากต้องการกำหนดถึง Category ก็สามารถระบุเป็น category id ได้เช่นกัน   
  4. การทำงานใน Mode XFBML ซึ่งจะมีการ Link JavaScript จาก Facebook สิ่งที่คุณต้องทำคือ
    • การแก้ไขไฟล์ template ที่ใช้งานปัจจุบัน โดยการเพื่มข้อมูลใน tag <html > ใน version ต่อไปจะพยายามทำส่วนนี้ให้เป็นแบบ Automatic โดยการเพิ้มจะมีดังนี้
             xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"

ดังนั้นคุณจะได้ลักษณะ tag <html> เป็นลักษณะคล้ายๆ ข้างล่าง

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" xmlns:og="http://opengraphprotocol.org/schema/"  xmlns:fb="http://www.facebook.com/2008/fbml">
  •  
    • กลับไปกำหนดค่าต่างๆ บน Plugin คล้ายๆ กับ IFRAME แต่คุณไม่ต้องกำหนดความสูงของ Box เนื่องจาก มันจะปรับให้เหมาะสมเอง ตอนแรกที่ยังไม่มีรูป profile มันจะลดความสูงลงมาให้พอเหมาะเอง
    • กำหนด URL สำหรับที่จะใช้เป็น Site Image สำหรับใน version นี้จะใช้รูปเดียวกันในทุกๆ บทความ ถ้าไม่กำหนด facebook จะหารูปมาให้เองจาก Site ของเรา เช่นกรณีของผมเป็น print icon ที่แสดงเป็นรูปแรกในบทความ
    • คุณอาจจะต้องรอประมาณ 20-30 นาทีเพื่อให้ Facebook ทำการ Update ตัว Application ของคุณไปยัง Server ต่างๆ ของ Facebook

สำหรับตัว Plugin ยังอยู่ในช่วงที่ไม่ใช่ Stable Release นะครับ ยังต้องมีการทดสอบอีกพอควร สำหรับการใช้งานแนะนำให้ใช้ XFBML ครับ เนื่องจากมีความสามารถมากกว่าและ เป็นอนาคตของ Facebook เช่น คุณจะสามารถให้ User เขียน Comment ตอนที่เขากด Like ได้ หรือการ Resize อัฒโนมัติ เป็นต้น

หากมีข้อเสนอแนะ หรือ แนวคิดอะไรสำหรับการพัฒนา extension บน Facebook สามารถเสนอมาได้ครับ อีกอย่างหนึ่งคือ Technology ของ Facebook เองยังไม่อยู่ตัวนักยังมีการเปลี่ยนแปลงอยู่เรื่อยๆ แต่อย่างไรก็ตามทาง Joomlant.com ก็จะพยายามติดตามและ Update ตาม Facebook อยู่ตลอดเวลา