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
    • Công cụ lấy số điện thoại từ Facebook
    • Cách sử dụng chatbot AI chăm sóc khách hàng
    • 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ụ
      • Cho thuê tài khoản quảng cáo Invoice Facebook
      • 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 chuyên sâu
      • Khóa học Tiktok Shop và Livestream Ads
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
    • Công cụ lấy số điện thoại từ Facebook
    • Cách sử dụng chatbot AI chăm sóc khách hàng
    • 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ụ
      • Cho thuê tài khoản quảng cáo Invoice Facebook
      • 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 chuyên sâu
      • Khóa học Tiktok Shop và Livestream Ads
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)

165
CHIA SẺ
2.7k
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
Share149Pin2Share2Share
Trần Ngọc Minh Hiếu

Trần Ngọc Minh Hiếu

Mình hiện đang làm Data Analyst, trước đó từng làm Digital Marketing. Viết blog là một niềm vui của mình, giúp mình chia sẻ lại những kiến thức và trải nghiệm từ cuộc sống và công việc.

Bình luận 10

  1. Cao Quốc Dũng Fan cứng
    2 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
    • Trần Ngọc Minh Hiếu Fan cứng
      2 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

  2. Duy Fan cứng
    2 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
    • Trần Ngọc Minh Hiếu Fan cứng
      2 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.

    • Duy Fan cứng
      2 năm trước

      tks ad

  3. Anh Nguyen Fan cứng
    3 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
    • Trần Ngọc Minh Hiếu Fan cứng
      3 năm trước

      OK Anh Nguyen

    • Vô danh Fan cứng
      1 năm trước

      f12 vẫn cop đc nha :))

  4. Lê Duy Fan cứng
    3 năm trước

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

    Trả lời
    • Trần Ngọc Minh Hiếu Fan cứng
      3 năm trước

      Triển ngay Duy ơ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

Công cụ lấy số điện thoại từ Facebook
Facebook

Công cụ lấy số điện thoại từ Facebook

06/04/2023
169

Bật mí công cụ lấy số điện thoại từ Facebook cực xịn, có thể quét số điện thoại trên Facebook...

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

11/08/2022
83
Khóa học quảng cáo Facebook chuyên sâu

Khóa học quảng cáo Facebook chuyên sâu

22/05/2022
31
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
2
Bán tài khoản Grammarly Premium cực xịn

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

02/02/2023
27
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ố

22/05/2022
6
Khóa học Tiktok Shop và Tiktok Livestream Ads

Khóa học Tiktok Shop và Livestream Ads

30/06/2022
14
Cho thuê tài khoản quảng cáo Invoice Facebook

Cho thuê tài khoản quảng cáo Invoice Facebook

03/01/2023
0
Cách sử dụng chatbot AI chăm sóc khách hàng

Cách sử dụng chatbot AI chăm sóc khách hàng

25/04/2023
0

Đề xuất cho bạn

  • Đề xuất
  • Mới nhất
Cách tạo tài khoản ChatGPT và OpenAI chi tiết - How to create a ChatGPT (OpenAI) account

Cách tạo tài khoản ChatGPT (OpenAI) chi tiết

19/02/2023
22
Cách vẽ sơ đồ tư duy đẹp sáng tạo với XMind - How to make a mind map professionally with XMind

Cách vẽ sơ đồ tư duy đẹp sáng tạo với XMind

14/04/2021
7
Cài đặt SQL Server và Azure Data Studio cho Mac

Cài đặt SQL Server cho Mac và Azure Data Studio

28/07/2022
43
How to create Service Account and enable Google Cloud API - Cách tạo Service Account và bật API Google Cloud

Cách tạo Service Account và bật API Google Cloud

20/11/2022
8
Cách sử dụng chatbot AI chăm sóc khách hàng

Cách sử dụng chatbot AI chăm sóc khách hàng

25/04/2023
0
Cách xem mật khẩu wifi trên iPhone và MacBook - How to see WiFi passwords on iPhone and Mac

Cách xem mật khẩu WiFi trên iPhone và MacBook

12/04/2023
2
Cách tạo tài khoản ChatGPT và OpenAI chi tiết - How to create a ChatGPT (OpenAI) account

Cách tạo tài khoản ChatGPT (OpenAI) chi tiết

19/02/2023
22
Cho thuê tài khoản quảng cáo Invoice Facebook

Cho thuê tài khoản quảng cáo Invoice Facebook

03/01/2023
0

Lucid Gen

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

Đã có 257 Bài viết và 4718 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.

Địa chỉ: 27 Đ. Số 6, Bình Hưng Hoà B, Bình Tân, Thành phố Hồ Chí Minh

 Google Play Microsoft Store

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

  • Thịnh trong Công cụ lấy số điện thoại từ Facebook
  • Nhân trong Cách tắt thông báo cập nhật WordPress toàn diện
  • Nhân trong Cách tắt thông báo cập nhật WordPress toàn diện
  • Nguyễn Bá Đức trong Công cụ lấy số điện thoại từ Facebook
  • Quetra trong Cách định dạng số trong Mail Merge cực chuẩn

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 Tran Ngoc Minh Hieu 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
    • Công cụ lấy số điện thoại từ Facebook
    • Cách sử dụng chatbot AI chăm sóc khách hàng
    • 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ụ
      • Cho thuê tài khoản quảng cáo Invoice Facebook
      • 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 chuyên sâu
      • Khóa học Tiktok Shop và Livestream Ads

© 2019 Lucid Gen with by Tran Ngoc Minh Hieu DMCAProtected

Click to Copy