Hướng dẫn

Chèn nút lưu vào Facebook (Save to facbook) vào website chuẩn 100%

English

Ngày nay facebook không thể thiếu cho mỗi người để trò chuyện mỗi ngày với bạn bè, lướt facbook là một món ăn tinh thần và là vòng kết nối tất cả mọi người trở nên thân quen hơn, vì vậy mọi dịch vụ, game hay các thiết bị đều có mặt facebook vậy nên đây là cơ hội cho chúng ta phát triển cùng internet, trên mạng có hàng trăm hàng nghìn tin mỗi ngày, website cũng vậy, hay web bán hàng thì cần nhiều khách hàng hơn, để xem lại một tin nào đó có thể không thể tìm lại được, vì vậy là quản trị phát triển website, hay web bán hàng nên chèn nút lưu vào facebook cho người dùng lưu lại vào tài khoản cá nhân của họ, và họ dễ dàng xem lại bài viết, hay sản phẩm nào đó đăng trên website của mình.

chèn nút lưu vào facebookMỗi chi tiết nhỏ có thể làm nên thành công lớn, sau đây mình sẽ hướng dẫn các bạn cách chèn nút lưu vào facebook (Save to facebook) trên website để khách lưu lại đường dẫn đã xem lên tất cả các website đều có thể thêm.

Hướng dẫn tạo nút lưu vào Facebook

Trước tiên để lấy mã nút facebook bạn cần tạo 1 ứng dụng kết nối API từ facebook

Vào đây để tạo ứng dụng facbook: https://developers.facebook.com/apps/

Hướng dẫn tạo APP facebook, vào địa chỉ trên và đăng nhập tài khoản facebook

chèn nút svae tô facbookNhấn add a new app để thêm một ứng dụng mới,

Điền tên ứng dụng

save to facbookĐiền một tên bất kỳ ví dụ: Save to và xác nhận tôi không phải là người máy.

Sau đó điền các thông tin như hình các mũi tên chỉ vào

Save To Facbook

Sau khi lưu ứng dụng bạn không cần lưu, hay chép ID hay mã khóa gì cả, tắt đi cũng được

Lưu ý: Trên là hình mẫu của website mình, các bạn cần phải điền tên miền của bạn cần chèn mã vào để xác nhận, nếu điền sai nút sẽ không hoạt động.

Sau khi hoàn tất lưu lại đến bước lấy mã nút để chèn vào website bất kỳ. Để lấy mã truy cập đường dẫn sau: https://developers.facebook.com/docs/plugins/save?locale=vi_VN

Điền địa chỉ website của bạn

Chèn nút lưu vào facbookSau khi điền xong thì bấm lấy mã, lúc này 2 đoạn mã sẽ xuất hiện các bạn làm theo hướng dẫn. Lúc này sẽ xuất hiện ID app lúc nãy bạn đã tạo, như hình là Save to đó các bạn

Save To Facbook  Đoạn mã step 2 : Các bạn chèn vào website bên trong thẻ <head></head>

Save To Facbook

Đoạn mã Step 3:

<div class="fb-save" data-uri="https://hocviendinhcao.com" data-size="large"></div>

Các bạn điền vào nơi muốn hiện nút, như dưới nội dung bài viết, hoặc dưới sản phẩm … Tùy bạn vì hiện có rất nhiều loại mã nguồn, giao diện bố trí khác nhau rất khó để hướng dẫn cụ thể. Mong các bạn thông cảm tự mò nhé. Ahii

Code ví dụ:

<html>
<head>
  <title>Your Website Title</title> 
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your save button code -->
  <div class="fb-save" 
    data-uri="http://www.your-domain.com/your-page.html">
  </div>

</body>
</html>

Nếu bạn muốn chèn vào web wordpress thì có thể chèn như sau:

Vào quản lý file theo đường dẫn tương tự như sau: doamain.com/public_html/wp-content/themes/ten/header.php

Hoặc truy cập quản trị admin > themes > edit (Tiếng việt: Giao diện > sửa) tìm file header.php và thêm mã vào trong thẻ <head> </head>

Còn đoạn mã thứ 2, bạn chỉ cần dùng đoạn mã này để chèn vào nơi bạn muốn hiển thị : <div class=”fb-save” data-size=”large”></div>  Chỉ cần đoạn mã này không cần đoạn mã có tên miền để nó tự nhận link của nơi đặt mã.

save to facebookKết quả là khi khách bấm vào nút lưu vào facbook thì bài kèm link, ảnh sẽ được lưu trong tài khoản của khách sử dụng facbook, và có thể chúng ta sẽ nhận được lượt truy cập quay lại, hoặc khi khách hàng quyết định mua hàng sẽ truy cập lại và mua hàng của bạn.

Chúc các bạn thành công.

Bình luận