@c15t/astro: 需要帮助吗? Astro cookie 横幅和 cookie 同意管理
Cookie横幅,偏好对话框,以及Astro 5,6和7的同意加盟脚本. Middleware解决了每个请求的同意政策,如欧盟的GDPR选择入选. 旗帜很平淡 .astro 无框架 JavaScript 标记。 首选对话框只在访客打开时才作为斯维尔特(Svelte),React(React),或Vue (Vue)岛来加载.
c15t用于 2 100个以上地点包括expo.dev, sed.dev, unkey.dev, mintlify.com, 和 sazabi.com.
关键特性
- 访客下载了旗下没有UI框架. 对话框的框架仅在访客打开时加载
- 将对话框岛写入Svelte, React, 或 Vue 中, 因此它使用框架 您的站点已经出发
- 静态输出工作于任何静态主机
hosted()。服务器输出可以解决每个访问者的政策,所以横幅在第一个 HTML 中 - Geo-aware 中间软件从主机读取位置和语言头
- 分析、广告和像素通过@c15t/整合跟踪每个访客的选择:Google Tag管理器、Google的同意模式v2、GA4、Meta像素、PostHog等
- IAB TCF 2.4 横幅和对话框组件
先决条件
- Astro 5、6或7号卫星
- 一个
@astrojs/svelte, (中文(简体) ),@astrojs/react,或@astrojs/vue选择对话框 - 用于服务器输出的服务器适配器,或用于静态输出的服务器适配器
- 一个 内部项目 (免费报名). 对于开发和测试,本地模式不需要后端
安装
pnpm add c15t @astrojs/svelte svelte @astrojs/node
这个 c15t 软件包再导出此软件包 c15t/astro,而文件使用该路径。 对于反应或Vue 对话框,安装 @astrojs/react react react-dom 或者说 @astrojs/vue vue 而不是斯维尔特. @astrojs/node 是下面示例中的服务器适配器。 使用主机的适配器取而代之,或留作静态输出.
使用量
- 设定
PUBLIC_C15T_BACKEND_URL到您的 Inth 后端 URL.env - 注册您的 UI 框架
c15t()输入astro.config.mjs
// astro.config.mjs
import node from '@astrojs/node'
import svelte from '@astrojs/svelte'
import { defineConfig } from 'astro/config'
import c15t from 'c15t/astro'
export default defineConfig({
adapter: node({ mode: 'standalone' }),
integrations: [svelte(), c15t()],
output: 'server',
})
- 添加
ConsentScript改为<head>,以及ConsentBanner, (中文(简体) ),ConsentDialog,以及ConsentDialogLink到您的布局,从c15t/astro/components - 关于静态输出、全版布局和岛屿选项,见 Astro 快速启动
在 Inth 上运行 c15t
c15t需要一个后端来服务政策和保存同意记录. 输入 为您运行它。 它把每个选择都储存在它的区域和政策版本中,审计你的现场,并拉动隐私风险请求,在Pro和以上上,每个地区的同意规则都有管理的政策包。 你不运行同意数据库, 地理检索, 上升时间,或升级.
注册是免费的。 运行 npx @inth/cli c15t 创建项目并设置 c15t,或用手创建并复制其后端 URL.
对于开发和测试,本地模式在浏览器中保留选择,不保存同意记录. 别把它运去生产 它的工厂 local()旧名, offline(),仍然工作,在v4离开.
文档
见 文档 用于指南、API参考和示例.
AI 代理文件
这个软件包以Markdown为载体,与已安装的版本相匹配。 安装后,请指定编码代理 node_modules/@c15t/astro/AGENTS.md它将每个向导在 node_modules/@c15t/astro/docs/。 。 。 .
在网络上,每页 c15吨文件 拥有Markdown版本,并且 页:1 全部列出 安装 c15t 代理技能 npx skills add c15t/skills。 。 。 .
支助
- 加入我们 Discord 社区
- 打开我们的问题 GitHub 仓库
- 访问 inth.com (英语) 并使用聊天部件
- 通过电子邮件联系我们的支援团队 支持@inth.com
捐款
警卫
不为安全弱点打开一个公共问题。 私下通过报告 GitHub 的脆弱性报告我们审查所有的报告.
- 不在公共论坛、议题或请求中分担脆弱性
- 给它复制的步骤 和它影响的版本
- 在你透露之前给我们点时间
许可证
由 输入