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.
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.
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 The Web Taylor: 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()) { ?> <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 The Web Taylor: <?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');
If you are using WordPress, you can use the Read More Copy Link plugin.