博客网站添加复制转载提醒弹窗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>
<!-- 复制提醒结束 -->

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

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

相关推荐
小猪咪piggy1 分钟前
【JavaEE】(24) Linux 基础使用和程序部署
linux·运维·服务器
切糕师学AI7 分钟前
前后端分离架构中,Node.js的底层实现原理与线程池饥饿问题解析
前端·vue.js·node.js
妄小闲26 分钟前
网页设计模板 HTML源码网站模板下载
前端·html
icebreaker43 分钟前
tailwindcss 究竟比 unocss 快多少?
前端·css·github
卢叁1 小时前
Flutter之自定义TabIndicator
前端·flutter
每天吃饭的羊1 小时前
state和ref
前端·javascript·react.js
GEO_YScsn1 小时前
Vite:Next-Gen Frontend Tooling 的高效之道——从原理到实践的性能革命
前端·javascript·css·tensorflow
GISer_Jing1 小时前
滴滴二面(准备二)
前端·javascript·vue·reactjs
ningmengjing_1 小时前
webpack打包方式
前端·爬虫·webpack·node.js·逆向
Yuner20001 小时前
Webpack开发:从入门到精通
前端·webpack·node.js