Nếu website chỉ đơn thuần là trang tin tức, giải trí … chúng ta có thể không quan tâm lắm đến những bình luận này. Nhưng nếu đây là một trang bán hàng, blog cá nhân hoặc hướng dẫn kiếm tiền online, … thì việc trả lời, giải đáp các câu hỏi của khách hàng là điều hết sức cần thiết. Do đó, việc quản lý các comment facebook trở nên rất quan trọng. Nó sẽ là cầu nối giữa khách và website đồng thời duy trì lượng traffic đều đặn.
Bước 1: Đăng ký trở thành nhà phát triển
Trang quản lý ứng dụng : https://developers.facebook.com/apps/
Lưu ý : Nếu đang là nhà phát triển, bạn có thể bỏ qua bước này.
– Để sử dụng app facebook, trước tiên bạn phải là một nhà phát triển (developer). Hãy truy cập trang quản lý ứng dụng và Nhấn nút Đăng ký ngay (Register now)
– Khung thông báo xuất hiện, click vào vào nút “o”ở bên phải khung để đồng ý với các chính sách quyền riêng tư của facebook, sau đó chọn nút Đăng ký
Nếu facebook yêu cầu cung cấp thêm số điện thoại, hãy làm theo hướng dẫn như trong hình nhé.
– Nhấn Xong để hoàn tất quá trình đăng ký trở thành nhà phát triển facebook.
Bước 2: Tạo ứng dụng quản lý bình luận facebook
– Truy cập lại trang quản lý ứng dụng và chọn nút “Đăng ký ứng dụng mới (Add a New App)” nằm ở góc màn hình.
– Lựa chọn nền tảng để chạy app.
- iOS : iPhone, iPad…
- Android
- Facebook Canvas: ứng dụng đăng nhập bằng facebook đang khá phổ biến hiện hay
- Trang web: đây cũng là nền tảng mình sẽ sử dụng trong bài viết này
– Chọn app có sẵn hoặc nhập tên app nếu bạn muốn tạo mới.Thường là tạo mới :D
Mình sẽ tạo một ứng dụng mới có tên “stt“. Chọn Create New Facebook App ID để tiếp tục ⇒ Chọn loại nội dung và nhấn Create App ID để sang bước tiếp theo.
– Facebook sẽ đưa bạn tới 1 trang hướng dẫn mà ở đó, nội dung đầu tiên là đoạn mã hỗ trợ thực thi ứng dụng. Kéo tiếp xuống dưới, bạn sẽ thấy 1 khung URL , hãy nhập chính xác địa chỉ website của bạn vào đó rồi nhấn Next.
Bước 3: Cấu hình ứng dụng
– Truy cập trang quản lý và chọn ứng dụng vừa tạo để cấu hình .
– Bên menu trái, chọn Settings
– Tại mục App Domains, nhập lại tên miền mà bạn muốn chạy app.
Lưu ý: bỏ đi các ký từ “http://” và “/” lần lượt theo vị trí trước và sau tên miền của bạn.
Ví dụ: tên miền của mình là : http://www.vuistt.com/ thì khi viết, sẽ viết là : www.vuistt.com
Một số mục khác (bạn có thể bỏ trống)
+ Namespace: không gian dành cho ứng dụng.
- Độ dài phải lớn hơn 7 ký tự
- Không có khoảng trống
- Không chứa chữ số
- Không chứa ký tự đặc biệt
+ Contact email: địa chỉ liên hệ.
Nhấn Save Changes để hoàn tất việc cấu hình ứng dụng
Bước 4: Quản lý bình luận facebook trên blogspot/blogger
– Để bắt đầu quá trình quản lý comment/bình luận facebook, chúng ta cần phải truy cập vào được phần tùy chỉnh HTML của nền tảng hoặc ngôn ngữ lập trình đang sử dụng. Trong bài viết này, mình thao tác trực tiếp trên blogspot nhé, các bạn có thể làm tương tự với những ngôn ngữ khác.
– Tìm thẻ mở <html> rồi chèn vào ngay sau đó đoạn mã
xmlns:fb=”http://www.facebook.com/2008/fbml”
Đoạn mã này có tác dụng hỗ trợ cho những trình duyệt đời cũ vẫn có thể sử dụng ứng dụng facebook mà chúng ta vừa tạo.
– Tìm tiếp thẻ mở <head> rồi chèn vào ngay sau đó đoạn mã : <meta property=”fb:app_id” content=”ID ứng dụng” /> , đoạn mã này sẽ cho phép chúng ta quản lý trực tiếp được comment facebook mỗi khi có bình luận mới.
Thay thế ID ứng dụng bằng mã ứng dụng facebook của bạn !
– Tiếp theo, hãy chèn đoạn mã sau vào bất cứ chỗ nào mà bạn muốn đặt comment facebook
<div>
<script type=’text/javascript’>
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(“.html”)+5);
var fbcm ='<div class=”fb-comments” data-href=”‘+fb_href+'” data-num-posts=”5″ data-width=”630″></div>’;
</script>
<b:if cond=’data:blog.pageType == "item"’> <script type=’text/javascript’> document.write(fbcm); </script> </b:if>
</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.5";
fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
Lưu ý về các tham số
data-href :đường dẫn của bài viết, thông số này cực kỳ quan trọng, nó sẽ quyết định việc hiển thị bình luận facebook trên website hoặc blogspot có đúng hay không ?
– Với blogspot : để nguyên tham số này
– Với website : chúng ta phải truyền được biến đường dẫn site vào tham số này. Mỗi ngôn ngữ lập trình đều có cách truyền biến khác nhau.
Ví dụ : Mình sử dụng ngôn ngữ lập trình VB thì đoạn code sẽ là:
var fbcm ='<div class=”fb-comments” data-href=”http://<%response.write(“ncp.somee.com/Detail.asp?id=”&fb&””)%>” data-num-posts=”5″ data-width=”630″>
data-num-posts : số lượng comment facebook sẽ được hiển thị tối đa.
data-width : chiều dài khung comment facebook
Bước 5: Lưu lại template vừa được chỉnh sửa
Như vậy là chúng ta đã đi được 2/3 quãng đường trong việc quản lý comment facebook trên website hoặc blogspot. Những bước còn lại tương đối đơn giản, mình sẽ hướng dẫn nốt trong phần tiếp theo.
