[Facebook] Hướng dẫn chèn cửa sổ chat vào website

Thảo luận trong 'Coding' đăng bởi voxuanvy, 23/06/2016 21:09.

  • Chèn đoạn code này vào phần

    của giao diện đang dùng trong nuke nhé, có thể chèn ở header.tpl hoặc footer.tpl tùy hỉ, sau đó sửa lại 2 đường dẫn "https://www.facebook.com/webkiengiang/" thành đường dẫn tới fanpage của bạn trên facebook là xong.

     

    <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> <style>     #cfacebook{         position: fixed;          bottom: 0px;         right: 8px;         z-index: 999999999999999;         width: 250px; height: auto;         box-shadow: 6px 6px 6px 10px rgba(0,0,0,0.2);         border-top-left-radius: 5px;         border-top-right-radius: 5px;         overflow: hidden;     }     #cfacebook .fchat{float: left; width: 100%; height: 295px; overflow: hidden; display: none; background-color: #fff;}     #cfacebook .fchat .chat-single{float: left; line-height: 25px; line-height: 25px; color: #333; width: 100%;}     #cfacebook .fchat .chat-single a{float: right; text-decoration: none; margin-right: 10px; color: #888; font-size: 12px;}     #cfacebook .fchat .chat-single a:hover{color: #222;}       #cfacebook .fchat .fb-page{margin-top: -130px; float: left;}     #cfacebook a.chat_fb{         float: left;         padding: 0 25px;         width: 250px;         color: #fff;         text-decoration: none;         height: 40px;         line-height: 40px;         text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);                      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAWlBMV…8/UxBxQDQuFwlpqgBZBq6+P+unVY1GnDgwqbD2zGz5e1lBdwvGGPE6OgAAAABJRU5ErkJggg==);         background-repeat: repeat-x;         background-size: auto;         background-position: 0 0;         background-color: #0065BF;         border: 0;         border-bottom: 1px solid #0065BF;         z-index: 9999999;         margin-right: 12px; font-size: 18px;}    #cfacebook a.chat_fb:hover{color: yellow; text-decoration: none;} </style> <script>     function fchat()     {             var tchat= document.getElementById("tchat").value;             if(tchat==0 || tchat=='0')             {                                 document.getElementById("fchat").style.display = "block";                 document.getElementById("tchat").value=1;             }else{                 document.getElementById("fchat").style.display = "none";                 document.getElementById("tchat").value=0;             }                  }     setTimeout(function() {document.getElementById("fchat").style.display = "block";}, 6000); </script>   <div id="cfacebook">     <a href="javascript:;" class="chat_fb" onclick="javascript:fchat();"><i class="fa fa-comments"></i> Hỗ trợ trực tuyến</a>     <div id="fchat" class="fchat">         <div class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/webkiengiang/" data-width="250" data-height="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>         <div class="chat-single"><a target="_blank" href="https://www.facebook.com/webkiengiang/"><i class="fa fa-facebook-square"></i> Fanpage Web Kiên Giang</a></div>     </div>     <input type="hidden" id="tchat" value="0"/> </div>

     

     
    Lần sửa cuối bởi một điều hành viên: 29/07/2016 07:37
  • hentai

    hentai hentai hentai

    Tuyệt vời!

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    Pre code nè

    <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><style>    #cfacebook{        position: fixed;         bottom: 0px;        right: 8px;        z-index: 999999999999999;        width: 250px; height: auto;        box-shadow: 6px 6px 6px 10px rgba(0,0,0,0.2);        border-top-left-radius: 5px;        border-top-right-radius: 5px;        overflow: hidden;    }    #cfacebook .fchat{float: left; width: 100%; height: 295px; overflow: hidden; display: none; background-color: #fff;}    #cfacebook .fchat .chat-single{float: left; line-height: 25px; line-height: 25px; color: #333; width: 100%;}    #cfacebook .fchat .chat-single a{float: right; text-decoration: none; margin-right: 10px; color: #888; font-size: 12px;}    #cfacebook .fchat .chat-single a:hover{color: #222;}     #cfacebook .fchat .fb-page{margin-top: -130px; float: left;}    #cfacebook a.chat_fb{        float: left;        padding: 0 25px;        width: 250px;        color: #fff;        text-decoration: none;        height: 40px;        line-height: 40px;        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);                    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAWlBMV…8/UxBxQDQuFwlpqgBZBq6+P+unVY1GnDgwqbD2zGz5e1lBdwvGGPE6OgAAAABJRU5ErkJggg==);        background-repeat: repeat-x;        background-size: auto;        background-position: 0 0;        background-color: #0065BF;        border: 0;        border-bottom: 1px solid #0065BF;        z-index: 9999999;        margin-right: 12px; font-size: 18px;}   #cfacebook a.chat_fb:hover{color: yellow; text-decoration: none;}</style><script>    function fchat()    {            var tchat= document.getElementById("tchat").value;            if(tchat==0 || tchat=='0')            {                                document.getElementById("fchat").style.display = "block";                document.getElementById("tchat").value=1;            }else{                document.getElementById("fchat").style.display = "none";                document.getElementById("tchat").value=0;            }                 }    setTimeout(function() {document.getElementById("fchat").style.display = "block";}, 6000);</script> <div id="cfacebook">    <a href="javascript:;" class="chat_fb" onclick="javascript:fchat();"><i class="fa fa-comments"></i> Hỗ trợ trực tuyến</a>    <div id="fchat" class="fchat">        <div class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/webkiengiang/" data-width="250" data-height="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>        <div class="chat-single"><a target="_blank" href="https://www.facebook.com/webkiengiang/"><i class="fa fa-facebook-square"></i> Fanpage Web Kiên Giang</a></div>    </div>    <input type="hidden" id="tchat" value="0"/></div>

     

     
  • Hôm nào e chuyển n thành block dùng cho tiện :D 

     
    Lần sửa cuối bởi một điều hành viên: 30/07/2016 03:20
  • cái gì mà loằng ngoằng thế a?

     
    Lần sửa cuối bởi một điều hành viên: 30/07/2016 03:20
  • trungnghiapro

    trungnghiapro trung nghia

    Xem giúp em, bị lỗi font sửa sao ah. thanks

     
  • Chèn đoạn code này vào phần

    của giao diện đang dùng trong nuke nhé, có thể chèn ở header.tpl hoặc footer.tpl tùy hỉ, sau đó sửa lại 2 đường dẫn "https://www.facebook.com/webkiengiang/" thành đường dẫn tới fanpage của bạn trên facebook là xong.

     

    <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> <style>     #cfacebook{         position: fixed;          bottom: 0px;         right: 8px;         z-index: 999999999999999;         width: 250px; height: auto;         box-shadow: 6px 6px 6px 10px rgba(0,0,0,0.2);         border-top-left-radius: 5px;         border-top-right-radius: 5px;         overflow: hidden;     }     #cfacebook .fchat{float: left; width: 100%; height: 295px; overflow: hidden; display: none; background-color: #fff;}     #cfacebook .fchat .chat-single{float: left; line-height: 25px; line-height: 25px; color: #333; width: 100%;}     #cfacebook .fchat .chat-single a{float: right; text-decoration: none; margin-right: 10px; color: #888; font-size: 12px;}     #cfacebook .fchat .chat-single a:hover{color: #222;}       #cfacebook .fchat .fb-page{margin-top: -130px; float: left;}     #cfacebook a.chat_fb{         float: left;         padding: 0 25px;         width: 250px;         color: #fff;         text-decoration: none;         height: 40px;         line-height: 40px;         text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);                      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAWlBMV…8/UxBxQDQuFwlpqgBZBq6+P+unVY1GnDgwqbD2zGz5e1lBdwvGGPE6OgAAAABJRU5ErkJggg==);         background-repeat: repeat-x;         background-size: auto;         background-position: 0 0;         background-color: #0065BF;         border: 0;         border-bottom: 1px solid #0065BF;         z-index: 9999999;         margin-right: 12px; font-size: 18px;}    #cfacebook a.chat_fb:hover{color: yellow; text-decoration: none;} </style> <script>     function fchat()     {             var tchat= document.getElementById("tchat").value;             if(tchat==0 || tchat=='0')             {                                 document.getElementById("fchat").style.display = "block";                 document.getElementById("tchat").value=1;             }else{                 document.getElementById("fchat").style.display = "none";                 document.getElementById("tchat").value=0;             }                  }     setTimeout(function() {document.getElementById("fchat").style.display = "block";}, 6000); </script>   <div id="cfacebook">     <a href="javascript:;" class="chat_fb" onclick="javascript:fchat();"><i class="fa fa-comments"></i> Hỗ trợ trực tuyến</a>     <div id="fchat" class="fchat">         <div class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/webkiengiang/" data-width="250" data-height="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>         <div class="chat-single"><a target="_blank" href="https://www.facebook.com/webkiengiang/"><i class="fa fa-facebook-square"></i> Fanpage Web Kiên Giang</a></div>     </div>     <input type="hidden" id="tchat" value="0"/> </div>

     

     
  • Mình có thể dùng fb profile thay cho fanpage được không bạn? Nếu không được có cách nào chuyển fb profile thành fanpage không? nhimthulinh giúp mình vụ này với. Thanks nhiều.

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    => Chuyển đổi trang cá nhân của bạn thành Trang Facebook

    https://www.facebook.com/help/175644189234902

     

    Nhưng nếu đang ở Vn thì hình như bị vô hiệu hoá tính năng này ...

     
    Lần sửa cuối bởi bạn: 29/07/2016 09:55
  • Vậy có cách nào không bạn? 

     
  • @anhyeuviolet bạn phải đi sang nước ngoài chứ sao! hii

     

     
  • Anh Tứ, anh Nhim và anhyeuviolet ... không giúp chắc mình đi sang Mỹ 1 chuyến quá kaka ... nhưng sợ khủng bố quá ...surprise

     
  • cái này nó chỉ là gửi tin nhắn thui chứ khách hàng ko chat trực tiếp trên này dc nhỉ

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    Chat được với KH chứ ko thì sao gọi là hỗ trợ trực tuyến.

     
  • - Cái này chỉ sử dụng được khi khách hàng có tài khoản FB và phải đăng nhập mới nhắn tin được

    - Nó chỉ dùng để nhắn tin cho FB thôi chứ không chat chít gì hết, mình thử rồi.

    - Bất tiện cho người dùng khi sử dụng mobi vì nó lúc nào cũng bung ra tràn hết màn hình chẳng thấy gì hết, cảm thấy kho chịu. Phải chi khi click vô mới xuất hiện, còn không xuất hiện khoảng 5 - 7s thấy đóng lại thì hay hơn.

     

Chia sẻ trang này

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây