How to Add a Read More Link to Copied Text

on
In the past few months you may have noticed that some websites (such as eHow, Techcrunch & Huffington Post) now have a “read more” link on any text that is copied and pasted from their site. This can be a good way to get new visitors to your site as many people will copy and paste text from websites into an email. People also often save information for future reference, or just share it with friends, family or colleagues. There are a few ways to do this, and in this article we are going to show you how.

1. Tynt

Tynt is a hosted solution which requires you to sign up and Tynt will create a code to insert onto your website. It is also available in a WordPress plugin: Tynt WP Plugin. Tynt also offer analytics on users coming to your site via these pasted links.
Although this service does appear to work well and is easy to setup, we do not really recommend this method based on the comments on this page.

2. Javascript

You can copy and paste the below javascript into the >head< section of your page.

<script type="text/javascript">// <![CDATA[
function addLink() {
    if (
window.getSelection().containsNode(
document.getElementsByClassName('entry-content')[0], true)) {
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var oldselection = selection
    var url = document.URL
    var pagelink = "
 Read more at Cazue: PAGE TITLE HERE <a href='" + url + "'>" + url + "</a>"; // Change this to suit
    var copy_text = selection + pagelink;
    var new_div = document.createElement('div');
    new_div.style.left='-99999px';
    new_div.style.position='absolute';
    body_element.appendChild(new_div );
    new_div.innerHTML = copy_text ;
    selection.selectAllChildren(new_div );
    window.setTimeout(function() {
        body_element.removeChild(new_div );
    },0);
}
}
document.oncopy = addLink;
// ]]></script>

Or if you are using WordPress, copy and paste the below code into your functions.php file.

function add_copyright_text() {
if (is_single()) { ?&gt;
<script type="text/javascript">// <![CDATA[
function addLink() {
    if (
window.getSelection().containsNode(
document.getElementsByClassName('entry-content')[0], true)) {
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var oldselection = selection
    var pagelink = "
 Read more at Cazue: <?php the_title(); ?> <a href='<?php echo wp_get_shortlink(get_the_ID()); ?>'><?php echo wp_get_shortlink(get_the_ID()); ?></a>"; // Change this to suit
    var copy_text = selection + pagelink;
    var new_div = document.createElement('div');
    new_div.style.left='-99999px';
    new_div.style.position='absolute';
    body_element.appendChild(new_div );
    new_div.innerHTML = copy_text ;
    selection.selectAllChildren(new_div );
    window.setTimeout(function() {
        body_element.removeChild(new_div );
    },0);
}
}
document.oncopy = addLink;
// ]]></script>
<!--?php <br ?--> }
}
add_action( 'wp_head', 'add_copyright_text');

3. WordPress Plugin

If you are using WordPress, you can use the Read More Copy Link plugin.

Comments

Post a Comment