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!
- APA:
Dammio. (2019). Cách nhúng trang Facebook vào trang web của bạn. https://www.dammio.com/2019/01/11/cach-nhung-trang-facebook-vao-trang-web-cua-ban. - BibTeX:
@misc{dammio,
author = {Dammio},
title = {Cách nhúng trang Facebook vào trang web của bạn},
year = {2019},
url = {https://www.dammio.com/2019/01/11/cach-nhung-trang-facebook-vao-trang-web-cua-ban},
urldate = {2024-09-07}
}
![[JQuery] Phần 1: Giới thiệu về jQuery](https://www.dammio.com/wp-content/uploads/2017/03/jquery-logo-410x260.png "[JQuery] Phần 1: Giới thiệu về jQuery"){kind=logo}
![[HTML/HTML5] Phần 11: Chú thích trong HTML](https://www.dammio.com/wp-content/uploads/2017/06/html-410x260.jpg "[HTML/HTML5] Phần 11: Chú thích trong HTML")
![[JQuery] Phần 2: Cú pháp jQuery](https://www.dammio.com/wp-content/uploads/2017/03/jquerysyntax-410x260.png "[JQuery] Phần 2: Cú pháp jQuery")
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
Bạn có dùng chương trình chặn quảng cáo ở hai trình duyệt không? Trong Firefox, nếu bạn dùng chức năng Tracking Protection (Manage Add-ons) thì code nhúng của Facebook bị chặn. Còn trong Cốc cốc, bạn xem trình duyệt có chặn mã hiển thị không?