Kết nối

Cách nhúng trang Facebook vào trang web của bạn

285 lượt xem 
 
Thể loại: Thiết kế Web 

Bạn có một website của riêng mình. Bạn cũng có 1 trang Facebook, ví dụ website này là https://www.facebook.com/dammiodotcom/. Điều bạn muốn là nhúng trang Facebook này vào website của bạn. Nếu bạn phát triển website trên mã nguồn WordPress thì có rất nhiều plugin giúp bạn nhúng vào website. Tuy nhiên, bạn không cần các plugin này và có thể nhúng trực tiếp vào trang web bằng mã HTML như sau.

Đầu tiên, bạn đăng nhập Facebook, sau đó chạy đường dẫn https://developers.facebook.com/docs/plugins/page-plugin/, kéo chuột xuống dưới, bạn thấy phần thêm thông tin cấu hình thì điền thông tin vào, trong đó:

  • URL Trang Facebook: là URL của trang Facebook của bạn, ví dụ https://www.facebook.com/dammiodotcom/
  • Tab: gồm 3 tham số timeline, events, và messages là nội dung bạn muốn hiển thị. Ví dụ điền timeline (dòng thời gian) thì sẽ hiển thị mặc định thông tin được đăng trên trang.
  • Chiều rộng, chiều cao: đơn vị chiều rộng, chiều cao tính bằng pixel của khung nhúng vào.
  • Tùy chọn Sử dụng tiêu đề nhỏ nếu bạn muốn tiêu đề nhỏ.
  • Nếu muốn bỏ ảnh bìa thì bạn chọn Ẩn ảnh bìa.
  • Tùy chọn Phù hợp với chiều rộng chứa plugin có nghĩa là độ rộng của khung nhúng sẽ tự động co giản theo chiều rộng của vùng website bạn thiết kế. Bạn nên chọn chức năng này để hiển thị trang Facebook trên website đúng với mọi kích thước màn hình.
  • Nếu bạn muốn hiển thị avatar bạn bè thì chọn Hiển thị khuôn mặt bạn bè.

Ví dụ, trang Facebook của website dammio.com sẽ được cấu hình như sau:

Sau đó, bạn nhấn nút Lấy mã (trong hình trên) để lấy mã HTML nhúng vào website.

Trong hình trên, bạn cấu hình như sau:

  • Bước 1: Bạn chọn ID ứng dụng và ngôn ngữ. Nếu bạn chưa tạo ID ứng dụng thì tạo ở https://developers.facebook.com/apps/
  • Bước 2: Bạn nhúng đoạn đó ở hình trên ngày sau thẻ mở body, ví dụ:
    <html>
    <head><title>DAMMIO.COM</title>
    <body>
    
    đoạn code cần nhúng...
    
    </body>
    </html>
    
  • Bước 3: Nhúng đoạn code ở bất kỳ nơi nào trên web mà bạn muốn khung trang Facebook được hiển thị.

Nếu cách trên quá khó, bạn có thể bật qua Iframe chỗ nút Lấy mã như ở trên.

Sau đó nhúng đoạn code Iframe này ở bất kỳ chỗ nào trên website mà bạn muốn trang Facebook hiển thị. Chúc bạn thành công!

2
Để lại bình luận

avatar
1000
1 Comment threads
1 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
2 Các tác giả bình luận
dammioLê Hải Các tác giả bình luận gần đây
  Theo dõi  
mới nhất cũ nhất được bình chọn nhiều nhất
Thông báo của
Lê Hải
Khách

Mình đã nhúng được. nhưng không hiểu sao trên cốc cốc thì hiện mà firefox lại không hiện