博客网站添加复制转载提醒弹窗Html代码

admin

网站如果是完全禁止右键（复制、另存为等）操作，对用户来说体验感会降低，但是又不希望自己的原创内容直接被copy，今天飞飞和你们分享几行复制转载提醒弹窗Html代码。

效果展示：



复制以下代码，将其放在网站footer.php或者header.php任意底部位置即可。

1.     <!-- 复制提醒开始 -->
   
2. <link rel="stylesheet" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" />
   
3. <script type="text/javascript" src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>
   
4. 
   
5. <script>
   
6.     document.body.oncopy = function() {
   
7.         swal("复制成功！", "若要转载请保留原文链接，感谢支持！", "success");
   
8.     };
   
9. </script>
   
10. <!-- 复制提醒结束 -->

复制代码

通过这几行代码，我们可以在保护原创内容的同时，不影响用户体验。当然，除了添加复制转载提醒弹窗之外，我们还可以通过其他方式来保护原创内容，例如添加水印、限制转载等等。总之，在权衡用户体验和版权保护时，我们需要寻找一个平衡点，既能够保护自己的权益，又不会影响用户的使用体验。

感谢您的阅读，服务器大本营助您成为更专业的服务器管理员！