Cách chèn thêm khung bình luận - Comment từ Facebook vào Blog
Để làm cho trang Blog/ Website của chúng ta tương tác được nhiều với người dùng hơn. Thì cách chèn thêm một khung bình luận từ facebook sẽ làm blog chúng ta sẽ trở nên thú vị hơn. Hôm nay Blog Tho Android xin hướng dẫn các bạn chèn khung bình luận nhận xét FB vào blog mình như sau:
- Chọn đăng kí
- Bật chấp nhận chính sách nền tảng của FB
- Click chọn: Đăng ký
Bước 2: Điền đầy đủ các thông tin bên dưới
- Tên ứng dụng của bạn.
- Email liên hệ .
- Danh mục: chọn "Ứng dụng dành cho trang".
- Click chọn "Tạo ID ứng dụng".
Bước 3: Sau đó chúng ta sẽ được chuyển đến màn hình bên dưới.
- Click chọn : "xét duyệt ứng dụng".
- Bật - Chế độ "Đặt ứng dụngcủa bạn ở chế độ công khai".
Bước 4: Sau đó chúng ta chọn bảng điều khiển và click chọn " Chọn nền tảng".
Bước 6: Bước này là bước ban đầu để lấy code.
- Các bạn copy dòng code của mình vừa tạo bên dưới
Bước 7:
- Sau đó vào Blog chỉnh sửa HTML và dán dưới thẻ <body>.( Lưu ý để tìm thẻ <body> các bạn gõ phím Ctrl + V ).
Bước 8: Các bạn thêm địa chỉ Webiste mình nếu muốn. Sau đó thoát ra khỏi trang.
Bước 9: Các bạn vào địa chỉ sau: https://developers.facebook.com/docs/plugins/comments
- Sau đó các bạn điền thông tin đầy đủ bên dưới và click chọn "lấy mã".
Bước 10: Tiếp theo sao chép mã được tạo.
Bước 11: Dán mã vừa copy dưới thẻ <body>.
Lưu ý rằng phải 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.8 để khi lưu không bị lỗi:
→ví dụ dòng code của tôi là:
js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.8&appId=224643818008336";
→khi sửa lại:
js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.8&appId=224643818008336";
Bước 12:
- Tì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 == "item"'>
<div class='fb-comments' data-num-posts='9' data-width='740px' expr:data-href='data:blog.canonicalUrl'/></b:if>
Bước 13:
Các bạn chèn code sau vào dưới thẻ <head> để có thể xem được thông báo khi một ai đó bình luận trên bài viết của bạn.
<meta content='ID ứng dụng của bạn' property='fb:app_id'/>
ví dụ: <meta content='224643818008336' property='fb:app_id'/>
- Xem id ứng dụng của bạn trong trang sau:
Bước cuối cùng:
- Các bạn vào đường link: https://developers.facebook.com/tools/comments/
và thêm người kiểm diệt để nhận thông báo
Lưu lại và kiểm tra thành quả nhé !
Cảm ơn các bạn đã xem bài viết. Mọi thắc mắc liên quan các bạn vui lòng comment bên dưới để trao đổi với tôi nhé !
( Lưu ý khi sao chép vui lòng ghi rõ nguồn trang thơandroid.vn).
- Xem thêm video tại đây:
Không có nhận xét nào: