现在是我们快速采用Web3浏览器的时刻。全球越来越多的用户开始使用iOS操作系统,并在浏览器中启用广告拦截器。因此,我们的用户活动跟踪能力正受到显著影响,因为这些技术在阻止第三方cookie方面非常有效。通过Google Tag Manager与Stape实现服务器端第一方追踪
为了解决这个问题,我们必须完成Pinterest转化跟踪的服务器端。在之前,我们是在浏览器端完成Pinterest转化跟踪的。现在,它将通过第一方服务器进行. Pinterest 转化追踪
为了完成将数据发送到服务器的过程,我们必须从GTM网页容器开始工作。因为从这里我们将通过GA4标签将所有数据发送到我们的服务器。所以让我们开始吧。
通过GTM将数据从网页发送到服务器
像浏览器端跟踪一样,我们将完成服务器端标签。因为在这里我们也只会涵盖电子商务跟踪。但你可以根据需要做任何事情,像之前一样。
首先,进入GTM中的标签部分,创建一个新标签,但这次在标签类型中,选择‘Google Tag’作为标签类型。

这个标签将作为您的第一个Pinterest标签,用于将基础代码放置在您的网站上,但在这里我们不需要添加Pinterest标签ID。

在这里的标签ID中,我们放置的是GA4的测量ID,而不是Pinterest的ID。因为我们使用的是GA4标签模板,所以是的,我们必须使用它们的ID。但如果您没有它,可以创建一个新的GA4或仅在这里放置一个随机数字。

现在在‘配置参数’位置,我们添加了三个参数。你可以记得,在浏览器端跟踪中我们没有使用任何单一参数。但在服务器端,我们必须这么做。
Event_time: 在跟踪和分析中,event_time指的是指示特定事件(如页面浏览、按钮点击或购买)发生时间的时间戳。这个时间戳对于准确记录事件发生的确切时间至关重要,能够让你分析趋势、行为和性能随时间的变化。
要创建这个变量,首先进入变量部分,从用户定义的变量中创建一个新变量。选择‘自定义JavaScript’作为触发器类型。然后粘贴代码并保存变量,以便在这里使用。
function() {
return Math.round(new Date().getTime() / 1000);
}


Page Visit




Add To Cart

Checkout
现在这是我们必须发送到服务器的最终事件。这个标签的跟踪方式也相同,但对于这个事件,我们需要发送一些新的参数。通过所有这些新参数,我们还必须发送一些用户信息。我们将在数据层完成一次购买后获取所有这些信息。

通过这种方式,你将能够在数据层看到客户的电子邮件,因此我们必须将这些值发送给Pinterest。但我们必须使用哈希值将其发送到Pinterest。

在这里你可以看到我们选择的参数;所有这些事件都是根据我们的数据层规则创建的。我们在浏览器端跟踪时也遵循了相同的方式。
现在根据你的数据层完成触发器部分。

De-Duplication with Event ID
在GTM中,事件ID通常是网站或应用程序上发生某个事件时的唯一标识符,当用户与网站或应用进行交互时产生。这个ID用于记录和识别网站上的事件,以便在分析系统中将正确的数据与事件关联(例如,Google Analytics、Pinterest Pixel)。
我们使用事件ID进行去重。因为我们在一个地方以两种不同的方式发送数据。一种是浏览器端的客户端数据,另一种是服务器端的数据。所以如果我们不在事件中发送事件ID,平台就会开始将每一条数据都当作新数据来计算。因此,我们必须在每个事件中发送事件ID。
要将事件ID与事件一起设置,首先我们需要在GTM中添加一个新的模板。为此,进入你的变量部分,并从用户定义的变量中创建一个新变量。




在每个Pinterest模板中,你可以在‘商品项’下添加这个。在同样的方式中,为每个标签设置事件ID。
现在,你需要在GA4标签中再次设置这个变量。因为通过这个标签,你正在将数据发送到你的服务器。所以这里同样重要的是要有事件ID。

太好了,你的GTM网页容器现在已经准备好将数据发送到你的服务器,在之前的步骤中我们已经完成了服务器容器的设置,所以服务器容器也已经准备好通过GA4客户端接收数据。
GTM Server Container Setup


这是你从服务器容器打开预览后的第一个视图。现在,进入你的GTM网页容器,创建一个新的预览,并在你的网站上执行一些事件。

在这里,你可以看到我们如何从服务器获取数据到我们的服务器容器。所以我们可以通过API将其发送到我们的网站。
要做到这一点,首先你需要像之前一样在服务器容器中添加一个标签模板。


这是你的Pinterest API视图。为了完成设置,我们需要收集两样东西:一个是‘广告商ID’,第二个是‘API访问令牌’。
要获取这些,我们只需要再次回到我们的Pinterest转化设置。




现在在触发器中,选择‘自定义’作为类型,然后选择‘某些事件’。接着,你可以在下一个位置选择‘事件名称’,在下一个‘匹配正则表达式’中,输入‘page_view|view_item|add_to_cart|purchase’。你也可以为你的触发器设置这样操作。
通过在触发器配置中使用‘匹配正则表达式’(Matches RegEx),你可以在GTM中设置一个自定义触发器来跟踪多个事件。通过在第一个下拉菜单中选择‘事件名称’并选择‘匹配正则表达式’,你可以使用正则表达式(RegEx)匹配特定的事件名称。
在第二个字段中输入‘page_view|view_item|add_to_cart|purchase’。这个正则表达式指示GTM在任何这些事件发生时启动。因为‘|’符号用来分隔不同的事件名称,所以这个触发器会在这些事件中的任何一个发生时激活,使你能够在客户旅程的每个阶段(从页面浏览到购买)记录动作。
但是如果你发现‘事件名称’在第一个位置缺失,那么进入你的变量部分,从内置变量中选择‘事件名称’,然后就完成了。

这样,你的服务器API设置就完成了。这个服务器API将根据Pinterest的规则收集每一项重要的数据,并将其发送到Pinterest。
要检查它是否正常工作,你可以再运行一次预览。预览完成后,你可以发布你的两个容器。
太好了,做得很好,我们完成了设置。但我们的旅程还没有结束。请继续关注我们,并与我们分享你的想法。