如何查看飞书/IM聊天内点击链接自动追加的溯源、跳转、安全校验参数?

全套查看飞书 IM 追加溯源参数的方法,分电脑端、移动端、网站后端抓取、flow‑extra 解码

一、PC 飞书(最省事)

方式 1‑地址栏直接复制完整链接

  1. 在飞书聊天 / 内嵌笔记点击外链
  2. 链接唤起系统浏览器;浏览器顶部地址栏就是带全部溯源参数的完整 URL,直接复制即可
注意:飞书内置浏览器预览会隐藏参数,一定要选择在外部浏览器打开

方式 2 F12 开发者工具查看完整请求参数

  1. 浏览器打开网页,按下 F12 → Network(网络)
  2. 刷新页面,点开第一条文档请求
  3. Headers‑Query String Parameters,所有飞书追加参数全部罗列在此

二、手机端飞书

  1. 点击消息里面的链接
  2. 右上角「…」→ 在浏览器打开
  3. 调取手机自带浏览器,顶部网址栏即可拿到完整带参链接
  • 安卓:长按地址栏复制
  • iPhone:轻点地址框全选复制
重点:飞书内置内置浏览器会隐藏跳转附加参数,必须跳转至系统原生浏览器

三、你的网站前端 JS 获取所有溯源参数


直接复制下面代码,可以读取、打印、解析飞书全部 query 参数,适合调试、记录来源 doc‑id
javascript
运行
//读取全部url参数
const params = new URLSearchParams(location.search);

//单独取出每一个
let f_link_type = params.get("f_link_type");
let flow_extra = params.get("flow_extra");
let sec_link_scene = params.get("sec_link_scene");

console.log("飞书全部溯源参数",Object.fromEntries(params));

//解码 base64 的 flow_extra
function base64Decode(str){
    return JSON.parse(atob(str))
}
console.log( base64Decode(flow_extra) )

解码之后就能拿到笔记 ID、链接所在位置等埋点信息。

四、后端服务端捕获(Nginx、PHP、Java)

  1. Nginx:$args 变量可以拿到全部 GET 溯源参数
  2. PHP:$_GET
  3. Nodejs:req.query

五、flow_extra 解码教程


你遇到的 flow_extra=eyJxxx== 属于 Base64 加密 JSON
  1. 复制等号后面字符串
  2. 在线 base64 解密,即可得到 json:

json
{
"inline_display_position":0,
"doc_position":0,
"doc_id":"1a1e005d403c6a4c‑cf7c11d6052d9433"
}

doc_id 就是飞书那条内嵌笔记唯一编号,用来做流量溯源。

六、常见参数对照表


表格
参数 作用
f_linkinlinenote 来源:聊天内嵌笔记链接
flow_extra Base64 埋点,笔记 ID、链接位置
use_xbridge3 第三代跨端跳转组件
loader_name=forest 飞书外链加载内核
need_sec_link=1 开启外链安全风控校验
sec_link_scene=im 打开场景:即时通讯聊天
theme=light 适配浅色客户端主题

七、拓展:网站自动清理飞书溯源垃圾参数(防止重复 URL 造成统计混乱)

//页面加载自动剔除飞书追踪参数
let url = new URL(location.href);
url.searchParams.delete('f_link_type');
url.searchParams.delete('flow_extra');
url.searchParams.delete('use_xbridge3');
url.searchParams.delete('loader_name');
url.searchParams.delete('need_sec_link');
url.searchParams.delete('sec_link_scene');
url.searchParams.delete('theme');
history.replaceState({},'',url.href)

延伸阅读: