TikTok Event Manager配置 #
- 登陆你的TikTok event manager
- 点击 + 链接新的数据源
- 选择“Web” 选项并点击 “Next”.
- 如果你计划自行安装Pixel Code，请选择手动设置。
- 对于连接方式，请选择“TikTok Pixel + Events API”选项。
- 为你的pixel命名
- 将基础代码嵌入到您的落地页中
- 请按照以下步骤设置页面加载和点击等事件。您也可以在落地页准备就绪后再进行设置。在第7步中，请保存您的Pixel ID并生成access token，以便进行后续配置。
落地页代码安装 #
- 请参考我们的示例代码，并替换为您的pixel ID。请将TikTok pixel代码放入标签内，并将CVQT4GJC77U89V958HM0替换为您自己的pixel ID。
JavaScript
<head>
<!-- TikTok Pixel Code Start -->
<script>
!(function (w, d, t) {
w.TiktokAnalyticsObject = t;
var ttq = (w[t] = w[t] || []);
// Define available methods
ttq.methods = [
"page", "track", "identify", "instances", "debug",
"on", "off", "once", "ready", "alias", "group",
"enableCookie", "disableCookie",
"holdConsent", "revokeConsent", "grantConsent",
];
// Defer method calls until SDK loads
ttq.setAndDefer = function (t, e) {
t[e] = function () {
t.push([e].concat(Array.prototype.slice.call(arguments, 0)));
};
};
for (var i = 0; i < ttq.methods.length; i++) {
ttq.setAndDefer(ttq, ttq.methods[i]);
}
// Create pixel instance
ttq.instance = function (t) {
var e = ttq._i[t] || [];
for (var n = 0; n < ttq.methods.length; n++) {
ttq.setAndDefer(e, ttq.methods[n]);
}
return e;
};
// Load the TikTok pixel SDK
ttq.load = function (e, n) {
var r = "https://analytics.tiktok.com/i18n/pixel/events.js";
var o = n && n.partner;
ttq._i = ttq._i || {};
ttq._i[e] = [];
ttq._i[e]._u = r;
ttq._t = ttq._t || {};
ttq._t[e] = +new Date();
ttq._o = ttq._o || {};
ttq._o[e] = n || {};
// Inject script tag
var script = document.createElement("script");
script.type = "text/javascript";
script.async = true;
script.src = r + "?sdkid=" + e + "&lib=" + t;
var firstScript = document.getElementsByTagName("script")[0];
firstScript.parentNode.insertBefore(script, firstScript);
};
// Initialize with pixel ID and fire page view
ttq.load("CVQT4GJC77U89V958HM0");
ttq.page();
})(window, document, "ttq");
</script>
<!-- TikTok Pixel Code End -->
</head>请将以下内容添加到HTML正文部分，如有需要可自行编辑调整。
JavaScript
<script>
// Capture URL Parameters
const urlParams = new URLSearchParams(window.location.search);
let ttclid = urlParams.get("ttclid") || "";
let campaign_id = urlParams.get("campaign_id") || "";
let campaign_name = urlParams.get("campaign_name") || "";
let creative_name = urlParams.get("creative_name") || "";
// Function to Handle Download Button Click
function handleDownloadClick() {
let trackingURL =
`https://track.tenjin.com/v0/click/NBoIGJFsXn8oGtlVqtcaL` +
`?tenjin_parameter_1=${ttclid}` +
`&redirect=false`;
let downloadURL = "https://kudoocat.com/puzzlegame.apk";
// Step 1: Send tracking request silently (no page redirection)
fetch(trackingURL, { method: "GET", mode: "no-cors" })
.then(() => {
console.log("Tracking sent successfully.");
})
.catch(() => {
console.log("Tracking request failed.");
});
// Step 2: Directly trigger file download
window.location.href = downloadURL;
}
// Prevent iOS Double-Tap Zoom
let lastTouchEnd = 0;
document.addEventListener(
"touchend",
function (event) {
const now = Date.now();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
},
false
);
// Prevent Multi-Touch Gestures
document.addEventListener(
"touchstart",
function (e) {
if (e.touches.length > 1) {
e.preventDefault();
}
},
{ passive: false }
);
</script>关于跟踪URL，请从Tenjin获取您自己的跟踪URL（请参考下方的Tenjin设置说明）。
Tenjin面板配置 #
- 在Tenjin中添加TikTok Web-to-App渠道
- 在Campaign页面中创建一个新的Campaign并生成一个追踪链接，把这个追踪链接嵌入到您的着陆页中：
https://track.tenjin.com/v0/click/NBoIGJFsXn8oGtlVqtcaL?click_id=${ttclid}&redirect=false - 打开Tiktok Web-to-App安装回传
