Hướng Dẫn Chèn Like, Share, Comment, Fanpage Facebook Vào Website

Thảo luận trong 'Software' bắt đầu bởi Admin, 3 Tháng mười hai 2016.

  1. Admin Nothing to lose.. your love to win..

    Bài viết:
    4,093
    Để tích hợp nút like, share hay chức năng comment vào trang web các bạn làm như sau.

    Code của tất cả các mã này được Facebook cập nhật tại đây: Facebook SDK

    Đầu tiên cần thêm bộ mã SDK Javascript của Facebook vào website

    Mã:
    <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.8&appId=176726222673926";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    Để thêm nút Like các bạn thêm đoạn mã sau vào nơi muốn hiển thị.

    Chú ý thay dembuon.vn bằng đường dẫn bạn muốn like hoặc xóa data-href= "http: //dembuon.vn" đi nếu đường dẫn không cố định.

    Mã:
    <div class="fb-like" data-href="http://dembuon.vn" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>
    Share - Chia sẻ:

    Mã:
    <div class="fb-share-button" data-href="http://dembuon.vn" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse">Chia sẻ</a></div>
    Follow - Theo dõi:

    Mã:
    <div class="fb-follow" data-href="https://www.facebook.com/connhagiau89" data-layout="standard" data-size="small" data-show-faces="true"></div>
    Comment - Bình luận:

    Mã:
    <div class="fb-comments" data-numposts="5"></div>
    Để quản lý được comment các bạn cần thêm 2 đoạn mã sau vào thẻ head:

    Thay 1730359980525054 bằng appid của bạn ở phần content nếu bạn sử dụng App.

    Thay 100001825192406 bằng id facebook của bạn. Lấy ở đây: Get ID Facebook

    Mã:
    <meta property="fb:app_id" content="1730359980525054" />
    <meta property="fb:admins" content="100001825192406" />
     
    chenziLô Cát Gia thích bài này.
    Chỉnh sửa cuối: 3 Tháng mười hai 2016
Trả lời qua Facebook
Đang tải...