facebook像素代码安装详细步骤

2023年6月19日15:54:29Facebook1.7K阅读模式
工作室

FB像素追踪

    1. 标准事件追踪:
      Facebook的预设定义事件,包含以下网站动作:新增付款资料、加入购物车、加到愿望清单、完成注册、联络、开始结帐、购买、搜寻、浏览内容、自订产品、捐款、寻找分店地点、潜在顾客、排程、开始试用、提交申请、订阅。

      以上网站动作Facebook都有提供标准事件的程式码,可于「Facebook像素标准事件的详细说明」网页中查看,并将其复制到代码之中。

  1. 自订事件追踪:
    如果Facebook的预设事件中没有想要的定义事件,就需要自行设定转换。

    比如商家想要知道客人在网站中有没有遵循我们自订的某些规则,像在网站中有mens的网址中购买商品,或购买大于某个价钱的参数值的商品,就会需要用到自订事件追踪。
    详细请参阅:Facebook关于网站自订转换说明

facebook像素代码安装详细步骤

▲FB程式码长相(图片出自Facebook Business 使用说明)

 

Facebook像素在哪里

 当我们得到FB的像素程式码时,就会将此埋设在网站的<head>中,那么我们要怎么取得这个程式码呢?

facebook像素代码安装详细步骤

 

▲FB程式码放在<head>中(图片出自Facebook Business 使用说明)

 

第一步、进入商务套件

 首先我们先进入Facebook的企业用户页面(商务管理工具),再找到像素并点进去建立像素。

facebook像素代码安装详细步骤

▲找到它(商务套件)

▲找到像素

facebook像素代码安装详细步骤

 

▲建立像素

 

第二步、连结资料来源

 如果进来发现里面没有东西(没有建立过),请先点选「连结资料来源」。

facebook像素代码安装详细步骤

 

第三步、建立像素

※使用 转换API 此追踪方式通常是追踪APP的操作行为。

▲Facebook像素运用说明

第四步、设定像素名称

▲设定名称与网站

第五步、选择像素安装方式

facebook像素代码安装详细步骤

 可以选择手动安装程式码或使用合作伙伴(Squarespace/Wordpres/Shopify…),但因为我们是自行架设的网站,因此我们会选择「手动安装」这个方式。

 

第六步、安装基底程式码

facebook像素代码安装详细步骤

 完成以上的步骤后,我们就可以获得FB像素程式码,也就是「Facebook Pixel Code」。

 获得code后就可以将此程式码复制到首页区段底部<head>之中,设于</head>上方,或在网站中的所有页面安装基底程式码,如果还需要设定事件的追踪,就请继续往下看。

 

FB事件程式码

 

 完成上面的步骤后,我们就可以获得一串程式码,长这样:

facebook像素代码安装详细步骤

 我们可以使用像素来追踪事件,选择要追踪的事件后,贴到程式码中,如下:

facebook像素代码安装详细步骤

 绿色那串代码就是我们要追踪的事件「加到购物车」。(参考FB预设定义事件)

 完成后就可以将这段程式码贴到网站中啦!再来就是要检查是否有安装成功,这里可以使用Chrome浏览器的扩充功能Facebook Pixel Helper」来检查状态。

facebook像素代码安装详细步骤

▲Facebook Pixel Helper

 

 如果安装成功,我们就可以透过浏览器看到这个画面:

facebook像素代码安装详细步骤

 以上的步骤都完成、也安装成功,就可以开始建立广告了!现在我们可以利用这个像素追踪广告转换、最佳化、再行销…等各种追踪行为啰!

工作室