不知道大家是否注意到今日头条的自动添加版权信息功能?就是复制今日头条文章的内容时,在粘贴的时候都会自动在内容最后默默添加上头条号的相关版权信息。这种做法感觉非常好,比起那些弹窗告知版权信息的感觉更利于用户体验。
度娘搜索“复制网页内容自动添加版权信息”给出的教程及代码有很多,但是或多或少都会存在一些不如意的地方,如在某些浏览器能实现,但是在另一些浏览器却失效。今天跟大家分享的这个JS代码能够兼容大部分浏览器,如兼容IE、Firefox和Chrome等。
现在我们以WordPress站点为例,说明如何添加这个JS代码实现复制网页内容自动添加版权信息。其实,实现方法很简单,只需要将以下代码添加到网页head 头部,WordPress站点的就直接将以下代码添加到头部模板header.php文件中的<?php wp_head(); ?>上面即可。
- <script type=“text/javascript”>
- var Sys = {};
- var ua = navigator.userAgent.toLowerCase();
- if( window.ActiveXObject )
- {
- document.body.oncopy=function()
- {
- event.returnValue = false;
- var t=document.selection.createRange().text;
- var s=“\r\n原文出自[boke112导航],转载请保留原文链接:”+location.href;
- clipboardData.setData(‘Text’,t+’\r\n’+s);
- }
- }
- else
- {
- function addLink()
- {
- var body_element = document.getElementsByTagName(‘body’)[0];
- var selection;
- selection = window.getSelection();
- var pagelink = ” 原文出自[boke112导航],转载请保留原文链接:”+document.location.href;
- var copytext = selection + pagelink;
- var newdiv = document.createElement(‘div’);
- newdiv.style.position=’absolute’;
- newdiv.style.left=’-99999px’;
- body_element.appendChild(newdiv);
- newdiv.innerHTML = copytext;
- selection.selectAllChildren(newdiv);
- window.setTimeout
- (
- function()
- {
- body_element.removeChild(newdiv);
- },0
- );
- }
- document.oncopy = addLink;
- }
- </script>
源代码来自:爱思资源网
说明:添加以上代码到header.php文件之后,无论复制站点中任何的文字内容都会自动添加上版权信息。其实这样的做法有点过了,boke112导航认为只需要在文章页面添加以上JS代码即可,其他地方没必要添加这些JS代码。那么实现只在文章页面加载JS代码的方法也很简单,只需要在这些按以下方法即可实现:
- <?php if (is_single() || is_page() ) { ?>
- JS代码
- <?php } ?>
至于最终的具体效果,大家可以复制本文的任何内容然后粘贴看看效果,从效果看,boke112是比较满意这种自动添加版权信息的方法的。