• Trang chủ
  • ->
  • Hướng dẫn thêm code thống kê truy cập

Hướng dẫn thêm code thống kê truy cập

Một Website bán hàng cần có thông kê số lượng người truy cập mục đích tạo sự chuyên nghiệp, show ra cho khách hàng thấy và tin tưởng số người vào website của shop, có 2 cách để thể hiện điều này bao gồm số lượng ảo và số lượng thực nhưng ở đây chúng tôi sẽ hướng dẫn các bạn làm thông kê truy cập cho số lượng người dùng thực vào website bằng cách sử dụng code của Histats.com.
Hiện tại là Histats.com một trong những trang web cung cấp code thống kê miễn phí cho blog web lớn nhất thế giới, bạn đi đâu cũng gặp code thống kê của trang này.

Thường thì code thống kê lượng người truy cập sẽ được dán vào cột trái giao diện hoặc phần cuối trang, tùy thuộc vào theme bạn đang dùng , nếu không có cột trái bạn có thể dán vào cuối trang.

Ở hướng dẫn này tôi sẽ hướng dẫn bạn cài đặt trên theme mặc định.

Bước 1 : Đăng kí tài khoản trên Histats.com
bạn vào trang Histats.com nhấp vào register để đăng 1 mới 1 tài khoản nếu bạn chưa có.
làm theo các bước như hình dưới


Ở hình này phần múi giờ bạn lưu ý chọn giờ như giờ máy tính bạn đang hiển thị và chọn Asia/SaiGon 





Bạn mở email để kích hoạt tài khoản.

Bạn click vào đường link để kích hoạt tài khoản , nếu hiện thông báo như dưới nghĩa là đã kích hoạt thành công

Bước 2: Thiết lập code thống kê

Sau khi kích hoạt thành công tài khoản, bạn đăng nhập lại như hình dưới 



Tiến hành get code như hình dưới




Nhập chính xác địa chỉ blog, web của bạn vào ô "Site url", chọn múi giờ phù hợp



Click vào tên miền như hình bên dưới để thiết lập code thống kê





Chọn một loại, kiểu hình hiển thị mà bạn thích, có thể là một dòng, hai dòng, ba dòng , 4 dòng ....


Click vào số "counter id" để lấy code


Sau khi bạn có đoạn code này, vào admin website của bạn vd: thoitrangquynhanh.com/admin

Bước 3: Đưa code vào website

Bạn chọn Website => Giao diện => Hiệu chỉnh theme 

Trong hướng dẫn tôi hướng dẫn đưa vào bên trái website nên tôi chọn file sidebar-left.liquid
bạn thêm đoạn code này vào như trong hình và lưu lại


{% include 'sidebar-counter' %}



Ở Snippets bạn chọn Thêm mới một Snippet

đặt tên là sidebar-counter như hình dưới



Tiếp theo bạn dán đoạn code đã lấy ở bước 2 của histatic dán vào trong file này
nếu muốn hiện thị đẹp căn đều 2 bên bạn thêm đoạn code sau vào trong file sidebar-counter.liquid như dưới

<!-- counter widget -->
<div class="sidebar-counter">
<div class="counter-title ">
Thống kê truy cập
</div>

Code Histats

<style>
.counter-content {
    margin-left: 59px;
}
</style>

Sau đó lưu lại




Cuối cùng bạn ra website để hưởng thụ thành quả nhé.


Haravan - Công ty công nghệ cung cấp giải pháp kinh doanh thương mại điện tử, duy nhất tại Việt Nam được Google lựa chọn vào chương trình bệ phóng tiềm năng với hỗ trợ và đào tạo công nghệ để vươn ra thị trường quốc tế vững chắc.