TÌM HIỂU VỀ SDK DÀNH CHO JAVASCRIPT FACEBOOK

Star út tháng 2 11, 2019
Ở vài bài trước mình có hướng dẫn các bạn cách chèn rất nhiều plugin khác nhau , theo từng cách duy nhất sử dụng JavaScript riêng biệt điều này nếu bạn sử dụng nhiều plugin cùng cùng sẽ làm giảm đáng kể việc tốc độ load trang của website, vậy làm sao để sử dụng được nhiều plugin mà tốc độ load trang không thay đổi mấy , thì hôm nay star út xin chia sẻ đến các bạn cách sử dụng một SDK dành cho JavaScript facebook chung .
Hình minh họa

Bao gồm

  • Cho phép bạn sử dụng Đăng nhập Facebook để giúp mọi người tự do đăng ký trên trang web của bạn.
  • Khởi chạy hộp thoại cho phép mọi người thực hiện các hành động khác nhau như chia sẻ tin.

Bắt đầu nhanh


Đoạn mã sau sẽ cung cấp phiên bản SDK cơ bản có các tùy chọn được đặt thành tùy chọn mặc định phổ biến nhất. Bạn nên chèn đoạn mã đó ngay phía trên thẻ </body> bắt đầu trên mỗi trang mà bạn muốn tải:
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v3.2'
    });
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
Mã này sẽ tải và khởi tạo SDK. Bạn phải thay thế giá trị trong your-app-id bằng ID ứng dụng Facebook của chính mình. Bạn có thể tìm ID này bằng Bảng điều khiển ứng dụng.

Mẹo tăng tốc độ load trang khi dùng JavaScript 

Đôi khi bạn sử dụng nhiều JavaScript hoặc file.js load từ nguồn khác về website quá nhiều sẽ làm ảnh khá nhiều đến tốc độ load trang của bạn , để cái thiện về vấn đề này thì mình chỉ cho các bạn một mẹo nhỏ để tăng tốc những file js từ nguồn khác về từ DNS Prefetch  , nói nôm na nó sẽ hoạt động như sau : khi bạn cấu hình url vào dns prefetch thì khi tải trang website sẽ hiển thị nội dung bài viết trước và sau đó loa dần đến file .js từ bên ngoài điều này rất hữu ích cho những bạn quan tâm nội dung hơn với những plugin ,...

Để tăng tốc độ tải trang web cho đoạn JavaScript bên trên thì các bạn đánh dấu thẻ html sau vào phía dưới thẻ mở <head>
<link href='//connect.facebook.net/en_US/sdk.js' rel='dns-prefetch'/>

Lời kết

Bài này mình nghĩ sẽ hữu ích cho nhiều bạn có ý định sử dụng nhiều plugin Facebook khác nhau vào website  , cảm ơn các bạn đã xem bài viết của mình, nếu có sai xót mình ủng hộ anh em comment bên dưới góp ý để mình hoàn thiện lại bài viết. Theo : fb develop 

0 Nhận xét