Like .. Facebook button

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

วิธีการนำปุ่ม Like จาก Facebook มาใส่เว็บไซต์ก็ไม่ยากครับ Facebook เขาได้ทำ Code และทุกอย่างไว้ให้หมดอยู่แล้ว เพียงแค่เราเข้าไปตั้งค่าให้เรียบร้อย แล้วนำ Code มาติดในเว็บไซต์ของเราได้เลย เราจะเรียกเว็บไซต์ที่ให้บริการแก่เว็บมาสเตอร์อย่างเราว่า Facebook Developers ครับ

ส่วนใครที่ยังไม่มีบัญชีของ Facebook ให้เข้าไปสมัคร และสร้าง Fanpage ของตัวเองไว้ก่อนนะครับ ถึงจะนำปุ่ม Like ไปติดในเว็บไซต์ของเราได้

วิธีสมัคร Facebook : การ สมัคร Facebook

นำปุ่ม Like ติดเว็บไซต์

ขั้นแรกให้เข้าไปที่เว็บไซต์ http://developers.facebook.com/docs/reference/plugins/like-box/จากนั้นเราจะเห็นช่องที่มีข้อมูลต่างๆให้กรอก สิ่งที่เราต้องเตรียมและรู้คือ URL ของ Fanpage เราครับ ดังรูป ( ซ้ายคือ กล่องที่เราจะต้องตั้งค่า, ขวาคือ URL ของ fanpage ที่เราต้องลากคลุมเอาไปกรอก )

นำ URL ที่ได้ของ fanpage ของเราไปใส่ในช่อง URL to like ให้เรียบร้อย จากนั้นตั้งค่ากล่อง Like ให้สวยงามเข้ากับเว็บไซต์ของเราเองได้ เช่นปรับ ความกว้าง ( Width ) โทนสีที่ต้องการ ถ้าเป็นเว็บไซต์ที่มีพื้นสีดำแนะนำเลือก Dark ไปครับ แล้วก็อยากให้โชว์รูปโปรไฟล์ของคนกด like ใน fanpage ของเราด้วยหรือเปล่า ถ้าไม่ต้องการก็ติ๊กตรง Show faces ออก

เราสามารถดูตัวอย่างได้จาก ตัวอย่างด้านขวาที่แสดง หากเสร็จเรียบร้อยอย่างที่เราต้องการแล้วก็กด Get Code เว็บไซต์ Facebook จะทำการสร้าง Code มาให้เรา โดยให้กดที่แท็บ Iframe แล้วคลุมดำ Code ทั้งหมดนำไปวางไว้ตามส่วนที่ต้องการในเว็บไซต์ของเราได้เลยครับ

สำหรับคนที่ใช้ Dreamweaver ทำเว็บไซต์ ให้กดเข้าไปที่แท็บ Code ในโปรแกรม แล้วค่อยวาง Code ที่ได้จาก Facebook จากนั้น save แล้วลองรันหน้าเว็บไซต์ดูครับ ถ้าใช้ได้ก็เป็นอันเสร็จเรียบร้อยกับการนำปุ่ม Like ติดเว็บไซต์

เครดิต: http://webmaster.jir4yu.me/2012/%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%99%E0%B8%B3%E0%B8%9B%E0%B8%B8%E0%B9%88%E0%B8%A1-like-%E0%B8%88%E0%B8%B2%E0%B8%81-facebook-%E0%B9%83%E0%B8%AA%E0%B9%88%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%84%E0%B8%8B%E0%B8%95%E0%B9%8C%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B9%80%E0%B8%A3%E0%B8%B2/

Go to top