如何限制Convertflow脚本仅在指定公共页面加载运行
限制Convertflow脚本仅在公共页面运行的实现方法
- 方法1:路由匹配校验后再注入脚本
先梳理站点的路由规则,把管理后台、用户个人页等非公共页面的路径统一整理为黑名单前缀(比如/admin、/user),在注入脚本前先判断当前页面路径是否属于公共页面,仅符合条件时才加载Convertflow脚本,示例代码如下:head() { // 非公共页面路由前缀黑名单,可按实际业务规则调整 const nonPublicRoutePrefixes = ['/admin', '/profile', '/user'] // 不同框架取当前页面路径的写法可对应调整,比如Next.js可用useRouter()获取 const currentPagePath = this.$route.path const isPublicPage = !nonPublicRoutePrefixes.some(prefix => currentPagePath.startsWith(prefix)) return { script: isPublicPage ? [ { async: true, src: '替换为你的Convertflow脚本链接', }, ] : [] } }, - 方法2:拆分布局组件隔离脚本加载
如果你的站点已经区分了公共页布局和内部页布局,直接把Convertflow脚本从全局默认布局的配置中移除,仅添加到公共页面专属的布局组件里即可,无需额外加判断逻辑,是维护成本最低的方案。 - 兜底方案:配置弹窗触发规则
可以直接在Convertflow的后台设置对应弹窗的触发条件,指定弹窗仅在匹配的公共页面URL下触发,就算脚本意外加载到非公共页面,也不会触发弹窗渲染。
内容的提问来源于stack exchange,提问作者Mohit Chandani
相关产品推荐
相关产品推荐

