nhúng bài viết là gì

Bài viết lách được nhúng là cơ hội đơn giản và giản dị để mang những nội dung bài viết công khai minh bạch – của Trang hoặc của một cá thể bên trên Facebook – nhập nội dung bên trên trang hoặc trang web của công ty. Quý Khách chỉ hoàn toàn có thể nhúng những nội dung bài viết công khai minh bạch kể từ Trang và trang cá thể Facebook.

Lấy mã kể từ bài xích viết

1. Điều hướng về Bài viết lách của bạn

Bạn hoàn toàn có thể lấy mã nhúng tức thì kể từ chủ yếu nội dung bài viết. Nếu nội dung bài viết hiển thị công khai, hãy nhấp nhập hình tượng xuất hiện tại ở góc cạnh bên trên nằm trong ở bên phải của nội dung bài viết bại bên trên Facebook.

Bạn đang xem: nhúng bài viết là gì

Chọn Embed Post kể từ thực đơn thả xuống:

Đối với những nội dung bài viết đem hình họa, nên lựa chọn nút Embed Post ở bên dưới nằm trong mặt mũi phải:

2. Sao chép và dán mã

Bạn tiếp tục thấy một vỏ hộp thoại xuất hiện tại đem mã nhằm nhúng nội dung bài viết. Sao chép và dán mã này nhập trang web của công ty ở điểm nhưng mà mình muốn nội dung bài viết xuất hiện tại.

Để biết cụ thể về nghệ thuật, sung sướng lòng xem thêm phần Thêm mã Theo phong cách thủ công

Thêm mã Theo phong cách thủ công

Ngoài Trình tạo ra mã, chúng ta cũng hoàn toàn có thể nhúng mã Theo phong cách tay chân.

1. Lấy URL của bài xích viết

Trước tiên, bạn phải lấy URL của bài xích viết nhưng mà mình muốn share. Bài viết lách phải hiển thị công khai minh bạch, điều này được biểu thị vày hình tượng toàn cầu màu sắc xám, tức thì sát bên thời hạn đăng của bài xích viết:

Để test nghiệm, chúng ta có thể dùng URL mẫu sau:

"https://www.facebook.com/20531316728/posts/10154009990506729/"

2. Tải JavaScript SDK

Để dùng Plugin Bài viết lách được nhúng hoặc ngẫu nhiên Plugin xã hội nào là không giống, bạn phải thêm thắt Facebook JavaScript SDK nhập trang web của tôi. Quý Khách chỉ việc vận tải SDK một đợt bên trên từng trang, hoàn hảo là tức thì sau thẻ khai mạc <body>:

<div id="fb-root"></div>
<script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>

Bạn hoàn toàn có thể coi JavaScript SDK – Bắt đầu nhanh chóng nhằm làm rõ rộng lớn về phong thái tổ chức thực hiện JavaScript SDK.

3. Đặt thẻ nội dung bài viết được nhúng

Tiếp theo dõi, bịa thẻ Bài viết lách được nhúng nhập địa điểm ngẫu nhiên bên trên trang web của công ty. Thay thế {your-post-url} vày URL của nội dung bài viết.

<div class="fb-post" data-href="{your-post-url}"></div>

4. Thử nghiệm

Sau khi đoạn công việc này, chúng ta có thể test nghiệm Bài viết lách được nhúng của tôi. Một tiện lợi tích hợp ý hoàn hảo sẽ có được dạng như sau:

<html>
  <title>My Website</title>
<body>
  <script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>  
  <div class="fb-post" 
      data-href="https://www.facebook.com/20531316728/posts/10154009990506729/"
      data-width="500"></div>
</body>
</html>

Kết trái khoáy của hình mẫu test nghiệm được minh họa nhập hình họa chụp screen bên dưới.

5. Tùy chỉnh

Hãy tuân theo chỉ dẫn ở cuối trang này nhằm kiểm soát và điều chỉnh độ dài rộng, ngữ điệu và những setup không giống.

Xem thêm: meme lord là gì

Lấy URL của bài xích viết

Trong tình huống mã nhúng được tạo ra vày CMS, chúng ta chỉ việc lấy URL thô của nội dung bài viết. Có nhì phương pháp để lấy URL của bài xích viết:

  1. Sao chép URL của link vĩnh viễn kể từ thanh địa điểm của trình duyệt.
  2. Nhấp loài chuột nên nhập thời gian dối đăng của nội dung bài viết và sao chép địa điểm link.

Cả nhì cách thức đều được ghi lại đỏ rực nhập hình họa chụp screen bên dưới.

Thông qua chuyện API Đồ thị

Nếu mong muốn tự động hóa tích hợp ý những nội dung bài viết được nhúng nhập trang web, chúng ta có thể dùng API Đồ thị nhằm tổ hợp những nội dung bài viết. Ví dụ: chúng ta có thể dùng điểm cuối API Bảng feed giành cho Trang và thông số kỹ thuật permalink_url của fields.

Yêu cầu so với /{page-id}/feed?fields=permalink_url tiếp tục có được phản hồi đem dạng như sau:

{
  "data": [
    {
      "id": "1234567890_3456789012", 
      "permalink_url": "https://www.facebook.com/1234567890/posts/3456789012"
    }
  ]
}

Bố viên bên trên máy tính

Bạn hoàn toàn có thể kiểm soát và điều chỉnh chiều rộng lớn của Bài viết lách được nhúng bên trên PC qua chuyện tính chất data-width nhập thẻ Bài viết lách được nhúng như nhập ví dụ bên dưới. Chọn độ quý hiếm kể từ 350 cho tới 750 px.

Không dùng thẻ loại CSS nhằm kiểm soát và điều chỉnh độ dài rộng của plugin. Điều bại hoàn toàn có thể tạo ra lỗi hiển thị.

<!-- WRONG! -->
<style type="text/css">
.fb-post {
  width: 500px;
}
</style>
<div 
  class="fb-post"
  data-href="{your-post-url}">
</div>

<!-- CORRECT -->
<div 
  class="fb-post" 
  data-width="500"
  data-href="{your-post-url}">
</div>

Bố viên bên trên trang web di động

Trên trang web địa hình, Bài viết lách được nhúng tiếp tục tự động hóa kiểm soát và điều chỉnh tỷ trọng cho tới vừa vặn với chiều rộng lớn của vùng chứa chấp.

WordPress

Nếu đang được dùng Facebook SDK giành cho Javascript nhập trang web WordPress, chúng ta có thể sử dụng plugin Bài viết lách được nhúng vày thao tác đơn giản và giản dị là thêm thắt thẻ fb-post nhập nội dung bài viết của tôi bên trên WordPress:

<div class="fb-post" data-href="https://www.facebook.com/20531316728/posts/10154009990506729/" data-width="500"></div>

Nếu chúng ta hiện tại ko dùng Facebook SDK giành cho Javascript và nhúng Bài viết lách trải qua đoạn mã sao chép & dán – đoạn mã nhưng mà chúng ta có thể lấy kể từ từng nội dung bài viết bên trên Facebook – thì plugin Bài viết lách được nhúng nhiều năng lực sẽ không còn hiển thị vì như thế WordPress tiếp tục quy đổi toàn bộ những ký tự động & trở thành #038; và thực hiện hỏng plugin.

Thay nhập bại, hãy dùng mã sau nhằm thêm thắt plugin:

<script>
  window.fbAsyncInit = function() {
    FB.init({
      xfbml      : true,
      version    : 'v18.0'
    });
  }; 
</script>
<script async defer src="https://connect.facebook.net/en_US/sdk.js"></script>
  
<div 
  class="fb-post" 
  data-href="https://www.facebook.com/20531316728/posts/10154009990506729/" 
  data-width="500"></div>

Một tiện lợi tích hợp ý WordPress mới nhất, dễ dàng dùng sẽ tiến hành phát triển nhập sau này ngay gần.

Câu căn vặn thông thường gặp

Nếu đang được sử dụng phiên phiên bản HTML5 hoặc XFBML, chúng ta nên thêm thắt mã ngữ điệu khi thực thể hóa tủ sách.

Khi chúng ta vận tải SDK, hãy thay cho thay đổi độ quý hiếm của js.src nhằm dùng ngữ điệu của công ty. Thay thế en_US vày ngữ điệu của công ty, ví dụ: fr_FR so với giờ đồng hồ Pháp (Pháp):

// Example 1:
'https://connect.facebook.net/fr_FR/sdk.js';

// Example 2:
js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.6"; 

Các ngữ điệu được tương hỗ sẽ tiến hành tham ô chiếu nhập tệp tin XML ngữ điệu Facebook.

Bạn hoàn toàn có thể nên kiểm soát và điều chỉnh chiều rộng lớn của Plugin xã hội nhằm dùng những ngữ điệu không giống nhau. Tìm thêm thắt vấn đề bên trên trang Bản địa hóa & dịch thuật của Cửa Hàng chúng tôi.

Xem thêm: giá treo quần áo tiếng anh là gì

Bài viết lách được nhúng tiếp tục hiển thị từng phương tiện đi lại được gắn kèm cặp na ná số lượt quí, share và phản hồi của nội dung bài viết. Nhúng nội dung bài viết tiếp tục được chấp nhận những người dân đang được dùng trang web của công ty coi vấn đề phong phú và đa dạng tương tự động như được hiện trên Facebook.com, bên cạnh đó được chấp nhận quý khách theo dõi dõi hoặc quí người sáng tác của nội dung hoặc Trang tức thì kể từ nội dung được nhúng.

Thông báo sau tiếp tục hiển thị ở địa điểm của nội dung bài viết được nhúng: