Add “Read more” links to text copied from your website
In 2009, a company called Tynt introduced a free service whereby website owners can add a “Read More” link to the bottom of text copied from their web pages.
- A user highlights some text on a web page and copies it, either by pressing Ctrl + C or via the browser menu.
- When the user pastes the text, the “Read more” link is appended to the end.
- If the copied text is inserted into an email or reposted on another website verbatim and people click on the link, data will be sent to Tynt tracking the re-published information.
- Tynt forwards usage data to the website owners, who gain a better understanding of what content visitors are interested in.
The Tynt service seems to be very popular with newspaper and publishing websites where plagiarism could be a concern.
Implementing a “Read more” script on your site
If you want site analytics, you can sign up with Tynt.
Otherwise you can set-up your own Tynt-style “Read more” script that doesn’t rely on third parties. This solution doesn’t provide analytics nor use Tynt code. Rather it’s a simple implementation that provides a “Read more” hyperlink at the bottom of text copied from your website.
Several scripts have been written to add this function to websites, but I have been unable to find one that works on both Internet Explorer and non-IE browsers.
The solution I have found is to add two scripts to each page; one for Internet Explorer and one for Firefox/Chrome/Safari/Opera. (Combining these scripts into a single .js file breaks functionality).
Step 1: Get jQuery
If your site already utilises jQuery, ignore this step.
Unfortunately two scripts are required to provide function in Internet Explorer and non-IE browsers. They do work well in tandem:
- For Internet Explorer: I have chosen to use the Copy & Paste Hijacker v.1.9.1 by dynamicplus, which relies on jQuery.
- For other browsers: I have chosen to use the Copyright Notice script by c.bavota.
You can download the scripts for use from their respective sites. To make things easier and ensure scripts load faster, I have minified them and bundled them into a single ZIP file which you can download here:
Step 3: Site implementation
Unzip the file, and upload the two files to your website via FTP. Then ensure the following code is added to the page <head>:
It’s essential that the reference to your jQuery script comes first.
Now when you copy and paste text from your website, you should see a “Read more” link at the bottom.