出海推广之归因-Pixel_kwai pixel 事件-CSDN博客

本文链接：https://blog.csdn.net/mengahilva/article/details/143484947

1.Pixel是什么

Pixel 跟踪代码是一种用于跟踪用户行为并收集数据的工具，常用于数字营销。

基本概念

定义：Pixel 跟踪代码是一个小段 JavaScript 代码或透明的 1x1 像素图像，嵌入在网页中，用于收集用户行为数据。
功能：可以追踪用户的访问、点击、转化等行为，从而帮助广告主了解广告的效果。

主要功能

转化追踪：追踪用户在看到广告后是否完成了预定的行动（如购买、注册等）。
再营销：收集用户数据以便后续向他们展示更相关的广告。
受众细分：分析不同用户群体的行为，优化广告投放策略。

2.Pixel的实现逻辑

Pixel的实现主要依赖一下几个步骤

1. 代码嵌入

在你的网站中嵌入 Pixel 跟踪代码，通常放在 <head> 标签内或页面的特定位置。这段代码会在页面加载时执行。

2. 触发事件

当用户访问你的网页时，Pixel 会被触发。这可以是页面浏览、点击按钮、表单提交等特定行为。
每种行为可以对应不同的事件，广告主可以自定义这些事件（如“购买”、“注册”等）。

3. 数据收集

Pixel 会收集关于用户的行为数据，包括：
- 用户的 IP 地址
- 设备类型和操作系统
- 浏览器类型
- 访问的页面 URL
- 用户在网站上的操作（如点击、滚动等）

4. 发送数据

收集到的数据会通过 HTTP 请求发送到广告平台（如 Facebook、Google）。
这个请求通常包含关于事件的信息，如事件类型、时间戳、用户标识等。

5. 数据分析

广告平台接收到数据后，会进行处理并分析用户行为。
广告主可以在广告管理界面查看相关的转化数据、用户活动、广告效果等。

6. 优化广告

根据分析结果，广告主可以调整广告策略：
- 重新定位广告以针对特定用户群体
- 修改广告内容以提升转化率
- 评估不同广告渠道的表现

3.常见的Pixel初始化代码

一般在创建广告的时候，推广运营的同学都会在广告平台获取到基本的像素代码，这些代码一般需要放到网页的<head> 标签内。

Facebook

<script>
!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=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', "123456789");
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"src="https://www.facebook.com/tr?id=123456789&ev=PageView&noscript=1"/></noscript>

TikTok

<script>
    !function (w, d, t) {
      w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],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]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++
)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script");n.type="text/javascript",n.async=!0,n.src=i+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
      ttq.load("xxxxxxxx");
      ttq.page();
    }(window, document, 'ttq');
</script>

kwai

<script>
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.install=t():e.install=t()}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";var o=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)||void 0===o||o.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n]||[];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)||void 0===t?void 0:t[e])||[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="https://s1.kwai.net/kos/s101/nlav11187/pixel/events.js";i._i=i._i||{},i._i[e]=[],i._i[e]._u=a,i._t=i._t||{},i._t[e]=+new Date,i._o=i._o||{},i._o[e]=o||{};var c="?sdkid=".concat(e,"&lib=").concat(n);r(t,a+c,"https://s16-11187.ap4r.com/kos/s101/nlav11187/pixel/events.js"+c)}}(window,document,"kwaiq")}])}));
</script>
<script>
kwaiq.load('123456789');
kwaiq.page();
</script>

总结：pixel的引入非常简单，难的是后续事件的触发和广告平台选择这些事件进行优化，工作中经常遇到pixel已经引入，测试事件发送了，但广告平台无法看到事件，或者事件没法在创建广告时选择优化，后面我会列举响应的问题和解决办法。