Cách thêm nút gửi của Facebook vào Website nhanh chóng

Hiện tại Facebook đã cho trình làng hàng loạt những tính năng cho website như: like, share... Đối với 2 tính năng trên thì quá đơn giản rồi...

Hiện tại Facebook đã cho trình làng hàng loạt những tính năng cho website như: like, share... Đối với 2 tính năng trên thì quá đơn giản rồi rất nhiều bạn đã có hướng dẫn cách làm. Còn mình sẽ hướng dẫn các bạn thêm tính năng gửi của Facebook vào website.  Bạn nào biết thì cùng mình hướng dẫn lại cho các bạn khác nhé.

Thêm nút sent của Facebook vào website

Với plugin này của facebook thì cho phép bạn gửi bài viết, website của mình đến 1 người hoặc một nhóm bạn nào đó một cách chọn lọc và tự động tạo nhóm khi bạn chọn trong list bạn bè.


Bạn thấy đấy với tính năng này bạn có thể dễ dàng chia sẻ một bài viết, một tài liệu mà bạn muốn bạn bè của mình có thể đọc được mà không cần phải copy link như lúc trước nữa.

Để thêm nút Send của Facebook này bạn cần có một Facebook APP. Đây là tài khoản quản lý cho tất cả các ứng dụng của Facebook mà bạn muốn có như like, share hay code tạo box fanpage, send...

Sau khi bạn đã có cho mình một Facebook App, việc tiếp theo bạn cần làm là truy cập vào đường dẫn:
https://developers.facebook.com/docs/plugins/send-button

Và bắt đầu công việc lấy code để thêm vào website.
Khi vào giao diện như ở hình trên bạn tiếp tục bấm vào lấy mả mình đã bôi đỏ ở hình trên vf nó sẽ ra giao diện như bên dưới.


Bạn thấy trong hình trên có 3 bước:
Bước 1: cho bạn chọn Fanpage Facebook và ngôn ngữ mà bạn muốn.
Bước 2: là đoạn code bạn gắn phía dưới thẻ <body>
<div id="fb-root"> </div> <script>(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 = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.10&appId=1264133536952036"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script&gt;
Bạn thay chữ màu đỏ thành ID ứng dụng bạn đã tạo nhé.
Bước 3: là đoạn code hiển thị nút send. Bạn muốn hiển thị ở vị trí nào thì bỏ đoạn code này vào đó vậy là xong.
<div class="fb-send" data-href="https://developers.facebook.com/docs/plugins/">
Bạn thay thế đường dẫn màu đỏ thành đường dẫn website của bạn nhé. Nếu bạn thay thế một đường dẫn chính xác thì bài viết nào nó cũng sẽ hiển thị tin nhắn chia sẽ là đường dẫn bạn đã cấu hình. 
Riêng mình ở đường dẫn màu đỏ thì mình để trống. Như thế khi bạn muốn gửi bài nào nó sẽ lấy mặc định đường dẫn của bài viết đó cho bạn.

Đến đây bạn lưu lại, xem và test thử nó như thế nào nhé.

Cùng Thủ Thuật Nhanh chia sẻ những tài liệu hay, kiến thức bạn đã có được trong quá trình tìm hiểu. Cùng nhau mang đến một cộng đồng chia sẻ hữu ích cho các bạn đọc khác nhé!
Chúc các bạn thành công!
Thích thì click vào ngay: :