Tặng code Facebook livechat chuẩn mobile website.

Thảo luận trong 'Hỗ trợ về mã nguồn, code' bắt đầu bởi Duy Lâm, 29/10/15.

  1. Duy Lâm

    Duy Lâm Active Member

    Bài viết:
    28
    Đã thích:
    4
    Hồi sáng có Pro Search Engine share cho anh em code Facebook livechat cho website nhưng chưa tùy biến để thân thiện với mobile.
    Sau đây mình gửi lại các bạn đoạn code đã chỉnh sửa đẹp thân thiện với mobile web.
    Mọi người xem demo ở chữ ký nhé :D

    Chèn dòng này vào tren head trong thẻ header:
    Mã:
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    Tiep chen xuong duoi dong body :
    Mã:
    <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>
        <div style="position:fixed; z-index:9999999; right:10px; bottom:10px;">
            <div class="smallfont" style="margin-bottom:-6px">
                <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Truy?n H́nh FPT'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Chat với chúng tôi'; }" style="width:285px;color: #fff;font-size:16px;margin:0px;padding:10px;background-color: #4172B0;border-radius: 6px;margin-right:50px;margin-bottom:6px;" type="button" value="Chat với chúng tôi trên Facebook">
                <div style="margin: 0px; padding: 0px; border: 0px inset;">
                    <div style="display: none;">
                        <div class="fb-page" data-adapt-container-width="true" data-height="300" data-hide-cover="false" data-href="https://www.facebook.com/mienphilapdatfpt" data-show-facepile="true" data-show-posts="false" data-small-header="true" data-tabs="messages" data-width="250" style="position:fixed; z-index:9999999; right:80px; bottom:60px;"></div>
                    </div>
                </div>
            </div>
        </div>
    
    Link demo :
    Mã:
    http://hdfpt.com.vn/category/truyen-hinh-fpt/
     
    Đang tải...
    Last edited by a moderator: 5/11/15
  2. vietkanpy

    vietkanpy Well-Known Member

    Bài viết:
    91
    Đã thích:
    14
    bác ơi cho vào thẻ code đi. nhìn loạn ghê. mà demo nữa thì các tốt
     
  3. gialinhacbd

    gialinhacbd Active Member

    Bài viết:
    25
    Đã thích:
    4
    Có ai test chưa vậy. Mình lấy toàn bộ cái này
    Mã:
    https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css
    Bỏ vào file css của mình đc chứ
     
  4. Duy Lâm

    Duy Lâm Active Member

    Bài viết:
    28
    Đã thích:
    4
    Mình cài rồi bác nhé. nhấn link chữ ký mình để xem demo :v

    Được bác ạ.
     
    Last edited by a moderator: 29/10/15
  5. gialinhacbd

    gialinhacbd Active Member

    Bài viết:
    25
    Đã thích:
    4
    Mã:
    https://www.facebook.com/mienphilapdatfpt
    thay cái này bằng fanpage của mình đúng không
     
  6. Duy Lâm

    Duy Lâm Active Member

    Bài viết:
    28
    Đã thích:
    4
    Đúng vậy :)
     
  7. trangsuc1

    trangsuc1 Well-Known Member

    Bài viết:
    208
    Đã thích:
    12
    thannks bác nhé mình mún nó tự hiện lên k cần bấm vô chat với chúng tôi thì thế nào vậy
     
  8. mm22mm

    mm22mm Active Member

    Bài viết:
    26
    Đã thích:
    3
    Chức năng này hay quá, nó sẽ giúp các gian hàng fb và web site liên kết với nhau vô cùng tiện lợi.
     
  9. Duy Lâm

    Duy Lâm Active Member

    Bài viết:
    28
    Đã thích:
    4
    Chức năng này đặc biệt hay cho các cửa hàng seo top. vì khách hàng muốn livechat thì phải like page -> tăng lượng like page một cách khủng khiếp mà cực kỳ chất lượng.
     
  10. Duy Lâm

    Duy Lâm Active Member

    Bài viết:
    28
    Đã thích:
    4
    Như thế thì sẽ đè lên content của bác khi khách hàng truy cập bằng mobile đó. giảm tính thân thiện với web.
    Nếu bác muốn thì chỉ cần copy đoạn mã này vào dưới <body> là được.

    <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>

    <div style="position:fixed; z-index:9999999; right:10px; bottom:10px;" class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/diendanseomxh" data-width="250" data-height="300" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>
     
Đang tải...
Đang tải...