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
- Cách chặn Bot Ahrefs quét dữ liệu website thành công 100%
- Thêm công cụ tìm kiếm của Website vào các trình duyệt
- Thêm nút like, share, google + vào WordPress
- Thêm thẻ Meta Description cho WordPress không cần Plugin
- Tự động thêm link từ khóa vào nội dung và trích dẫn wordpress
- Thêm đuôi .html cho Post và Page WordPress không dùng plugin
Cảm ơn bài viết hay
Mình hỏi nhờ tí bạn ơi! Web mình cũng có theo dõi cmt và kết nối cmt về Fanpage nhưng mình chỉ mới thấy có một link liên kết được cmt về site? Nhờ bạn xem hộ mình với!
Chào bạn, đó là do FB đã lưu dữ liệu cũ từ link web của bạn, để cập nhật lại link bạn vào:
https://developers.facebook.com/tools/debug/
Sau đó debug lại link xem ok không nhé.
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!
Bạn lưu ý chèn đúng đoạn này bạn nhé:
Trong đó đoạn the_permalink() là hàm lấy link của bài viết của bạn.
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 ạ.
Có thể app quản lý Fanpage không hỗ trợ tính năng này, mình chưa thử dùng quản lý Fanpage trên App nên chưa support được bạn phần này, bạn thông cảm nhé.
co nhan hoc vien hoac ban san pham binh luan nay k ad?
Cái này mọi người hoàn toàn có thể tự làm theo hướng dẫn mà bạn.
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 !
2 Đoạn code để hiển thị Comment Facebook bạn chèn vào phần muốn hiển thị Comment ra, nghĩa là nó sẽ ở dưới của
trong file Single.php bạn nhé
làm thế nào để vừa hiển thị khung bình luận mặc định của WP và cả của FB như site a đượ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:
Bạn ơi cho mình hỏi làm trên blogger có được không vậy? Nếu được làm ơn hướng dẫn mình với nhé
Mình chưa sử dụng Blogger nên cũng không rõ phần này, bạn thông cảm nhé.
Buồn thế nhỉ hiii. Cảm ơn bạn nhiều nhé
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 ạ.
Chèn một trong 2 bạn ạ, không cần đặt cả 2 đâu.
e test website trên localhost xampp mà cái kiểm duyệt trong developer facebook nó ko nhận thấy comment ạ. E làm đúng các bước như trên rồi a à
Facebook nó có vào được localhost của bạn đâu mà tạo comment trên link đó được bạn.
trên developers.facebook.com nó ko nhận hả a. e thấy dùng 2 nick facebook comment nhau nó vẫn hiện được cái này trên facebook cá nhân. http://prntscr.com/hd59w8
http://prntscr.com/hd5a1f
Đúng rồi bạn ạ, bạn đưa web lên Host để sử dụng chức năng như bài hướng dẫn mới được.
mình muốn hiển thị tất cả comment ở các bài viết khác nhau ở cùng 1 trang, và box cmt này sẽ hiện ở các trang như nhau để có liên tưởng là nhiều cmt thì làm sao ạ
Vậy bạn để url trong code của comment là link trang chủ của bạn nhé.
Hi ban, minh dung plug in “Facebook Comment Box” (King Rayhan) de lam comment, minh dang bi vuong o buoc “phản chiếu” boi vi khi minh vao thi lai khong co muc phan chieu nhu ban huong dan. Ban xem anh dinh kem
http://2.pik.vn/20176abe5a18-e0de-43ac-8f9d-db71585e966c.png
Ban huong dan giup minh voi, cam on ban nhe, sry vi ko co unikey
Chào bạn,
Bạn có phải là người tạo Page đó hoặc là người có quyền quản trị viên trong page đó không?
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ờ ạ
Mình nhúng vào xong mà tìm mãi không thấy mục công cụ kiểm duyệt như của ad. Không biết làm thế nào
Chào bạn, hiện tại Facebook đã tắt tính năng này bạn ạ.
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.