Follow
Lucid Gen
  • Marketing
    • Facebook Marketing
    • Google Marketing
    • Zalo Marketing
    • Content Marketing
    • Email Marketing
    • Marketing tools
    • SEO
    • Website
      • Hướng dẫn WordPress
  • Công nghệ
    • Điện thoại
    • Máy tính
    • Tải video mạng xã hội
  • Sản phẩmHot
    • Tool quét SĐT Facebook
    • Tìm bài quảng cáo trên Facebook theo từ khóa
    • Bán tài khoản Grammarly Premium
    • Bán tài khoản quảng cáo Facebook bao lên camp
    • Dịch vụ
      • Dịch vụ quảng cáo Facebook cam kết doanh số
      • Mở tài khoản quảng cáo bị vô hiệu hóa
      • Kháng trang không được phép quảng cáo
      • Gửi tin nhắn hàng loạt trên fanpage
    • Khóa học
      • Khóa học quảng cáo Facebook bao lên camp – all tut
  • Tât cả
    • Cuộc sống
    • Đầu tư và Kinh doanh
    • Tiêu dùng thông minh
No Result
View All Result
Lucid Gen
  • Marketing
    • Facebook Marketing
    • Google Marketing
    • Zalo Marketing
    • Content Marketing
    • Email Marketing
    • Marketing tools
    • SEO
    • Website
      • Hướng dẫn WordPress
  • Công nghệ
    • Điện thoại
    • Máy tính
    • Tải video mạng xã hội
  • Sản phẩmHot
    • Tool quét SĐT Facebook
    • Tìm bài quảng cáo trên Facebook theo từ khóa
    • Bán tài khoản Grammarly Premium
    • Bán tài khoản quảng cáo Facebook bao lên camp
    • Dịch vụ
      • Dịch vụ quảng cáo Facebook cam kết doanh số
      • Mở tài khoản quảng cáo bị vô hiệu hóa
      • Kháng trang không được phép quảng cáo
      • Gửi tin nhắn hàng loạt trên fanpage
    • Khóa học
      • Khóa học quảng cáo Facebook bao lên camp – all tut
  • Tât cả
    • Cuộc sống
    • Đầu tư và Kinh doanh
    • Tiêu dùng thông minh
No Result
View All Result
No Result
View All Result
Lucid Gen

Lucid Gen › Website › WordPress › Chống copy hình ảnh website bằng code đơn giản

Chống copy hình ảnh website bằng code đơn giản

5/5 - (81 bình chọn)
23/04/2021
10
Chống copy sao chép hình ảnh website bằng code đơn giản (How to prevent images from being copied on website)

Chống copy sao chép hình ảnh website bằng code đơn giản (How to prevent images from being copied on website)

157
CHIA SẺ
1.9k
LƯỢT XEM
Chia sẻ lên Facebook

Một ngày đẹp trời bạn vô tình gặp một website sử dụng rất nhiều hình ảnh từ website của bạn, bạn thấy thế nào. Mình hiểu cảm giác đó và mình biết WordPress có nhiều plugin hỗ trợ chống copy nội dung và hình ảnh. Tuy nhiên nếu bạn chỉ muốn chống copy hình ảnh thôi thì không cần dùng plugin chi để lâu lâu phải update. Bạn chỉ cần dùng cách chống copy (sao chép) hình ảnh website bằng code của Lucid Gen là được rồi.

Tham khảo thêm

  • Cách chèn code Google Tag Manager vào mọi website
  • Cài SSL cho website WordPress chuyển HTTP sang HTTPS
  • Chia sẻ và hướng dẫn Wordfence Security Premium
Nội dung
  1. Có nên chống copy hình ảnh trên web không
  2. Cách này có chống 100% copy và tải ảnh không
  3. Cách chống sao chép hình ảnh trên website
    1. Chèn code chống copy hình ảnh vào website
    2. Bật Hotlink Protection trong cPanel
  4. Lời kết

Có nên chống copy hình ảnh trên web không

Sao mình lại hỏi câu này. Thật ra nếu website của bạn là lĩnh vực giáo dục, học tập thì không nên chống sao chép hình ảnh website đâu. Vì các bạn học sinh, sinh viên muốn tải về để học hay để thuyết trình lại không được thì họ sẽ bỏ website của bạn. Hay nếu website của bạn là một trang chia sẻ hình ảnh đẹp cũng là một ví dụ cho trường hợp không nên.

Vậy nghĩa là tùy lĩnh vực website và đối tượng ghé thăm website có hành vi sử dụng ảnh nhiều hay không mà chúng ta sẽ cân nhắc.

Cách này có chống 100% copy và tải ảnh không

Tương tự như tất cả plugin khác, 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%. 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ách chống sao chép hình ảnh trên website

Các bước chống sao chép hình ảnh trên 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 chống copy hình ảnh vào 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 một plugin giúp chèn code vào WordPress chẳng hạn như Insert Headers And Footers thì bạn vào cài đặt của plugin đó. Chèn đoạn code trên vào Footer, là trước thẻ đóng </body>.

Chèn code chống copy hình ảnh vào website bằng Insert Headers and Footers nếu đã có
Chèn code chống copy hình ảnh vào website bằng Insert Headers and Footers nếu đã có

Nếu bạn không có plugin như thế thì chúng ta sẽ chèn thẳng vào theme của web.

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 mình ví dụ nè.

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

Đối với HTML và mã nguồn khác

Cũng nguyên tắc như WordPress, bạn chèn vào giữa <body> và </body> là được. Nếu website dạng tĩnh thì bạn mở file html ra rồi chèn vào nhé.

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.

chống copy sao chép hình ảnh website bằng code - Vào cPanel rồi tìm đến mục Hotlink Protection
Vào cPanel rồi tìm đến mục Hotlink Protection

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.

chống copy sao chép hình ảnh website bằng code - Chỉ việc nhấp vào nút Enable
Chỉ 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é. Vì nếu mở bằng trình duyệt hiện tại có thể trình duyệt còn lưu cache nên vẫn hiển thị ảnh.

Như vậy là xong
Như vậy là xong

Lưu ý: Nếu website của bạn có sử dụng cache cho hình ảnh thì có thể Hotlink Protection sẽ không hiệu lực như mong muốn.

Lời kết

Làm 2 bước như vậy thôi là chống copy hình ảnh website được rồi. Không cần dùng plugin đâu. Nếu bạn vẫn bất lực với những tên trộm quá thông minh thì hãy chèn logo vào ảnh hàng loạt và để chúng lấy thoải mái để đi quảng cáo giúp bạn.

5/5 - (81 bình chọn)
Xem thêm bài viết về chủ đề Chia sẻ codeHình ảnhHTMLPlugin
Share146Pin2Share1
Đừng bỏ lỡ
Công cụ nghiên cứu từ khóa Facebook Youtube hot nhất

Công cụ nghiên cứu từ khóa Youtube và Facebook hot nhất

Cách cài nhạc chuông iPhone không cần máy tính và iTunes

Cách cài nhạc chuông iPhone không cần máy tính và iTunes

Bình luận 10

  1. Cao Quốc Dũng Fan cứng
    1 năm trước

    Code hay, đơn giản
    Mình F12 là lấy được ngay, thêm 1 bước, vất vả hơn tí nhưng cũng cảm ơn tác giả đã viết code.
    Cho mình hỏi, mình làm bên POD, code này có chặn tụi nó dùng tool cào được ko nhỉ, mình đang tìm cách chống crawl bằng tool.

    Trả lời
    • Minh Khuê Fan cứng
      1 năm trước

      Chào Dũng, tiện ích của Chrome nó kéo 1 phát về hết thôi. Các cách trên chỉ chống các bạn content writer còn non thôi. Mình nghĩ tốt nhất hãy chèn watermark như mình

      Trả lời
  2. Duy Fan cứng
    1 năm trước

    Chặn vậy thì ảnh có được lên google tìm kiếm k a ? có ảnh hưởng gì tới SEo k ạ?

    Trả lời
    • Minh Khuê Fan cứng
      1 năm trước

      Chào Duy, không ảnh hưởng SEO nha. Vì Google không sử dụng Hotlink của bạn mà sẽ dùng bot để tải về bộ nhớ của họ rồi sinh ra thumbnail để show cho người tìm.

      Trả lời
    • Duy Fan cứng
      1 năm trước

      tks ad

      Trả lời
  3. Anh Nguyen Fan cứng
    2 năm trước

    Cảm ơn tác giả nhiều lắm! Mình đang đau đầu về việc suốt ngày bị đối thủ đánh cắp hình ảnh. Hình ảnh mình mất bao công sức để chụp, bị họ đánh cắp dùng như đúng rồi. Giờ mình đã có thể yên tâm hơn rồi. Thật sự thở phào nhẹ nhõm ý.

    Trả lời
    • Minh Khuê Fan cứng
      2 năm trước

      OK Anh Nguyen

      Trả lời
    • Vô danh Fan cứng
      2 tháng trước

      f12 vẫn cop đc nha :))

      Trả lời
  4. Lê Duy Fan cứng
    2 năm trước

    Cũng hay, cho mấy bạn chuyên copy cực thêm xíu

    Trả lời
    • Minh Khuê Fan cứng
      2 năm trước

      Triển ngay Duy ơi

      Trả lời

Bình luận của bạn Hủy

Mình sẽ duyệt và trả lời bình luận ngay trong ngày. Hãy để lại ý kiến của bạn về bài viết này nhé!

Email của bạn sẽ không hiển thị công khai, có thể thêm ảnh đại diện nếu muốn. Các trường bắt buộc được đánh dấu *

Có thể bạn sẽ cần

Lấy số điện thoại từ Facebook chỉ 2 giây
Facebook

Lấy số điện thoại từ Facebook chỉ 2 giây

18/07/2021
157

Tool lấy số điện thoại từ Facebook trong 2 giây. Tặng 50 lần lấy SĐT từ Facebook. An toàn, dễ...

Xem thêm
Gửi tin nhắn hàng loạt fanpage Facebook

Cách gửi tin nhắn hàng loạt trên fanpage Facebook

11/04/2022
40
Bán tài khoản quảng cáo Facebook bao lên camp cắn tiền

Bán tài khoản quảng cáo Facebook bao lên camp

18/12/2021
81
Cách tìm bài quảng cáo trên Facebook

Cách tìm bài quảng cáo trên Facebook

17/08/2021
0
Bán tài khoản Grammarly Premium cực xịn

Bán tài khoản Grammarly Premium cực xịn

14/10/2021
8
Dịch vụ quảng cáo Faceobook cam kết doanh số

Dịch vụ quảng cáo Facebook cam kết doanh số

11/04/2022
0

Đề xuất cho bạn

  • Ngẫu nhiên
  • Mới nhất
Cách tăng like tự nhiên và mời người lạ thích trang - How to get real likes on Facebook

Cách tăng like tự nhiên và mời người lạ thích trang

20/07/2021
84
Bán tài khoản Grammarly Premium cực xịn

Bán tài khoản Grammarly Premium cực xịn

14/10/2021
8
Xóa tất cả bài viết trên fanpage (How to delete Facebook page posts in bulk)

Cách xóa tất cả bài viết trên fanpage Facebook

23/04/2021
7
Lấy số điện thoại từ Facebook chỉ 2 giây

Lấy số điện thoại từ Facebook chỉ 2 giây

18/07/2021
157
Cách chỉnh tốc độ chuột MacBook, Magic Mouse, Logitech trên MacBook

Cách chỉnh tốc độ chuột MacBook và Magic Mouse

14/05/2022
0
Cách tải video YouTube 4K HD MP3

Cách tải video YouTube 4K về điện thoại và máy tính

07/05/2022
3
Dịch vụ quảng cáo Faceobook cam kết doanh số

Dịch vụ quảng cáo Facebook cam kết doanh số

11/04/2022
0
So sánh nên mua MacBook Air hay Pro M1 13 14 16

So sánh nên mua MacBook Air hay Pro M1 13 14 16

14/01/2022
4

Lucid Gen

Một blog chia sẻ về digital marketing, linh tinh về công nghệ và những gì có thể bạn cần mà tác giả biết.

Phát triển bởi một người thích viết blog
Minh Khuê › Donate

Đã có 228 Bài viết và 4146 Bình luận

Tiết lộ: Website này đã có quảng cáo. Không có tiền thì viết làm sao.

 Google Play  Microsoft Store

Phản hồi gần đây

  • Minh Khuê trong Bán tài khoản quảng cáo Facebook bao lên camp
  • Minh Khuê trong Hướng dẫn cài Office miễn phí trên Macbook (có M1)
  • Minh Khuê trong Cách đăng bài trên Zalo máy tính đơn giản
  • Phương trong Cách đăng bài trên Zalo máy tính đơn giản
  • Minh Khuê trong Cách tải Final Cut Pro miễn phí cho Mac

Uống nước nhớ nguồn

Lucid Gen biên tập hình ảnh từ các nguồn: Freepik, Unsplash & Pixabay.

Bạn bè & đối tác

  • Blog Hữu Thuần
  • Hosting WordPress

Nếu bạn yêu thích blog này...

Nhập địa chỉ email của bạn để đăng ký nhận thông báo về các bài viết mới của Lucid Gen

  • Giới thiệu
  • Cộng đồng
  • Donate
  • Liên hệ
  • Điều khoản

© 2019 Lucid Gen with by Minh Khue DMCAProtected

No Result
View All Result
  • Marketing
    • Facebook Marketing
    • Google Marketing
    • Zalo Marketing
    • Content Marketing
    • Email Marketing
    • Marketing tools
    • SEO
    • Website
      • Hướng dẫn WordPress
  • Công nghệ
    • Điện thoại
    • Máy tính
    • Tải video mạng xã hội
  • Sản phẩm
    • Tool quét SĐT Facebook
    • Tìm bài quảng cáo trên Facebook theo từ khóa
    • Bán tài khoản Grammarly Premium
    • Bán tài khoản quảng cáo Facebook bao lên camp
    • Dịch vụ
      • Dịch vụ quảng cáo Facebook cam kết doanh số
      • Mở tài khoản quảng cáo bị vô hiệu hóa
      • Kháng trang không được phép quảng cáo
      • Gửi tin nhắn hàng loạt trên fanpage
    • Khóa học
      • Khóa học quảng cáo Facebook bao lên camp – all tut
  • Tât cả
    • Cuộc sống
    • Đầu tư và Kinh doanh
    • Tiêu dùng thông minh

© 2019 Lucid Gen with by Minh Khue DMCAProtected