目录落地页配置第一步落地页按钮custom dataA. Head 代码B. Body 代码第二步CAPI中转LINE配置第一步在「运营后台」开启 API 与 Webhook第二步在「开发者后台」配置 Webhook 与密钥第三步创建 LIFF 应用若选择精准 LIFF 授权传参方案Meta配置落地页配置落地页面├─ PageView → Pixel CAPI 回传└─ 点击 LINE├─ Contact → Pixel CAPI 回传└─ 跳转带 fbp/fbc/fbclid 的 LIFF URL└─ LIFF 获取 LINE userId└─ /api/bind-ad-user 入库└─ LINE Follow webhook└─ Lead → CAPI 回传第一步落地页按钮custom dataA. Head 代码名称Meta Pixel PageView位置Start of head运行Run on every page visitscript (function () { var PIXEL_ID 替换为你的_PIXEL_ID; var CAPI_URL https://你的中转域名/api/meta-event; var meta window.__META_LINE__ window.__META_LINE__ || {}; if (!window.fbq) { !function(f,b,e,v,n,t,s) { if (f.fbq) return; n f.fbq function() { n.callMethod ? n.callMethod.apply(n,arguments) : n.queue.push(arguments); }; if (!f._fbq) f._fbq n; n.push n; n.loaded true; n.version 2.0; n.queue []; t b.createElement(e); t.async true; t.src v; s b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s); }(window,document,script, https://connect.facebook.net/en_US/fbevents.js); } if (!meta.pixelInitialized) { fbq(init, PIXEL_ID); meta.pixelInitialized true; } meta.getCookie function(name) { var match document.cookie.match( new RegExp((?:^|; ) name ([^;]*)) ); return match ? decodeURIComponent(match[1]) : ; }; meta.getFbclid function() { var value new URLSearchParams(location.search).get(fbclid) || ; try { if (value) sessionStorage.setItem(_meta_fbclid, value); return value || sessionStorage.getItem(_meta_fbclid) || ; } catch (e) { return value; } }; meta.track function(eventName, prefix, customData, useBeacon) { var random window.crypto crypto.randomUUID ? crypto.randomUUID() : Date.now() _ Math.random().toString(36).slice(2); var eventId prefix _ random; var params new URLSearchParams(location.search); fbq(track, eventName, customData || {}, { eventID: eventId }); var payload JSON.stringify({ eventName: eventName, eventId: eventId, eventSourceUrl: location.href, fbp: meta.getCookie(_fbp), fbc: meta.getCookie(_fbc), fbclid: meta.getFbclid(), userAgent: navigator.userAgent, referrer: document.referrer || , utm_source: params.get(utm_source) || , utm_medium: params.get(utm_medium) || , utm_campaign: params.get(utm_campaign) || , customData: customData || {} }); if (useBeacon navigator.sendBeacon navigator.sendBeacon(CAPI_URL, payload)) { return eventId; } fetch(CAPI_URL, { method: POST, headers: {Content-Type: text/plain;charsetUTF-8}, body: payload, keepalive: true }).catch(function(error) { console.warn(Meta CAPI request failed, error); }); return eventId; }; var now Date.now(); if (meta.lastPageUrl ! location.href || now - (meta.lastPageAt || 0) 1000) { meta.lastPageUrl location.href; meta.lastPageAt now; meta.track(PageView, pv, {}, false); } })(); /scriptB. Body 代码名称LINE Button Contact位置End of body运行Run on every page visitscript (function () { var LIFF_URL https://liff.line.me/2011705627-LzdbPnPR; var SELECTOR a[href*line.me],a[href*lin.ee],a[href^line:], a[data-line-buttontrue]; var state window.__LINE_BUTTON__ window.__LINE_BUTTON__ || {}; var meta window.__META_LINE__; var attributionKeys [ fbclid, gclid, ttclid, utm_source, utm_medium, utm_campaign, utm_content, utm_term ]; function getAttribution() { var saved {}; try { saved JSON.parse( sessionStorage.getItem(_line_attribution) || {} ); } catch (e) {} var params new URLSearchParams(location.search); attributionKeys.forEach(function(key) { var value params.get(key); if (value) saved[key] value; }); saved.fbp meta meta.getCookie ? meta.getCookie(_fbp) || saved.fbp || : saved.fbp || ; saved.fbc meta meta.getCookie ? meta.getCookie(_fbc) || saved.fbc || : saved.fbc || ; if (!saved.fbc saved.fbclid) { saved.fbc fb.1. Date.now() . saved.fbclid; } try { sessionStorage.setItem(_line_attribution, JSON.stringify(saved)); } catch (e) {} return saved; } function buildLiffUrl() { var url new URL(LIFF_URL); var attribution getAttribution(); Object.keys(attribution).forEach(function(key) { if (attribution[key]) { url.searchParams.set(key, attribution[key]); } }); return url.toString(); } function rewriteLineLinks() { var finalUrl buildLiffUrl(); window.LINE_TARGET_URL finalUrl; document.querySelectorAll(SELECTOR).forEach(function(link) { link.href finalUrl; }); } state.rewriteLineLinks rewriteLineLinks; rewriteLineLinks(); if (!state.clickListenerInstalled) { document.addEventListener(click, function(event) { var link event.target.closest event.target.closest(SELECTOR); if (!link) return; var finalUrl state.rewriteLineLinks ? (state.rewriteLineLinks(), window.LINE_TARGET_URL) : buildLiffUrl(); link.href finalUrl; var now Date.now(); if (now - (state.lastContactAt || 0) 1000) return; state.lastContactAt now; var tracker window.__META_LINE__; if (tracker tracker.track) { tracker.track(Contact, contact, { content_name: LINE Button, source: framer_landing_page }, true); } }, true); state.clickListenerInstalled true; } if (!state.observerInstalled) { new MutationObserver(function() { if (state.rewriteLineLinks) state.rewriteLineLinks(); }).observe(document.body, { childList: true, subtree: true }); state.observerInstalled true; } })(); /script第二步CAPI中转xxxLINE配置第一步在「运营后台」开启 API 与 Webhook访问网址manager.line.biz登录你的官方账号启用 Messaging API点击右上角【设定】Settings→ 左侧菜单点击【Messaging API】。点击「启用 Messaging API」。系统会提示输入或选择Provider服务提供者名称直接输入你的品牌名或公司名即可。确认同意条款后系统会自动为你创建好开发者通道。开启 Webhook 接收开关非常关键漏开会导致收不到信号左侧菜单点击【回应设定】Response settings。回应模式根据需求选择通常使用 Bot 或聊天Bot。找到Webhook开关务必将其切换为【开启 / ON】。第二步在「开发者后台」配置 Webhook 与密钥访问网址developers.line.biz直接用你的 LINE 账号登录登录后点击右上角进入Console控制台在左侧选择你刚刚创建的 Provider点击进入你的Messaging API 频道Channel填入你的接收服务器地址Webhook URL进入【Messaging API】标签页。找到Webhook URL项点击Edit填入你的接收地址例如你的 1Panel/sGTM 地址[https://track.yourdomain.com/line-webhook](https://track.yourdomain.com/line-webhook)。将下方的Use webhook开关打开ON。等你的接收服务配置好后点击旁边的Verify按钮若提示Success / 200即表示打通。生成长期访问密钥Channel Access Token仍在【Messaging API】标签页滑到最底部。找到Channel access token (long-lived)点击右侧的Issue生成。复制并保存好这串很长的 Token后续回传或发消息时需要用到。获取基础验证凭证切换到【Basic settings】标签页。记录并保存好Channel ID和Channel secret用于服务端验签确保推过来的数据来自 LINE 官方防伪造。第三步创建 LIFF 应用若选择精准 LIFF 授权传参方案如果不做授权中转这一步可跳过如果需要 100% 精确把用户与广告参数绑定需在开发者后台创建 LIFF在当前频道内切换到【LIFF】标签页点击Add新增。填写基础信息LIFF app name自定义名称如Ad Bridge。Size选择Full全屏或Tall。Endpoint URL填写你的桥接网页地址即用来读取 URL 参数并调 LIFF SDK 拿 UID 的页面。Scopes勾选profile和openid。点击Add提交后系统会生成一个专属链接格式如[https://liff.line.me/XXXXXXXXXX-XXXXXXXX](https://liff.line.me/XXXXXXXXXX-XXXXXXXX)。后续 Framer 页面上的加好友按钮就指向这个 LIFF 链接并带上 Meta 参数。Meta配置xxx
