רוצים להגן על התוכן באתר שלכם מפני העתקה בלתי מורשית?
אחת הבעיות הנפוצות בקרב בעלי אתרים היא גניבת תוכן – בין אם מדובר בטקסטים ייחודיים, תמונות מקוריות או מידע רגיש. במדריך זה, נסביר כיצד ניתן למנוע העתקת תמונות וטקסט באתר שלכם באמצעות קוד PHP ו-JavaScript המאפשר חסימה של פעולות כמו קליק ימני, קיצורי מקלדת מסוימים, העתקה, גזירה, הדבקה וגרירת תמונות.
מה הקוד עושה בפועל?
- חסימת קליק ימני – משתמשים שאינם אדמינים לא יוכלו לבצע קליק ימני באתר שלכם.
- חסימת Developer Tools – חוסם גישה ל־Inspect Element באמצעות F12, Ctrl+Shift+I ו־Ctrl+Shift+J.
- מניעת הצגת קוד המקור – חוסם את Ctrl+U, המאפשר למשתמשים להציג את קוד המקור של הדף.
- חסימת שמירת דפים – חוסם את Ctrl+S, כך שלא ניתן לשמור את הדף במחשב המקומי.
- מניעת העתקה, הדבקה וגזירה – חוסם את קיצורי המקלדת הקשורים לפעולות אלו.
- חסימת גרירת תמונות – מונע אפשרות לגרור ולהעתיק תמונות מהאתר.
- פועל רק למשתמשים שאינם אדמינים – מנהלי האתר יוכלו עדיין לבצע את כל הפעולות.
כיצד להוסיף את הקוד לאתר וורדפרס?
- התחברו ללוח הבקרה של וורדפרס.
- גשו לעורך הקבצים ובחרו את functions.php.
- הוסיפו את הקוד הבא לתחתית הקובץ ושמרו את השינויים.
function disable_copy_and_image_save_for_non_admins() {
if (!current_user_can('administrator')) { ?>
<script>
// חסימת קליק ימני על כל הדף
document.addEventListener("contextmenu", function(e) {
e.preventDefault();
alert("הפעולה חסומה באתר זה.");
});
// חסימת קיצורי מקלדת להעתקה ושמירת דף
document.addEventListener("keydown", function(e) {
if (e.keyCode === 123 || // F12
(e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74)) || // Ctrl+Shift+I / Ctrl+Shift+J
(e.ctrlKey && (e.keyCode === 85 || e.keyCode === 83 || e.keyCode === 80 || e.keyCode === 67))) { // Ctrl+U / Ctrl+S / Ctrl+P / Ctrl+C
e.preventDefault();
alert("הפעולה חסומה באתר זה.");
}
});
// חסימת העתקה, גזירה והדבקה
["copy", "cut", "paste"].forEach(function(event) {
document.addEventListener(event, function(e) {
e.preventDefault();
alert("הפעולה חסומה באתר זה.");
});
});
// חסימת גרירת תמונות
document.addEventListener("dragstart", function(e) {
e.preventDefault();
alert("הפעולה חסומה באתר זה.");
});
// חסימת גרירת תמונות ספציפית
document.querySelectorAll("img").forEach(function(img) {
img.setAttribute("draggable", false);
img.addEventListener("contextmenu", function(e) {
e.preventDefault();
});
});
</script>
<?php }
}
add_action('wp_footer', 'disable_copy_and_image_save_for_non_admins');
יש לכם אפשרות לשנות את ההודעה הקופצת
אם אתם מעוניינים לשנות את ההודעה הקופצת בכל אחד מן החלקים, תוכלו פשוט לשנות איפה שיש alert("הפעולה חסומה באתר זה."); במקום הטקסט ״הפעולה חסומה…״ תוכלו לבחור טקסט כרצונכם.
מגבלות ואזהרות
- חסימה זו אינה אבטחה מוחלטת – משתמשים עם ידע טכני מתקדם יכולים לעקוף אותה דרך שינוי קוד הדפדפן.
- כדאי לשלב פתרונות נוספים – כמו מניעת גישה לתוכן באמצעות htaccess, הגבלת כניסה לפי IP, והוספת סימן מים לתמונות.
- חוויית המשתמש עשויה להיפגע – אם האתר שלכם מסתמך על אפשרות העתקה או הדבקה, יש לשקול אם החסימה מתאימה לכם.
לסיכום
אם אתם רוצים להגן על התוכן באתר שלכם מפני העתקה בלתי מורשית, הקוד שהצגנו כאן יאפשר לכם לחסום קליק ימני, קיצורי מקלדת להעתקה, גרירת תמונות ו־Inspect Element. השיטה הזו אידיאלית עבור בלוגרים, בעלי חנויות דיגיטליות ואתרי תוכן שרוצים לשמור על זכויות היוצרים שלהם.