• GTM课程
  • 博客
  • 服务
  • 资源资源
    • 您tube channel
    • 电子书和指南
    • GTM食谱
    • 查看所有资源
    • GTM社区
  • 关于
    • 关于
    • 联系
  • GTM课程
  • 博客
  • 服务
  • 资源资源
    • 您tube channel
    • 电子书和指南
    • GTM食谱
    • 查看所有资源
    • GTM社区
  • 关于
    • 关于
    • 联系

2017年11月25日

Track Custom Events with 推特像素 和 Google Tag Manager

过去,我已经解释了如何跟踪与 脸书 和 推特像素s。乍一看,它们的功能看起来非常相似:可以在网站上跟踪支持的事件列表(例如,网页浏览,注册等)。除此之外,Facebook Pixel还支持 trackCustom 该方法使整个实现更加灵活。

上周我’ve从读者那里收到一个问题,询问Twitter像素是否也支持自定义事件的相同功能。好吧…是的,没有。在这篇博客中,我’ll解释如何使用Twitter Pixel跟踪自定义事件,以及为什么该解决方案有点糟(与Facebook相比)。

在我们继续之前,我’d想大声说出来:Twitter Pixel“documentation” is one of the worst 文件资料s I’在网上看过。 Yehoshua Coren在他的博客文章中说Facebook Pixel’s 文件资料 is pretty confusing 和 missing some parts.

好吧’s still better than terrible, very limited, incomplete 文件资料 which sometimes contradicts to itself. There, I said it. I feel a bit better now. Thanks for hearing me out.

为什么Facebook Pixel是更好的解决方案

正如我之前提到的,FB Pixel不仅可以射击他们的其中之一 标准事件,但它也使我们能够发送具有自定义属性的自定义事件。这里’s a quick example.

<script>
 fbq('trackCustom', 'watchedVideo', {
  videoTitle: 'Google Tag Manager Tutorial',
  videoLength: '493' //seconds
 });
</script>

然后’太棒了!如果我愿意,我可以开枪 watchedVideo事件 具有属性 videoTitle,videoLength等等,然后根据他们建立目标对象。

在 the meantime, 推特像素 和 its limited functionality are way behind. Universal 网站 Tag is a solution offered by Twitter which enables you to add 一个跟踪代码 到所有页面,然后触发11个可用事件中的任何一个(浏览量,注册,注册完成,添加到购物车等)。

自定义事件呢?对于营销人员来说,使用相同的通用跟踪标签会更好’的代码,并且不仅发送标准数据,还发送自定义数据。

基本上每个Twitter’s事件使用以下结构:

twq('track','eventName')

更换 eventName 与标准事件之一类似 购买,浏览量等等。我尝试将其替换为一些随机名称,例如 customEventName 看看是否有效。根据 推特像素 Helper,该随机自定义事件已成功发送,很遗憾,Twitter Ads界面中没有办法,我可以在其中找到该自定义事件并据此建立再营销受众。

#悲伤的脸

总之,Twitter通用网站标签不支持自定义事件。或者至少我找不到有关它的任何信息。但是不要放弃。

Google跟踪代码管理器电子书包

另一种解决方案

我不敢相信无法将自定义事件数据发送到Twitter,所以我进行了更深入的研究。在下面 设置部分 of their 文件资料, I found this paragraph which raised my right eyebrow.

“对于大多数广告客户,我们建议使用通用网站代码,而不要使用单一事件代码。 在极少数情况下,您可能需要一个单一事件代码来跟踪非页面加载事件的转化(例如,下载白皮书或提交注册表格)。”

“In rare cases”?有时,我认为Twitter开发了其全部Pixel功能,而没有真正询问客户的需求。能够在Facebook Pixel中触发自定义事件是他们最出色的功能之一(许多营销人员’ve对此表示同意)。为什么可以’Twitter做同样的事情吗?

由于某种原因,他们决定不将此解决方案并入其通用标签中,而是提供了另一种解决方案(但更为有限)。

好那’我相信我的身边已经够ching子了’超出了我的每月配额。让’转到实际解决方案,了解如何使用Twitter Pixel跟踪自定义事件。毕竟’s the reason you’re here, right?

 

单事件标签

To start tracking custom events with 推特像素, you’我必须使用单事件网站代码创建一个转换。每个事件都需要您首先在Twitter Ads帐户上创建它。

内心深处,我仍然希望我 ’是错误的,还有更好的方法可以做到。一世’d非常感谢有人可以指出我正确的方向。

无论如何,在Twitter Ads帐户中转到“工具”>转化跟踪>创建新的转化事件。

建立转换

给它一个合适的标题,选择 自订类型 转换,然后选择 单项活动网站标签 在下面 事件追踪与规则 部分。我也建议勾选 创建量身定制的受众 复选框。如果需要,请对设置进行一些其他小的调整,然后保存转化事件。

建立转换2

您’将获得一个JavaScript代码段,当发生特定(且重要)的交互时,该代码段应在您的网站上触发。

<!-- Twitter single-event website tag code -->
<script src="//platform.twitter.com/oct.js" type="text/javascript"></script>
<script type="text/javascript">twttr.conversion.trackPid('xxxxxx', { tw_sale_amount: 0, tw_order_quantity: 0 });</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="//analytics.twitter.com/i/adsct?txn_id=xxxxxx&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
<img height="1" width="1" style="display:none;" alt="" src="//t.co/i/adsct?txn_id=xxxxxx&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" />
</noscript>
<!-- End Twitter single-event website tag code -->

使用自定义HTML标签通过GTM实施它。不幸的是,Twitter’GTM中的通用网站标签模板不支持单个标签。

GTM中的Twitter单个事件标签

快速提醒您,如果您想跟踪禁用了JavaScript的浏览器, 阅读我为Facebook Pixel发布的本教程。将相同的技术应用于Twitter事件标签。

顺便提一提。单一事件代码不支持自定义属性(或者至少我找不到该怎么做的方法)。所以如果你想通过 videoTitle 与 看过影片 单标签,你’re out of luck.

 

验证单个网站标签

如果您希望跟踪多个自定义事件,则可以’必须为每个事件创建一个单独的转换,并通过单独的Google跟踪代码管理器自定义HTML代码实施这些跟踪代码。

创建这些标签后,启用 GTM预览和调试模式Â并与 推特像素 Helper Chrome Extension 是否所有点击均已成功发送到Twitter’s servers.

在你之后’安装了扩展程序,然后转到您的网站’re currently working on 和 refresh the page. Then, click 推特像素 Helper’s icon 和 you’将会看到展开的Pixel报告。

如果一切正常,请发布对实时环境的更改。

之后,你’您将需要等待约24小时才能使初始数据出现在您的报告中。在此之前,所有跟踪代码都将显示为 未验证 在Twitter Ads界面中

 

Track custom events with 推特像素: final words

推特像素就像Facebook Pixel的丑陋朋友,不是那么聪明,不是那么漂亮,不是那么精致。但是,有时您必须与它一起玩。您可以完成工作,但过程并不令人满意,您’会受到一些限制。

脸书 Pixel vs 推特像素

  • Twitter Universal 网站 Tag does not support custom events 和 attributes. 您’为此必须使用单一事件标签。
  • 即使使用单事件标记,也不支持自定义属性。
  • 对于每个自定义事件,您’首先,必须在Twitter Ads帐户中创建一个转化。
  • 在Google跟踪代码管理器中,您’因为Twitter通用标签模板不支持单一事件标签,所以必须使用自定义HTML标签。
  • 推特像素’s 文件资料 (posted in their Knowledge Base) is pretty poorly written leaving users with many unanswered questions. I hope they’有一天,我将开始咨询网络分析师及其客户。

尽管如此,它’总比没有自定义事件跟踪好。但是你必须承认’一个非常该死的低杆。

If you notice any errors in this blog post or have a better solution how to track custom events with 推特像素 和 GTM, let me know in the comments section below.

朱利叶斯·费多罗维奇乌斯
在 Google跟踪代码管理器提示
2评论
马克斯·朗登
  • 2018年3月10日
  • 回复

在试图设置Twitter的“单一事件标签”而被困3个小时之后,这篇文章使我的大脑免于癌症。

希望我只需要再等21个小时才能看到它的工作原理。

谢谢!

克里斯蒂娜C
  • 2018年6月29日
  • 回复

嘿朱利叶斯,

感谢您为我加油!
这是我第一次使用GTM,碰巧要为Twitter设置一个单一事件代码...但是,经过2.5小时,我终于在遇到这篇文章后才发现了它。
谢谢!

发表评论 取消回复

您r email address will not be published. 必需的地方已做标记 *

 

嗨,我是Julius Fedorovicius 并且在这里可以帮助您学习Google跟踪代码管理器和Google Analytics(分析)(但主要是GTM)。在这个激动人心的旅程中,与其他100 000多个每月访问量和14000多个新闻通讯订阅者一起加入。 阅读更多
基本资源


热门文章
  • 🔥GTM表格跟踪:7种有效方法
  • 🔥dataLayer.push:指南
  • 🔥GTM vs Google Analytics(分析)
  • 🔥 99 Things 您 Can Do with GTM
  • 🔥GTM常见错误
  • 🔥数据层:终极指南
  • 𥔥60 +适用于GTM的自定义JavaScript
分析狂热
  • Google跟踪代码管理器课程
  • Google跟踪代码管理器食谱
  • Google跟踪代码管理器资源
  • Google跟踪代码管理器社区
  • 登录课程
关注Analytics Mania
  • 订阅新闻通讯
  • RSS订阅
最近的帖子
  • Google Analytics(分析)4中的增强测量:指南
  • 使用Google跟踪代码管理器跟踪联系表7
  • 在GTM中缺少DOM准备就绪和窗口加载事件?
分析狂热- Google Tag Manager 和 Google Analytics 博客 | 隐私政策
管理Cookie设置

<map id="ZhekcdJ"><caption id="hziMDKR" class="hlii1nS"></caption></map>

    <ol id="ZbrxuL9" class="ZpRQbEz"></ol>

  • <object class="kT2RcSB"><address class="h9zUEld"><li class="sZZHrVx"></li></address></object>
      1. <hgroup id="hL62rcj"><dir id="ivtRcT9" class="ico5For"><center id="Zf1mU0n" class="Zpe5B7V"></center></dir></hgroup>