Để 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 khá là đơn giản và sẽ làm blog/website của chúng ta trở nên thú vị hơn, tương tác với người dùng tốt hơn. Hôm nay Alo Đam Rông xin hướng dẫn các bạn cách chèn khung Comment từ Facebook vào Blog-Website nhanh nhất chỉ với 2 bước cơ bản, các bạn thực hiện theo Alo Đam Rông nha!.
Hướng dẫn cách chèn khung Comment từ Facebook vào Blog nhanh nhất
Trước khi làm các bạn cần phải tạo cho mình 1 App Facebook để có thể lấy được App ID Facebook. Sau khi đã có App Facebook và có được ID App thì bạn tiến hành theo các bước dưới đây để tích hợp comment Facebook vào Blog/Website nhé.
Các bạn truy cập vào giao diện của Blog rồi dán đoạn code sau vào giữa thẻ <head> và </head>
<meta property="fb:app_id" content="APP ID" />
<meta property="fb:admins" content="USER ID"/>
Nhớ thay APP ID thành App ID mà bạn lấy được từ App Facebook và USER ID là ID Facebook cá nhân để quản lý các bình luận. Bạn có thể lấy USER ID bằng cách truy cập địa chỉ http://findmyfbid.com và nhập link facebook cá nhân vào và ấn Find numeric ID, bạn sẽ thấy dãy số hiện ra đó chính là USER ID của bạn. Còn "APP ID" các bạn sẽ thấy trong quá trình kích hoạt APP ID.
Bước 1: Các bạn truy cập vào trang: https://developers.facebook.com/
Sau đó bạn chọn Ứng dụng của tôi -> Tên trang Facabook của bạn
Tiếp theo các bạn vào phần Cài Đặt -> Thông tin cơ bản-> các bạn nhập như hình bên dưới: Chú ý: Phần màu đỏ là "APP ID" của bạn!. Sau đó thì nhấp vào lưu thay đổi nhé.
Tiếp theo các bạn chọn Xét duyệt ứng dụng để đặt Trang của bạn ở chế độ công khai, các bạn làm theo như hình dưới:
Nó yêu cầu đòi xác nhận như hình: Bạn hãy nhấp vào nút Xác nhận
Và đây là kết quả:
Chọn Bình Luận và làm theo như hình dưới.
Tiếp theo nhấp chọn: Lấy mã
Lưu ý: Đối với Blog bạn 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=v3.1 để khi lưu không bị lỗi:
→ví dụ: dòng code của tôi là:
js.src = 'https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v3.1&appId=124566084889927110&autoLogAppEvents=1';
→khi sửa lại:
js.src = 'https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v3.1&appId=124566084889927110&autoLogAppEvents=1';
Tiếp theo: bạn tìm đoạn code: <b:include data='post' name='post'/> và thêm vào bên dưới đoạn code: <div class="fb-comments" data-href="http://www.alodamrong.com" data-width="600" data-numposts="15"></div> bạn nhớ thay http://www.alodamrong.com thành địa chỉ của bạn.
Quản lý các Comment thì các bạn vô đây: https://developers.facebook.com/tools/comments
Mọi vấn đề thắc mắc xin để lại Comment bên dưới. Chúc các bạn thành công!. Hãy Like - Share bạn nhé!.
