Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook

Demo :

http://fbcoverdemo.blogspot.com/2016/10/demo-code-hop-chatbox-ho-tro-online-cho.html
Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook

<!-- $CHAT -->
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>
<script language='javascript'>
    var f_chat_vs = "Version 2.3";
    var f_chat_domain =  "http:\/\/startuanit.net";    
    var f_chat_name = "Hỗ trợ trực tuyến";
    var f_chat_star_1 = "Chào bạn!";
    var f_chat_star_2 = "Bạn cần hỗ trợ gì ?";
    var f_chat_star_3 = "<a href='javascript:;' id='f_bt_start_chat' onclick='f_bt_start_chat()'>Bắt đầu Chat</a>";
    var f_chat_star_4 = "Chú ý: Bạn phải đăng nhập <a href='http://facebook.com/' rel='nofollow' target='_blank'>Facebook</a> mới có thể trò chuyện.";
    var f_chat_fanpage = "Admin.StarTuan"; /* Đây là địa chỉ Fanpage*/
    var f_chat_background_title = "#1092da"; /* Lấy mã màu tại đây http://megapixelated.com/tags/ref_colorpicker.asp */
    var f_chat_color_title = "#fff";
    var f_chat_cr_vs = 21; /* Version ID */
    var f_chat_vitri_manhinh = "right:10px;"; /* Right: 10px; hoặc left: 10px; hoặc căn giữa left:45% */    
</script>
<!-- $Chat Javascript (không được xóa) -->
<script src='https://cdn.rawgit.com/tuan2308/js/master/chatbox-v2.3.js'/>
<!-- $Chat HTML (không được xóa) -->
<div id='fb-root'></div>
<a class='chat_f_vt' id='chat_f_b_smal' onclick='chat_f_show()' title='Mở hộp Chat'><i class='fa fa-comments title-f-chat-icon'></i> Chat</a><div class='chat_f_vt' id='b-c-facebook'><div class='chat-f-b' id='chat-f-b' onclick='b_f_chat()'><i class='fa fa-comments title-f-chat-icon'></i><label id='f_chat_name'></label><span id='fb_alert_num'>1</span><div id='t_f_chat'><a class='chat-left-5' href='javascript:;' id='chat_f_close' onclick='chat_f_close()'>x</a></div></div><div class='f-chat-conent' id='f-chat-conent'><script>document.write("<div class='fb-page' data-adapt-container-width='true' data-height='310' data-hide-cover='true' data-href='https://www.facebook.com/"+f_chat_fanpage+"' data-show-facepile='false' data-show-posts='true' data-small-header='true' data-tabs='messages' data-width='250'></div>");</script><div id='fb_chat_start'><div class='msg_b fb_hide' id='f_enter_1'></div><div class='msg_b fb_hide' id='f_enter_2'></div><br/><p align='center' class='fb_hide' id='f_enter_3'><a href='javascript:;' id='f_bt_start_chat' onclick='f_bt_start_chat()'>Bắt đầu Chat</a></p><br/><p align='center' class='fb_hide' id='f_enter_4'></p></div><div class='chat-single' id='f_chat_source'></div></div></div>
<!-- #CHAT -->

Hướng dẫn thêm vào blog:

  1. Copy toàn bộ code trên
  2. Vào chỉnh sửa mẫu chèn toàn bộ code trên thẻ </body>
  3. Thay Admin.StarTuan thành địa chỉ fanpage của bạn ( ví dụ code trên địa chỉ fanpage mình là https://www.facebook.com/Admin.StarTuan )
  4. Bạn có thể thay các dòng bôi màu xanh trên theo nội dung bạn muốn
  5. Lưu mẫu và xem kết quả

  • Các bạn có thể tải file javascript tại đây sau đó upload lên host riêng.
  • Đoạn Bôi xanh ở trên là code jquery còn Màu cam là code font awesome nếu blog bạn đã chèn rồi thì xóa cũng đc nhé.


Fix lỗi:

Vì host không tự động cập nhập được nên các bạn tự sửa link host nhé
Sửa: https://cdn.rawgit.com/tuan2308/js/master/chatbox.js
Thành: https://cdn.rawgit.com/tuan2308/js/master/chatbox-v2.3.js
Tức là thêm dòng chữ -v2.3 trước chữ chatbox
Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook Reviewed by Trương Ngọc Tuấn on 12/21/2015 Rating: 5

12 nhận xét:

  1. lúc đầu vào sẽ có mấy dòng tin tự động trước, mình chèn vào mà nó ko hiện chỉ hiện số thôi, có thể xung đột javacript gì, bác cho mình xin code đang dùng nhé, nền blogger

    Trả lờiXóa
    Trả lời
    1. vẫn bình thường mà bn :)
      bn thử chèn lại vào web xem

      Xóa
  2. thêm icon toàn bị lỗi ko ad tuấn ơi

    Trả lờiXóa
  3. làm sao cho tự ẩn đi vậy ad

    Trả lờiXóa
  4. Nó mất mấy cái tin nhắn đầu cmnr

    Trả lờiXóa
    Trả lời
    1. Nếu bấm Trả lời Chat thì lần sau vào ko hiện :3

      Xóa
  5. vào mẫu blog thêm font ntn bác?

    Trả lờiXóa
  6. hay thank nhé

    Template blogspot đẹp tại : http://www.softwpro.info/

    Trả lờiXóa
  7. cho mình hỏi làm sao thây đổi thay đổi dòng chử live chat facebook và đường link dẫn về địa chỉ khác vậy bạn link hình bên dưới :))
    https://4.bp.blogspot.com/-wYVkvb4WFBk/V9JsH5sFV0I/AAAAAAAAEYc/VQx8N6rmID88LuJE7fsUrCNmcM4UAf1mACLcB/s320/fdfdfdef.png

    Trả lờiXóa
  8. Nếu chatbox không hiện thì các bạn thay

    https://9970ad2a56fc8714afba571720bfd7d86f3a8561.googledrive.com/host/0B4dR4T8FGwMjdjVNRVQwdE1STzA/chatbox.js

    thành

    https://cdn.rawgit.com/tuan2308/js/master/chatbox.js

    nhé

    Trả lờiXóa
  9. Anh ơi em làm rồi nhưng nó ko chat được ạ, https://imgur.com/a/99iaW

    Trả lờiXóa
  10. Code fix rồi nhé, m.n nhớ vào cập nhật lại code nhé

    Trả lờiXóa

✩ Viết tiếng Việt có dấu
✩ Không spam
✩ Không chửi tục, nói bậy
✩ Không quảng cáo thông qua khung Comment.

:)
:))
:D
=))
:(
:((
:o
^_^
^-^
/-f
^.^
/-g
;)
-_-
=_=
/-r
-.-
:p
/-o
/-hi
/-ok
/-clap
(y)
<3

All Rights Reserved by Star Tuấn Blog | Thủ thuật, Ảnh bìa chất © 2015 - 2017
Powered By Blogger, Designed by Star Tuấn | Facebook | Youtube
Được tạo bởi Blogger.