驰网飞飞 发表于 2023-8-9 18:06:56

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

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

效果展示:



复制以下代码,将其放在网站footer.php或者header.php任意底部位置即可。
    <!-- 复制提醒开始 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" />
<script type="text/javascript" src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>

<script>
    document.body.oncopy = function() {
      swal("复制成功!", "若要转载请保留原文链接,感谢支持!", "success");
    };
</script>
<!-- 复制提醒结束 -->通过这几行代码,我们可以在保护原创内容的同时,不影响用户体验。当然,除了添加复制转载提醒弹窗之外,我们还可以通过其他方式来保护原创内容,例如添加水印、限制转载等等。总之,在权衡用户体验和版权保护时,我们需要寻找一个平衡点,既能够保护自己的权益,又不会影响用户的使用体验。

感谢您的阅读,服务器大本营助您成为更专业的服务器管理员!
页: [1]
查看完整版本: 博客网站添加复制转载提醒弹窗Html代码