Hướng dẫn chèn code vào facebook

Hiện nay, faceboook đã trở thành một trong những công cụ social media hữu dụng nhất mà hầu như mọi người đều sử dụng để truyền thông cho sản phẩm hay các dịch vụ của minh. Các website đều có một fanpage cho riêng mình để truyền thông tin tới khách hàng. Đôi với mỗi một website việc chèn fanpage vào website rất quan trọng đối với việc tăng lượng like hay follow khi khách hàng quan tâm đến việc cập nhật thông tin qua kênh này. Và việc lấy mã code để chèn vào website là một việc cần thiết mà bạn nên tìm hiểu để biết cách làm nhắm tăng độ phủ song của các kênh truyền thông.

Để lấy mã code của fanpage để chèn vào website du lịch, bạn chỉ cần thực hiện qua 3 bước đơn giản như sau.

Bước 1: Truy cập và đăng nhập vào trang: https://developers.facebook.com/docs/plugins/page-plugin

Bước 2: Tại đây, bạn có thể tùy chỉnh 1 số thông tin như sau:

Hướng dẫn chèn code vào facebook

Facebook Page URL : Là địa chỉ fanpage của bạn.

Tabs : Mặc định là timeline : Tức là show bài viết ngay dưới tab. Bạn có thể xóa đi nếu không muốn.

Width : Chiều rộng của box fanpage.

Height : Chiều cao của box fanpage

Show Friends’ Faces: Hiện hình ảnh thành viên like

Use Small Header: Hiện tên tiêu đề like box phía trên cùng

Hide Cover Photo: Ẩn ảnh bìa của fanpage

Adapt to plugin container width: Thích ứng với chiều rộng của box.

Bước 3: Sau khi đã cấu hình xong theo mong muốn của bạn, bạn chọn Get code và dùng code này để chèn vào website và tùy ý chọn vị trí hiển thị trên website.

Sẽ có 2 đoạn code được hiển thị như sau:

Hướng dẫn chèn code vào facebook

Đoạn code ở mục 1 để cho vào thẻ <body>

Nếu bạn đã có đoạn code này ở trong website thì không cần thêm vào nữa bởi vì đoạn code này còn làm những ứng dụng khác như là Facebooki comment, Nút like,….

Đoạn code ở mục 2 chính là đoạn code Fanpage Like Box hay còn gọi là Page Plugin. Bạn chỉ việc copy đoạn code đó vào chèn vào vị trí mà bạn muốn nó hiển thị trên website của mình.

Đổi với Website làm CMS như Joomla, Wordpress, Drupal

Tạo 1 module hoặc widget. Sau đó chèn đoạn code đã tạo vào và lưu lại.

Đối với Blogger

Bạn vào Bố Cục --> Thêm tiện ích và chọn HTML/Javascript. Sau đó bạn chỉ cần dán đoạn code vào phần Nội dung, đặt tên cho phần Tiêu đề và lưu lại là xong.

Bước 1: Truy cập vào địa chỉ:

http://deverlopers.facebook.com/setup/

Bước 2: Trong ô Create New App, điền các thông tin cần thiết

App name: Tên ứng dụng bạn định tạo (Cái này dùng để gợi nhớ và quản lý khi bạn tạo nhiều Apps khác nhau)
App namespace: Địa chỉ để truy cập ứng dụng của bạn trên facebook. App namespace không được có khoảng trống (Ví dụ: TT CNTT-TVDai hoc khoa hoc) và không được chứa chữ số. Là địa chỉ truy cập App nên cũng không được trùng với các Apps được người khác tạo trước đó (facebook sẽ kiểm tra điều kiện này). Bạn điền thông tin tới lúc thấy có chữ Valid và Avaiable là được.

Địa chỉ truy cập App sẽ có dạng http://apps.facebook.com/namespace

Nhập các thông tin chính xác sau đó nhấn Next

Bước 3: Nhập captcha để xác nhận việc đăng ký và bấm Next

Hướng dẫn chèn code vào facebook


Sau khi đã tạo App thành công, bạn truy cập đường dẫn sau để cài đặt App

http://developers.facebook.com/apps

Bạn cần chú ý mục App ID/API Key để sau này thêm vào website hiển thị khung Comment


Bước 4: Nhấn Edit Settings để thiết lập. Trong thiết lập, bạn cần lưu ý các mục sau
App domains: địa chỉ website mà bạn muốn đặt khung comment lên đó. Ví dụ địa chỉ website bạn muốn đặt khung comment là http://itlc.tnus.edu.vn/ thì bạn có thể gõ itlc.tnus.edu.vn hoặc gõ tnus.edu.vn để sử dụng cho tất cả các subdomain của mình (ví dụ trang: http://api.tnus.edu.vn cũng có thể sử dụng khung Comment của App này nếu bạn chỉ nhập tnus.edu.vn

Mục Select how your intergrates with Facebook, bạn chọn mục Website with Facebook Login, điền địa chỉ website mà bạn muốn đặt khung comment vào. Ví dụ của mình là http://itlc.tnus.edu.vn thì mình sẽ điền Site URL là http://itlc.tnus.edu.vn/ (Lưu ý: có http:// và dấu / ở cuối)

Sau đó nhấn Save Change ở cuối trang. Như vậy là bạn đã hoàn thành xong bước tạo App cho mình rồi. Giờ chuyển sang bước tiếp theo đó là chèn khung Comments vào website của bạn.

II. Thêm khung Facebook Comment vào website của bạn
Bạn cần phải có quyền chỉnh sửa code website để có thể thêm khung Facebook Comment vào website của mình.

Bước 1: Tại thẻ <html> bạn thêm xmlns:fb='http://www.facebook.com/2008/fbml'. Khi đó thẻ <html> ở đầu trang web của bạn sẽ có dạng:

<html xmlns:fb='http://www.facebook.com/2008/fbml' >

Mã này cho phép các phiên bản trình duyệt cũ cũng có thể sử dụng được khung Comment của Facebook.

Bước 2: Thêm vào trước thẻ </head> của bạn đoạn code sau:

<meta property="fb:app_id" content="YOUR_APP_ID" />

Trong đó thì YOUR_APP_ID bạn thay bằng App ID/API Key của ứng dụng mà mình đã lưu ý các bạn ghi nhớ ở bước tạo APP.

Bước 3: Thêm vào ngay sau thẻ <body> đoạn code:

<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>

Trong đó, tương tự như bước trên, bạn thay YOUR_APP_ID bằng App ID/API Key của bạn vào.

Bước 4: Chèn đoạn code sau vào khu vực mà bạn muốn hiển thị khung Facebook Comment

<div class="fb-comments" data-href="YOUR_WEBPAGE_HREF" data-width="760" data-num-posts="20"></div>

Trong đó, YOUR_WEBPAGE_HREF bạn thay bằng link của trang bạn muốn hiển thị khung Facebook Comment.  Nếu bạn muốn hiển thị khung comment cho từng trang khác nhau với các nội dung khác nhau, bạn có thể thay thế YOUR_WEBPAGE_HREF bằng liên kết tương ứng.

width="760" là độ rộng của khung Comment mà bạn muốn hiển thị. Chỉnh lại thông số này cho phù hợp với website của bạn

numpost ="20" là số lượng comments mà bạn muốn hiển thị. Nếu vượt quá số này sẽ được tự động thu gọn.

Save lại.Vậy là xong phần Code. Refresh lại website của bạn để thưởng thức thành quả.

III. Cài đặt thêm thông tin và Quản lý Comment
Đầu tiên bạn vào liên kết sau:

http://developers.facebook.com/tools/comments

Đây cũng sẽ là link để bạn quản lý các Comment từ website của bạn. Bạn có thể thêm ai đó vào blacklist, xóa comment, ban user...

Bước 1: Cài đặt và khai báo danh sách Moderator

Phần Public Comments là hiện lời bình của khách ghé thăm website của bạn. Bạn có thể xóa lời bình, chặn người dùng hay đứa họ vào danh sách đen. Phần này sẽ chỉ hiển thị các Comment đã được chấp nhận và sẽ hiển thị lên website của bạn.

Phần Moderator View sẽ hiển thị danh sách các Comment mới và cần xác minh, chưa được hiển thị trên website của bạn nếu như bạn đã đặt chế độ yêu cầu kiểm duyệt trước khi xuất bản.

Khi có ai đó bình luận trên website của bạn, tất cả người dùng là quản trị viên (Moderator) sẽ nhận được thông báo trên Notification của facebook có dạng:Abcdexyz commented on yoursiet, itlc.tnus.edu.vn