Cũng như comment, Chatbox giúp liên kết các thành viên mạng, tạo tính tương tác cao với các thành viên với chủ sở hữu website.
- Ở bên phải sẽ có nút Đăng ký ngay
- Sau khi đăng ký xong bạn sẽ được chuyển tới trang http://developers.facebook.com/apps.
Tới đây ở bên phải có nút tạo ứng dụng mới. Bạn tiến hành tạo ứng dụng mới.
- Sau khi tạo ứng dụng xong bạn sẽ có ID của ứng dụng (như hình)
(Tên ứng dụng: Erhaycomment; AppID: 524808000891158)
Copy lấy ID ứng dụng lưu tạm đâu đó để lát dùng.
Bước 2: Thêm Js sau dưới
Bước 3: Thêm thẻ meta sau trước
Ở khung chát này :
- Nhập url (địa chỉ màu đỏ) cố định của bạn. Ví dụ mình làm fb comment cho trang hihi.erhay.com.
Bước 5: Quản lý khung chat (comment) facebook
Trong bài viết hôm nay, Erhay sẽ hướng dẫn mọi người cách tạo một chatbox đơn giản.
1. Tạo chatbox bằng cbox.ws
- Đăng nhập vào địa chỉ sau để đăng ký :
- Nhập thông tin cho chatbox của bạn. Ví dụ :
- Nhấn Create my Cbox để tạo chatbox. Cbox sẽ chuyển bạn đến trang đăng nhập. Bạn đăng nhập thông tin của mình và nhấn vào mũi tên Login màu vàng.
- Tùy chỉnh Cbox. Vậy là bạn đã tạo Cbox thành công. Giờ chỉ cần tùy chỉnh chút ít.
+ Chỉnh Emotion. Khi đã login vào trang quản lý Cbox. Bạn vào Options -> Smiles như hình :
Khi đã chỉnh xong -> Nhấn Save changes để lưu.
- Cách thêm vào Blogger, website, Blog khác :
Vào thẻ Publish bên cạnh Home, copy toàn bộ code HTML rồi gắn vào Widget/HTML trong blogger.
2. Tạo chatbox với facebook comment
Như bài trước mình hướng dẫn mọi người cách tạo một facebook comment. Vậy thì chúng ta sẽ tận dụng facebook comment làm chatbox. Sẽ khá hay vì facebook là mạng xã hội hành tinh và lượng người comment cũng uy tín và đáng tin cậy hơn.
Bước 1: Đăng nhập vào địa chỉ dưới và tạo một ứng dụng Facebook.
- Ở bên phải sẽ có nút Đăng ký ngay
- Sau khi đăng ký xong bạn sẽ được chuyển tới trang http://developers.facebook.com/apps.
Tới đây ở bên phải có nút tạo ứng dụng mới. Bạn tiến hành tạo ứng dụng mới.
- Sau khi tạo ứng dụng xong bạn sẽ có ID của ứng dụng (như hình)
(Tên ứng dụng: Erhaycomment; AppID: 524808000891158)
Copy lấy ID ứng dụng lưu tạm đâu đó để lát dùng.
Bước 2: Thêm Js sau dưới <body> :
<div id='fb-root'/>
<script>
//<![CDATA[
(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/all.js#xfbml=1&appId=524808000891158";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
Nhập ID của bạn (Màu đỏ)
Bước 3: Thêm thẻ meta sau trước </head>
<meta content='524808000891158' property='fb:app_id'/>Nhập ID của bạn (Màu đỏ)
Bước 4: Thêm khung chát:
<!-- Đếm số nhận xét -->
<div style='color:black; font-weight:bold'>Đã có <fb:comments-count href=http://hihi.erhay.com/></fb:comments-count> suy nghĩ được chia sẻ ở đây
</div>
<br/>
<!-- Thêm comment duy nhất cho địa chỉ hihi.erhay.com -->
<fb:comments data-href='hihi.erhay.com' data-title='Góc nghĩ' data-id='1' width='260' style='margin:10px 0px 0px 5px'/></fb:comments>
Ở khung chát này :
- Nhập url (địa chỉ màu đỏ) cố định của bạn. Ví dụ mình làm fb comment cho trang hihi.erhay.com.
Bước 5: Quản lý khung chat (comment) facebook
Bạn đăng nhập vào địa chỉ sau để quản lý comment của mình :
Thiết lập lại Public bằng cách ấn vào Settings (thiết lập) ngay bên cạnh như hình :
Comment thử nếu bạn đã thấy comment trong đó là ok.
Cảm ơn bạn đã theo dõi. Nếu bạn gặp khó khăn có thể để lại comment để được trợ giúp.
(Vui lòng ghi lại nguồn erhay khi bạn phát hành lại thông tin từ trang này.)
Bước 4: Thêm khung chát: này vào Bố Cục đc ko anh ?
ReplyDeleteĐược bạn. Bạn cho vào HTML Widget nhé.
Delete