ชวนมาลองเล่น Facebook Connect

By mk

on 22 February 2009 - 11:34 Tag: Special Report, Social Network, Facebook

คราวก่อน ชวนมาลองเล่น Google Friend Connect ไปแล้ว คราวนี้เพื่อความยุติธรรม มาลองเล่นของ Facebook กันบ้าง หลักการเดียวกัน วิธีการดูได้จาก

Facebook Blog หรือ
Facebook Wiki ก็ได้

ขั้นตอนแบบคร่าวๆ คือ

สมัครสร้าง Facebook app เพื่อเอา API key (อย่าลืมใส่ callback URL เป็น URL ของเว็บเราเพื่อใช้ในการตรวจสอบว่าเป็นเว็บจริง)
เพิ่ม namespace ของ Facebook ลงในแท็ก <html> (ถ้าเป็น static html ก็ง่ายหน่อย ในกรณีของ Blognone เป็น Drupal ใช้วิธีแก้ที่ธีม)
ดาวน์โหลดไฟล์ http://www.somethingtoputhere.com/xd_receiver.htm แล้วอัพโหลดขึ้นไปไว้ที่เซิร์ฟเวอร์ของเรา
ฝังโค้ด JavaScript สักเล็กน้อยลงในหน้าที่ต้องการใส่ช่องคอมเมนต์ แก้ API key และพาธที่ชี้ไปยัง xd_receiver.htm ให้ตรงกับของเรา

จะเห็นว่ามันค่อนข้างยากกว่า Google Friend Connect อยู่บ้าง สำหรับคนที่ใช้ WordPress, Movable Type และ Joomla! มีปลั๊กอินช่วย (Drupal ยังไม่มี) ว่าแล้วก็ลองเล่นกันได้เลย ข้อดีของ Facebook Connect คือมันจะไปเชื่อมกับ Facebook เช่นว่า ผมโพสต์คอมเมนต์ในหน้านี้ของ Blognone ผมสามารถตั้งให้มันไปแสดงใน profile ของผมบน Facebook ได้ และถ้ามีคนตอบคอมเมนต์ของเรา (จากหน้าของ Facebook) คอมเมนต์จะขึ้นมาแสดงในหน้านี้ด้วย ถ้าเข้าไปดูในหน้า Applications ของ Facebook จะเห็น Blognone Comment Box อยู่ในส่วนของ Authorized ดังภาพ (แต่ตัว app จริงๆ นั้นยังไม่มี)

ลิงก์สำหรับอ่านประกอบ: Ars Technica: Facebook invades your blog, rest of Web with new Comment Box และแน่นอน โฆษณาสำหรับข่าวที่เกี่ยวกับ Facebook: Blognone Page, Blognone Group

Hiring! บริษัทที่น่าสนใจ

CP AXTRA Public Company Limited - Lotus's

CP AXTRA Lotus's is revolutionizing the retail industry as a Retail Tech company.

Token X

Blockchain, ICO, Tokenization, Digital Assets, and Financial Service

Carmen Software

Hotel Financial Solutions

Next Innovation (Thailand) Co., Ltd.

We are web design with consulting & engineering services driven the future stronger and flexibility.

United Information Highway Co., Ltd.

UIH is Thailand’s leading Digital Infrastructure and Solution Provider for Business

KKP Dime

KKP Dime บริษัทในเครือเกียรตินาคินภัทร

Kiatnakin Phatra Financial Group

Financial Service

Fastwork Technologies

Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน

Thoughtworks Thailand

Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน

Iron Software

Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.

CLEVERSE

Cleverse is a Venture Builder. Our team builds several tech companies.

Nipa Cloud

#1 OpenStack cloud provider in Thailand with our own data center and software platform.

CDG GROUP

Provider of IT solutions to public, state, and private sectors in Thailand for over 56 years

Bangmod Enterprise

The leader in Cloud Server and Hosting in Thailand.

CIMB THAI Bank

MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank

Bangkok Bank

Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking

Gofive

“We create world-class software experience”

KBTG - KASIKORN Business-Technology Group

KBTG - "The Technology Company for Digital Business Innovation"

Siam Commercial Bank Public Company Limited

"Let's start a brighter career future together"

Icon Framework co.,Ltd.

Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก

REFINITIV

The Financial and Risk business of Thomson Reuters is now Refinitiv

H LAB

Re-engineering healthcare systems through intelligent platforms and system design.

LTMH TECH

LTMH TECH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย

Seven Peaks

We Drive Digital Transformation

Wisesight (Thailand) Co., Ltd.

The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure

MOLOG Tech

We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.

Data Wow Co.,Ltd

We enable our clients to realize increased productivity by solving their most complex issues by Data

LINE Company Thailand

LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call

LINE MAN Wongnai

Join our journey to becoming No.1 food platform in Thailand

ตัวกล่องก

shelling Sun, 02/22/2009 - 13:00

ตัวกล่องกลืนไปกับหน้าเว็บเลย เจ๋งดีแฮะ

เอาไว้เผยแพร่ facebook ได้ดีเลย
ทีนี้คนก็จะเลิกเล่น hi5 แล้ว !!

/me ตื่น

เวลาแสดงผ

anu Sun, 02/22/2009 - 14:05

เวลาแสดงผิด ไม่แน่ใจว่ามีให้แก้รึเปล่า

Social

TAXZe Sun, 02/22/2009 - 15:01

Social ของจริงเลย

ทำอะไรที่ไหน รู้หมด

หุหุ

TAXZe.com|[T]echnology [A]dvise [X]-Ray [Z]ero [E]ffect

Firefox 3 -

KnightBaron Sun, 02/22/2009 - 19:18

Firefox 3 - ไม่ขึ้น อาจเป็นเพราะติด NoScript แต่ขี้เกียจยุ่งกับ Settings ฉะนั้นผ่าน
Chrome - ก็ไม่ขึ้น
IE7 - ก็ยังไม่ขึ้นครับ - -a

Yume Nikki

"ข้อดีของ

Pinery Sun, 02/22/2009 - 21:12

"ข้อดีของ Facebook Connect คือมันจะไปเชื่อมกับ Facebook เช่นว่า ผมโพสต์คอมเมนต์ในหน้านี้ของ Blognone ผมสามารถตั้งให้มันไปแสดงใน profile ของผมบน Facebook ได้ และถ้ามีคนตอบคอมเมนต์ของเรา (จากหน้าของ Facebook) คอมเมนต์จะขึ้นมาแสดงในหน้านี้ด้วย"

ตกลงหน้าที่ของมันมีแค่นี้ใช่รึเปล่าครับ?

ยังงงๆอยู่ว่ามันคืออะไร หุหุ

Apple

public://topics-images/apple_webp.png

SCB10X

public://topics-images/347823389_774095087711602_515970870797767330_n_webp.png

Windows 11

public://topics-images/hero-bloom-logo.jpg

Huawei

public://topics-images/huawei_standard_logo.svg_.png

Google Keep

public://topics-images/google_keep_2020_logo.svg_.png

Instagram

public://topics-images/instagram_logo_2022.svg_.png

SCB

public://topics-images/9crhwyxv_400x400.jpg

Microsoft

public://topics-images/microsoft_logo.svg_.png

Basecamp

public://topics-images/bwpepdi0_400x400.jpg

Tinder

public://topics-images/hwizi8ny_400x400.jpg

FTC

public://topics-images/seal_of_the_united_states_federal_trade_commission.svg_.png

public://topics-images/pinterest.png

Palantir

public://topics-images/-nzsuc6w_400x400.png

AIS Business

public://topics-images/logo-business-2021-1.png

PostgreSQL

public://topics-images/images.png

JetBrains

public://topics-images/icx8y2ta_400x400.png

Krungthai

public://topics-images/aam1jxs6_400x400.jpg

Palworld

public://topics-images/mccyhcqf_400x400.jpg

Bill Gates

public://topics-images/bill_gates-september_2024.jpg

VMware

public://topics-images/1nj4i1gp_400x400.jpg

Take-Two Interactive

public://topics-images/0khle7nh_400x400.jpg

OpenAI

public://topics-images/ztsar0jw_400x400.jpg

Thailand

public://topics-images/flag_of_thailand.svg_.png

NVIDIA

public://topics-images/srvczsfq_400x400.jpg

ServiceNow

public://topics-images/ytnrfphe_400x400.png

Klarna

public://topics-images/urcllpjp_400x400.png

Google Play

public://topics-images/play.png

Drupal

public://topics-images/drupal.png

Virtua Fighter

public://topics-images/virtua_figther_2024_logo.png

Paradox Interactive

public://topics-images/paradox_interactive_logo.svg_.png

Europa Universalis

public://topics-images/europa-icon.png

Nintendo Switch 2

public://topics-images/mainvisual.png

Cloudflare

public://topics-images/cloudflare_logo.svg_.png

Samsung

public://topics-images/samsung.png

Google

public://topics-images/google_2015_logo.svg_.png

Uber

public://topics-images/uber.png

Microsoft 365

public://topics-images/m365.png

USA

public://topics-images/flag_of_the_united_states.svg_.png

public://topics-images/0pe0po-z_400x400.jpg

Perplexity

public://topics-images/perplex.jpg

Xperia

public://topics-images/xperia.png

iOS 18

public://topics-images/ios-18-num-96x96_2x.png

True

public://topics-images/true_logo.png

SoftBank

public://topics-images/softbank.jpg

Pac-Man

public://topics-images/pacman.png

Harry Potter

public://topics-images/harry.png

Marvel

public://topics-images/marvel.png

Skydance

public://topics-images/skydance.png

SEA

public://topics-images/sealogo.png

Find My Device

public://topics-images/find.png

Gemini

public://topics-images/google_gemini_logo.svg__1.png

Accessibility

public://topics-images/accessibility-128x128_2x.png

Material Design

public://topics-images/m3-favicon-apple-touch.png

Android 16

public://topics-images/android16.png

Android

public://topics-images/android_0.png

Firefox

public://topics-images/firefox_logo-2019.svg_.png

Google Messages

public://topics-images/messages.png

Notepad

public://topics-images/notepad.png

Singapore

public://topics-images/flag_of_singapore.svg_.png

Airbnb

public://topics-images/airbnb.png

PS5

public://topics-images/ps5.png

Krafton

public://topics-images/krafton.png

Doom

public://topics-images/doom-game-s_logo.svg_.png

AMD

public://topics-images/amd_logo.svg_.png

GTA

public://topics-images/gta_0.png

DoorDash

public://topics-images/doordash.png

YouTube

public://topics-images/yt.png

YouTube Music

public://topics-images/yt-music.png

Facebook

public://topics-images/fb.png

iQiyi

public://topics-images/iqiyi_0.png

Viu

public://topics-images/viu.png

Amazon Prime Video

public://topics-images/prime-vid.png

Spotify

public://topics-images/spotify.jpg

Apple TV

public://topics-images/apple-tv.png

HBO Max

public://topics-images/max.png

Threads

public://topics-images/threads.png

Alexa

public://topics-images/alexa.png

Kindle App

public://topics-images/kindle.png

Shopee

public://topics-images/shopee.png

Waze

public://topics-images/waze.png

Bilibili

public://topics-images/bili.png

Google Maps

public://topics-images/maps.png

Apple Music

public://topics-images/apple-music.png

Claude

public://topics-images/claude.png

TikTok

public://topics-images/tiktok.png

Xbox

public://topics-images/xbox.png

Tesla

public://topics-images/tesla.png

Chrome

public://topics-images/chrome.png

Google Calendar

public://topics-images/gcal.png

Google Home

public://topics-images/ghome.png

Google Meet

public://topics-images/meet.png

NotebookLM

public://topics-images/notebooklm.png

public://topics-images/reddit.png

Assassin’s Creed

public://topics-images/ac.png

Mark Zuckerberg

public://topics-images/zuck.jpg