Thêm nút Reaction cho bài viết với ShareThis Reaction Buttons

Cài đặt ShareThis Reaction Buttons

Bạn cần cài đặt và kích hoạt ShareThis Reaction Buttons.

Cấu hình ShareThis Reaction Buttons

Sau khi kích hoạt, bạn vào ShareThis từ thanh bên trong trang quản trị. Tại đây, bạn bấm Enable Tool, sau đó có thể cấu hình căn giữa, vị trí xuất hiện, ngôn ngữ của Reaction.

Khắc phục Cumulative Layout Shift

Mặc định ShareThis Reaction Buttons sẽ tải sau khi trang tải xong, sẽ dẫn đến lỗi Cumulative Layout Shift. Để khắc phục vấn đề này, bạn có thể khai báo sẵn chiều cao của khung Reaction với CSS.

.sharethis-inline-reaction-buttons {
    height: 92px;
    overflow: hidden;
    margin-bottom: 20px;
}

Việc này giúp đặt trước không gian cho nút Reaction, tránh gây xô lệch bố cục khi load.

Kết luận

ShareThis Reaction Buttons là một cách đơn giản, đẹp mắt để tăng tương tác người dùng trên website. Chỉ với vài bước, bạn đã có thể thêm nút cảm xúc tương tự Facebook vào mọi bài viết.

Mẹo nâng cao: Bạn có thể kết hợp với thống kê để xem bài nào nhận nhiều cảm xúc nhất!

Chúc các bạn thành công!