Cấm copy hình ảnh website bằng code đơn giản

Việc các bài viết trên website có hình ảnh sẽ giúp người đọc dễ hiểu và hình dung hơn. Tuy nhiên, vào một ngày đẹp trời bạn tìm kiếm trên mạng bạn thấy hình ảnh của bạn trên website bị rất nhiều trang khác copy và sử dụng. Bạn sẽ không thích điều này phải không nào. Hôm nay PhonuiIT.com sẽ hướng dẫn bạn cách chặn người khác copy hình ảnh trong bài viết của bạn mà không cần dùng plugin.



Lý do cần phải cấm copy hình ảnh website

Website của bạn viết về dịch vụ bạn cung cấp, về những caua chuyện, blog cá nhân. tất cả các hình ảnh và nội dung đều do chính bạn xây dựng.

Tuy nhiên nói là chống vậy thôi chứ thực tế chống cỡ nào thì xem source (mã nguồn) cũng lòi ra thôi, tức là không được 100%. Hay nói đúng hơn là chống những người không có kinh nghiệm nhiều về kỹ thuật, về lập trình.



Code chống copy hình ảnh website này có chức năng như các plugin khác.

  • Chống nhấp chuột phải vào hình ảnh (right click).
  • Chống kéo thả ảnh để không tải ảnh về được bằng cách kéo thả ra màn hình máy tính.
  • Ưu điểm hơn plugin: Dù kẻ cắp có dùng thao tác chọn tất cả dán lên website của họ thì ảnh của chúng ta cũng không hiển thị trên website của họ. Cách này cũng giúp chống hao tốn bằng thông, tài nguyên website của bạn.

Các bước cấm copy hình ảnh website

Bước 1: Chèn code chống copy hình ảnh vào website.

Bước 2: Bật Hotlink Protection trong cPanel.

Chèn code cấm copy hình ảnh website. Bạn sao chép đoạn code chống copy hình ảnh dưới đây rồi dán vào website theo hướng dẫn của mình nhé.

<script type="text/javascript">
function nocontext(e) {
var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;
if (clickedTag == "IMG")
return false;
}
document.oncontextmenu = nocontext;
</script>

<style>
img {
-webkit-user-drag: none;
user-drag: none;
-webkit-touch-callout: none;
}
</style>

Đối với WordPress
Nếu bạn đang dùng trình chỉnh sửa nội dung trên web thì bạnc hèn đoạn code trên vào Footer, là trước thẻ đóng </body>.

 

Azdigi

Bạn vào Giao diện > Sửa giao diện. Chọn đúng giao diện mà bạn đang sử dụng, tìm file có tên là Chân trang giao diện (footer.php) để sửa.

Bạn chèn trước </body> là được nhé. Giống như hình bên dưới.

chong copy anh websiteChèn code chống sao chép hình ảnh web trực tiếp vào theme đang sử dụng

Bật Hotlink Protection trong cPanel

Đây là một cách bổ sung giúp chống copy hình ảnh kiểu nhúng trực tiếp ảnh vào website của họ bằng link hình ảnh gốc của bạn.

Tức là hình ảnh của bạn chỉ hiển thị trên website của bạn. Nếu để trên website khác hoặc xem bằng link trực tiếp nó sẽ trả về lỗi 403 không được phép truy cập.

Bạn đang nhập vào cPanel rồi tìm đến mục Hotlink Protection.

chong copy hinh anh website 2

Trong đây sẽ liệt kê sẵn những tên miền có trong hosting của bạn. Bạn chỉ việc nhấp vào nút Enable là được.

chong copy anh website 3Chỉ việc nhấp vào nút Enable

Như vậy là xong, bạn hãy thử mở link một file ảnh trên một cửa sổ trình duyệt ẩn danh để kiểm tra xem có trả về 403 không nhé.

chong copy anh website 4
Như vậy là xong.

Lời kết

Vậy là chỉ với các bước làm đơn giản vậy thôi là  bạn đã có thể chống copy hình ảnh website được rồi.

Chúc bạn thực hiện thành công. Nếu bạn có cách nào hay thì giới thiệu bên dưới bình luận để cùng tham khảo nhé.

5/5 - (1 bình chọn)



Nhận thông báo qua email
Nhân thông báo cho
guest
0 Bình luận
Inline Feedbacks
View all comments
0
Bạn thích bài viết này, viết bình luận nhé.x