Facebook đang là mạng xã hội thu hút được số lượng người truy cập lớn nhất toàn cầu hiện nay, và hâu hết những người sử dụng internet đều có cho mình một tài khoản facebook. Chính vì thế việc tích hợp thêm Comment của facebook cho Blog/Website sẽ giúp cho Blog/Website của bạn tiếp cận, tương tác với khách truy cập được được nhanh chóng và thuận tiện hơn, khách có thể để lại ý kiến đóng góp cho web/blog ngay với tài khoản face hay mail yahoo của họ.
Bài viết này mình sẽ chia sẻ với các bạn chi tiết và đơn giản nhất cách chèn thêm khung comment trực tiếp cho bài viết trực tiếp với tài khoản facebook, yahoo, msn... từ cập nhật mới nhất của developres facebook như hình dưới :
Trước hết các bạn truy cập vào địa chỉ developers.facebook.com và đăng nhập bằng tài khoản facebook của bạn.
Lưu ý : Hiện nay có rất nhiều Blog có bài hướng dẫn các bạn không cần phải đăng nhập vào Developers Tool, tuy nhiên như vậy là các bạn sẽ sử dụng lại code của người khác, Điều này sẽ rất bất tiện nếu họ xóa hoặc thay đổi tool dẫn tới code đó không còn hoạt động, Nên theo mình các bạn hãy dùng chính code của mình tạo ra để thuận tiện và chủ động hơn.B1: Các bạn tiến hành tạo App mới bằng cách lựa chọn Add a new app như hình dưới
B2: Các bạn nhập tên App vào và chọn Create new facebook app id như hình dưới
B3: Lựa chọn tiếp loại bất kỳ cho ứng dụng như hình dưới và chấp nhận
B4: Bạn sẽ thấy xuất hiện một trang mới bao gồm 2 phần, phần code để bạn chèn vào trang HTML của Blog/Website, là phần mình khung lại màu đỏ phía dưới hãy copy phần đó lại, và phần giới thiệu về địa chỉ web/blog của app. Điền thông tin và chọn Tiếp
B5: Đến đây bạn đã tạo được cho mình một app tích hợp comment facebook và rất nhiều thứ để chèn vào Web/Blog, Hãy chọn phần Plugin đã khoanh đỏ như hình dưới để tiếp tục
B6: Các bạn chọn mục Comment trong Social Plugin Điền thông tin theo hình hướng dẫn cho phù hợp với web/blog của bạn và chọn GetCode
B7: Vậy là các bạn đã có phần code hiển thị khung comment cho Blog/Website như hình dưới, Hãy giữ nguyên trang này
B8: Các bạn mở trang quản trị Blog, Chọn Mẫu -> Chỉnh sửa HTML
Dán đoạn code mà các bạn đã copy ở B4 vào giữa cặp thẻ <body>...</body>, có thể đặt ngay trước thẻ </body> hoặc phía dưới thẻ <body> cho dễ nhớ,
Tiếp túc tìm tới thẻ sau :
<b:include data='post' name='post'/>
Xong bạn quay lại trang ở B7 và copy đoạn code ở phần mình khung đỏ và dán vào ngay phía dưới đoạn thẻ mà ta vừa tìm được
Chọn lưu mẫu và cuối cùng là f5 lại blog để xem thành quả các bạn vừa làm được.
Các bạn có thể tham khảo thêm bài viết Hướng dẫn chèn Likebox facebook cho website để trang trí thêm cho blog/website của mình
Chúc các bạn thành công, nếu có thắc mắc hãy để lại comment mình sẽ giải đáp và đừng quên like,+1 nếu bài viết giúp ích được cho bạn nhé.
Hướng dẫn rất chi tiết
ReplyDelete