Thứ Tư, 26 tháng 10, 2016

Hướng dẫn tạo code comment facebook ngay trên website viết bằng mã nguồn PHP, CMS wordpress

Then use the post body as the schema.org description, for good G+/FB snippeting. -->
Hướng dẫn tạo code comment facebook ngay trên website viết bằng mã nguồn PHP, CMS wordpress.
How to code the comments facebook on my website.
1. Để tích hợp khung bình luận thông qua đăng nhập bằng tài khoản facebook cho người dùng ngay trực tiếp trên website viết bằng mã nguồn php như sau:
 Bước 1: Các bạn vào https://developers.facebook.com/docs/plugins/comments/
sau đó chọn "Get code" để lấy mã javascript của facebook. Đoạn code có dạng như sau:

<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";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

Dán nó vào trong website của bạn, nên đặt gần nơi bạn muốn hiển thị comment facebook để dễ tìm kiếm và xử lý sau này.
Bước 2: Các bạn  dán đoạn code thứ 2 của phần "Get code" trên facebook developer vào chỗ bạn muốn hiển thị dòng comment. và thay data-href="<?php echo curPageURL();?>"

Đoạn code sẽ có kết quả như sau:
<div class="fb-comments" data-href="<?php echo curPageURL();?>" data-numposts="5"></div>
Kết quả cuối cùng :
<!-- code comment facbook -->
<?php
function curPageURL() {
 $pageURL = 'http';
 if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
 $pageURL .= "://";
 if ($_SERVER["SERVER_PORT"] != "80") {
  $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
 } else {
  $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
 }
 return $pageURL;
}
?>
        <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";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

        <div class="fb-comments" data-href="<?php echo curPageURL();?>" data-numposts="5"></div>

<!-- end code commnet facebook -->
2. Để hiển thị comment facebook cho người dùng trên website viết bằng mã nguồn CMS wordpress mà không cần phải cài plugin cho nặng nhọc làm gì:
bạn copy đoạn code sau và dán vào nơi mà bạn muốn bình luận của bạn hiển thị trên website:

<!-- code comment facebook-->
        <?php global $wp;
        $current_url = home_url(add_query_arg(array(),$wp->request)); ?>

       <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";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

        <div class="fb-comments" data-href="<?php echo $current_url; ?>" data-numposts="5"></div>

<!-- end code commnet facebook -->

Không có nhận xét nào:

Đăng nhận xét