Hello

Something Wrong

Popular Posts

HTML 3

Thứ Năm, 8 tháng 2, 2018

Hướng Dẫn Chèn Thêm Khung Bình Luận Facebook Vào Blog - Website

Các bạn muốn chèn khung bình luận facebook hãy xem hướng dẫn bên dưới bài 
Huong Dan Chen Them Binh Luan Facebook Vao Blog - Website

Theo dõi các bước làm của mình để có được khung comment facebook vào blog - website của các bạn nhé

Bước 1

Vào trang facebook: https://developers.facebook.com/
1. Đăng nhập tài khoảng facebook ở góc phải hình 

Huong Dan Chen Them Binh Luan Facebook Vao Blog - Website

Bước 2:

1. Thêm ứng dụng mới 
2. Các bạn nhập tên ứng dụng
3. nhập email
4. Tạo ID ứng dụng
Như hình dưới ạ 

Huong Dan Chen Them Binh Luan Facebook Vao Blog - Website

Bước 3: Được chuyển đến khung hình bên dưới 

1. Các bạn chọn trong mục menu mục " Xét Duyệt Ứng Dụng
2. Bật => Chế độ ứng dụng của bạn Công Khai

Huong Dan Chen Them Binh Luan Facebook Vao Blog - Website

Bước 4: Đến Mục Cài Đặt Trong Menu

1. Mục Thông Tin Cơ bản 
2.  Thêm nền Tảng 
3. Là bước 4 trong hình chọn vào " Trang WEB "
4. Nhập URL website của bạn vào 
5. Ấn bắt đầu nhanh
6. Copy script của facebook đưa như hình dán vào sau thẻ <body> của blog- website bạn
7. Nhập url website- blog nhấn " Tiếp " 

Huong Dan Chen Them Binh Luan Facebook Vao Blog - Website

Huong Dan Chen Them Binh Luan Facebook Vao Blog - Website

Huong Dan Chen Them Binh Luan Facebook Vao Blog - Website

Bước 5: Các bạn đến địa chỉ sau: https://developers.facebook.com/docs/plugins/comments

Huong Dan Chen Them Binh Luan Facebook Vao Blog - Website

Bước 6: Sau khi ấn lấy mã ta tiếp tục sao chép đoạn mã sau và bỏ vào sau thẻ <body>

Huong Dan Chen Them Binh Luan Facebook Vao Blog - Website

Bước 7: Dán đoạn mã vừa copy vào sau thẻ <body>

Lưu ý sửa lại dòng code có dạng ví dụ bên dưới. Sửa lại bằng cách thêm amp; vào sau 1 và version=v2.12  để khi lưu không bị lỗi: 
vd: 
https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.12&appId=554237011578579&autoLogAppEvents=1';
Thay Đổi Thành
https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&amp;version=v2.12&amp;appId=554237011578579&autoLogAppEvents=1';
Bước 8Tìm đoạn code sau: <b:include data='post' name='post'/>
 - Dán dòng lệnh dưới đây sau đoạn code vừa tìm:

      <b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='9' data-width='740px' expr:data-href='data:blog.canonicalUrl'/>
</b:if>



Bước 9: Các bạn chèn code sau vào sau thẻ <head>
<meta content='ID ứng dụng ' property='fb:app_id'/>
ID ở đây là ID ứng dụng ban đầu như trong hình 


Huong Dan Chen Them Binh Luan Facebook Vao Blog - Website



Bước 10: Bước cuối cùng là các bạn vào đường dẫn sau: https://developers.facebook.com/tools/comments


Nhập tên người kiểm duyệt comment facebook vào để kiểm duyệt comment facebook trên blog- website của bạn





Huong Dan Chen Them Binh Luan Facebook Vao Blog - Website



Vẫn còn 1 cách tạo khung comment facebook khác

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

Đăng nhận xét