In this modern days, content theft is a surprisingly common problem for any content creators out there. There are dozens of spammers who would love to steal your blogs conten, pack it with ads, and pull in a few dollars until their site is taken down, and repeat with a new target next month.
Worry not, it won't actively harm your site, and the site that's stealing your content will never out-rank you on search engine. But, it's still feels like your hard work on making that content were discredited.
Without decent content protection, your blogs are vulnerable of content theft. There's many way to prevent your content from being stolen. In this post, I will dive into content protection with simple script. This is mostly for blogger hosted site, but it would still works anywhere if you have access to your site's HTML editor.
Step 1 Get into HTML editor
To access html editor on blogger, open your blog dashboard and on the left panel find "Theme", You will found "Costumize Button" on your right panel now. On the drop down menu besides the Costumize Button, choose "Edit HTML". Now we're inside your site's HTML editor, continue to next step.
Step 2 Disable Right Click and Highlight on your Content
This is to prevent someone from copy-pasting your content easily.
Press Control+F (ctrl+f) and type "]]></b:skin>"
After you find it, Copy this code below, above that text.
=======================================================
.unselectable {
-webkit-user-select: none;
-webkit-touch-callout: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
=======================================================
Then, once again, Press Control+F (ctrl+f) and type "</head>"
After you find it, Copy this code below, above that text.
=======================================================
<script type='text/javascript'>
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</script>
=======================================================
Step 3 Add a Hidden Shield
That script above is a java script type, so it can be disabled by disabling java script from inspect element or developer tools. So what we need is a shield to protect your content while they used developer tools to disable javascript.
What this code will do is, makes an invisible layer of transparent page infront of your content. Your content theft might find it strange, they have deactivated the javascript but they still can't copy your content.
Copy this code below anywhere inside your site html body. <body>.......</body>
You can have as many shield as you want, so copy it multiple times on your site html body.
Becareful though, i you place it randomly wihtout knowing it on what parts you have copied this code is, it might makes your site not rendered as it inteded. So the safest way is to place it just under <body> or above </body>
=======================================================
<div align='center'><noscript>
<div style='position:fixed; top:0px; left:0px; z-index:3000; height:100%; width:100%; background-color:rgba(0, 0, 0, 0.0)'>
</div>
</noscript></div>
=======================================================
Step 4 Add Hidden Message When They Copied your Content
In the end, if your content thief was smart enough, they can still pick your shield element and delete it on developer tools, Actually, nothing can stop determined thief, they will do anything to get your content, even if it mean they have to re-type it words by words.
So, give on all that script and use this code to give your thief a hidden message when they copied your content. You can change the "Read more at:" parts with anything you want.....like a curse maybe lol.
Just like before, add this code above your site html "</head>"
=======================================================
<script type='text/javascript'>
document.addEventListener('copy', (event) => {
const pagelink = `\n\nRead more at: ${document.location.href}`;
event.clipboardData.setData('text', document.getSelection() + pagelink);
event.preventDefault();
});
</script>
=======================================================
Closing Statement
Nothing can actualy protect your content form theft for now. Even script like above have thier own flaws too. The most realistic solution is to simply email the person who plagiarized your content.
If they aren’t cooperative, you could send a Cease & Desist letter, and the next step after that is sending a copyright complaint to their hosting provider.
A simple email solves 70% of these issues though – try that first.
0 comments:
Post a Comment