Google Tag Manager上安装Facebook Pixel跟踪代码

Google Tag Manager Haran 8年前 (2016-04-08) 6228次浏览 2个评论
文章目录[隐藏]

更新时间:2024年7月16号

这一篇介绍如何在Google Tag Manager上安装Facebook Pixel。

安装基础Facebook Pixel

获取Facebook Pixel ID

在Facebook的事件管理工具里获取Facebook Pixel,这里主要是获取Pixel ID,假设获取到的是2324323424。

配置代码

在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「在社区模板库中发现更多代码类型」,搜索“facebook”,找到 Facebook Pixel,将其安装。

在选择代码类型里选择 Facebook Pixel,然后做如下设置:

Google Tag Manager上安装Facebook Pixel跟踪代码

安装自定义事件

假设现在要用跟踪purchase事件,Facebook的purchase事件代码是:

<span class="pln"> fbq</span><span class="pun">(</span><span class="str">'track'</span><span class="pun">,</span> <span class="str">'Purchase'</span><span class="pun">,</span> <span class="pun">{</span><span class="pln">currency</span><span class="pun">:</span> <span class="str">"USD"</span><span class="pun">,</span><span class="pln"> value</span><span class="pun">:</span> <span class="lit">30.00</span><span class="pun">});</span>

GA4里的电商跟踪是:

Google Tag Manager上安装Facebook Pixel跟踪代码

 

变量

用数据层变量获取dataLayer里的currency和value。

在GTM中点击「变量」——「新建」——「选择一个变量类型以开始设置…」——「数据层变量」,然后做如下设定:

Google Tag Manager上安装Facebook Pixel跟踪代码

 

同理设置dl-value。

 

触发器

在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置…」——「自定义事件」,然后做如下设定:Google Tag Manager上安装Facebook Pixel跟踪代码

代码

在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「Facebook Pixel」,然后做如下设定:

Google Tag Manager上安装Facebook Pixel跟踪代码


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (3)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 可否再写一篇如何在GTM中创建来自Facebook的客户转化
    julie2024-04-09 16:16 回复 Windows 10 | Chrome 123.0.0.0
    • Haran
      GTM里识别不到来源,是Facebook或GA它自己去识别来源
      Haran2024-04-10 09:58 回复 Mac OS X | Chrome 123.0.0.0