vnfaster@gmail.com

Kết nối comment fanpage facebook và bài viết trên website

Hôm nay tình cờ trên Group Wordpress Nâng Cao của mình có một câu hỏi là làm sao có thể Kết nối comment fanpage facebook và bài viết trên website…

Chào các bạn, hôm nay tình cờ trên Group WordPress Nâng Cao của mình có một câu hỏi là làm sao có thể Kết nối comment fanpage facebook và bài viết trên website, câu hỏi khá hay nên mình làm một bài hướng dẫn nhỏ để giúp các bạn nào đang cần có thể tự làm được.

 

Bước 1: Lấy ID ứng dụng facebook và gán Meta App ID vào đầu trang web.
– Bạn vào link: https://developers.facebook.com
Di chuột vào: Ứng dụng của tôi và chọn Tạo ứng dụng mới

Tiếp đến nhập tên ứng dụng và danh mục của ứng dụng (theo ý của bạn).

– Chọn Tạo ứng dụng.

Xong bước này bạn sẽ được chuyển đến trang quản lý ứng dụng của bạn trên facebook:

Bạn điền các thông tin theo website của bạn và copy lại ID ứng dụng để bước sau còn dùng nhé.

Bây giờ bạn cần chèn thẻ meta Appid vào header.php (Bước này giúp phần comment của bạn sẽ có thêm nút: Công cụ kiểm duyệt. Cho phép bạn quản lý, xóa các comment không mong muốn bằng facebook trên bài viết của bạn).

Bạn mở file header.php và thêm đoạn code này:

<meta property="fb:app_id" content="ID_ỨNG_DỤNG" />

Trong đó ID_ỨNG_DỤNG chính là ID mà bạn đã lấy được ở bước bên trên.

Lưu ý: Nếu bạn sử dụng Yoast Seo thì có thể vào giống hình bên dưới để chèn ID ứng dụng:

 

 

Bước 2: Chèn Script SDK và mã hiển thị comment facebook vào single.php:


<div class="fb-comments" data-href="<?php the_permalink() ;?>" data-width="100%" data-numposts="10"></div>


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

Lưu ý: Đoạn script có appId thì bạn thay bằng ID ứng dụng đã tạo ở bước 1, ví dụ: của Vnkings là 481144482076898.

Sau khi chèn xong bạn vào một bài viết ngẫu nhiên của Web mình và xem đã có phần comment facebook chưa nhé.

 

 

Bước 3: thiết lập Phản chiếu bình luận giữa Website và Fanpage Facebook.

Bạn vào link: https://developers.facebook.com/tools/comments

– Chọn cài đặt.

– Tìm tới Phản chiếu bình luận và tích vào ô: Có, hãy phản chiếu tới (Fanpage bạn đang dùng cho website).

Bây giờ bạn thử đăng link website của mình lên Fanpage và comment thử ở Fanpage hoặc Website, bạn sẽ thấy comment tự động xuất hiện ở cả Website và bài trên Fanpage của mình.

Các bạn có thể Comment bài và vào link này
Bài Trên Fanpage
để xem kết quả.

Chúc các bạn thành công!.
Nếu gặp khó khăn hãy comment để mình có thể giúp bạn nhé!.

Bài liên quan

  1. Dear bạn. Mình đã copy đoạn mã ở bước 2 để thay thế cho toàn bộ đoạn mã cũ trong file comment.php (mình thay thế cm mặc định bằng fb cm) nhưng chỉ thấy hiển thị cm fb demo, nghĩa là gần như dòng lệnh quy định truy xuất từ facebook app của mình không hoạt động.
    Bạn xem ảnh: http://sv1.upsieutoc.com/2017/09/10/Capture817a7.jpg

    Còn đây là đoạn code mình chèn vào trong file comment.php:

    (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=454385221427894”;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, ‘script’, ‘facebook-jssdk’));

    Bạn kiểm tra giúp mình với. Mình cảm ơn!

  2. Chào bạn mình đã làm theo hướng dẫn của bạn, mình có thể quản lý các bình luận này trên máy tính thì không vấn đề gì, nhưng khi mình dùng app quản lý fanpage trên điện thoại thì khi click vào thông báo bình luận này sẽ bị văng ra. Bạn có gặp tình trạng này ko. Có cách nào xử lý lỗi này ko ạ.

  3. Chào bạn,

    Mình làm mà chưa được nhỉ ? Vẫn theo đầy đủ các bước.
    Mình kiểm tra lại thấy chỉ hiển thị được box facebook thôi.
    Lực nói cụ thể hơn giúp mình, chèn 2 đoạn code đó vào đoạn nào trong 2 file đó nhé, vì mình nghĩ có thể mình chèn nhầm đoạn.

    Mình đang dùng wordpress.
    Cám ơn Lực !

    • Nếu em dùng boostrap thì có thể dùng luôn đoạn code này của Vnkings, đặt trong file single.php:

      <div class="comment_single_tabs">
      	<ul class="nav nav-tabs">
      		<li class="active"><a href="#commentstyle1" data-toggle="tab">Comment Vnkings (<?php comments_number('0', '1', '%'); ?>)</a></li>
      		<li><a href="#commentstyle2" data-toggle="tab">Comment Facebook</a></li>
      	</ul>
      	<div class="tab-content col-xs-12 col-sm-12 col-md-12">
      		<div class="tab-pane fade in active" id="commentstyle1">
      			<?php
      			if ( comments_open() || get_comments_number() ) :
      				comments_template();
      			endif;
      			?>
      		</div>
      		<div class="tab-pane fade" id="commentstyle2">
      			<div class="fb-comments" data-href="<?php the_permalink() ;?>" data-width="100%" data-numposts="10"></div>
      		</div>
      	</div>
      </div>
      
  4. mình làm hết các bước mà phần cuối cùng vào trang developer mà ko thấy hiển thị kiểm duyệt có thông tin gì hết bạn à. có thể giúp mình được ko. thẻ meta chỉ chèn được 1 trong 2 cái app_id hoặc admins đúng k bạn hay phải chèn cả 2 ạ.

  5. xin cho hỏi là mình đã chen comment facebook vào web rồi mà vẫn chưa phản chiếu bình luận lên fanpage dc. Trong phần app facebook ko có nút tích đê chọn phản chiếu. Xin cho hỏi mình phải làm gì bây giờ ạ

  6. Mình muốn hiện tất cả các bài viết trên fanpage full ra post hoặc page của wordpress được không ad?
    Tận dụng, để không phải đăng lại từ fanpage qua web.
    Nếu có plugin thì tốt hoặc bạn có code không cho mình xin.

Bình luận bài viết

Bạn cần đăng nhập để bình luận.

Audio truyện full

phàm nhân tu tiên audio

vũ thần chúa tể audio

thế giới hoàn mỹ audio

vô thượng thần đế audio

vạn cổ thần de audio

tiên nghịch audio