闲丫头

您现在的位置是:首页 > 网络教程 > Adwords-Ads

Adwords-Ads

Google Analytics 教程教学– Google Tag Manager 安装GA 追踪码|外贸网站营销

闲丫头 2019-12-14 Adwords-Ads
Google Tag Manager 安装GA 追踪码相对于使用WordPress 主题编辑器或外挂导入的方式而言更为稳定,Google 代码管理工具可以整合许多与网站相关的追踪ID ,以外部导入的方式让追踪程式码在网站中可以正确运作,让所有连动程式可以获得统一管理,也能避免掉编辑程式码导致网站问题的风险。

Google Analytics 教学– Google Tag Manager 安装GA 追踪码内容纲要:

1. Google Tag Manager 帐户申请流程

2. Google Tag Manager 设定GA 追踪码

Google Tag Manager 安装GA 追踪码相对于使用WordPress 主题编辑器或外挂导入的方式而言更为稳定,Google 代码管理工具可以整合许多与网站相关的追踪ID ,以外部导入的方式让追踪程式码在网站中可以正确运作,让所有连动程式可以获得统一管理,也能避免掉编辑程式码导致网站问题的风险。

本篇教学将说明如何申请Google Tag Manager 帐户并与网站串接的方法,在第二小节也会将加入GA 追踪ID 的操作步骤做完整的图文解释,增加代码的方式不只适用于Google Analytics ,像是hotjar 这一类的网站分析工具,同样也可以使用Google 代码管理工具导入。

Google Tag Manager安装指南: https://developers.google.com/tag-manager/quickstart

Google Tag Manager注册网址: https://marketingplatform.google.com/about/tag-manager/?hl=zh_TW

Google代码管理工具加入GA追踪码说明文件: https://support.google.com/tagmanager/answer

• Google 代码管理工具帐户申请步骤

第一步:进入Google Tag Manager点选Start for free按纽,以Google帐户登入后就可以进入操作介面。

第二步:在代码管理工具中点选建立帐户。

第三步:下图标示的位置分别填入帐户名称(网站名称)、国家地区,容器设定请输入网站网址,使用位置记得选择网路,接者点选建立。

标示的位置打勾即可完成帐户建立。

第四步: Google代码管理工具同样需要加入网站串接程式码,与直接加入GA追踪程式码不同的是只需要输入一次Google代码管理工具,其它的网站连动程式之后都可以在Google代码管理工具上直接做串接,非常方便。

第五步:加入的方式同样是是在HTML标签</head>上方与<body>下方空白区域分别加入Google代码管理工具提供的程式码。

第六步:下图是<body>大致上放的位置,如果在header.php中找不到<body>,那么可以在footer.php中寻找,每一个网站安装的主题架构都不相同,因此笔者无法一一列出,加入后记得点选更新档案。

 

• 在Google 代码管理工具中设定GA 追踪程式码

第一步:建立完成后会进到如下图的画面,点选新增代码。

第二步:在Google代码管理工具中每一组设定都可以视为一个容器,因此在代码设定时必须为容器取名称,如下图左上角笔者直接输入GA追踪码做为容器名称,在日后也较方便统一管理,接者点选代码设定,在代码类型中选择第一个GA分析。

第三步:在GA分析的栏位中设定变数,接者在追踪编号的栏位中输入GA追踪ID。

第四步:接者点选触发条件,因为GA追踪码是针对整个网站做分析,因此在条件上请选择All Page (全部页面),如图二所示。

第五步:下图是完成设定后的画面,点选右上角的储存。

第六步: Google Tag Manager容器设定完成后必须要提交才会生效,在点选提交按钮后,输入此次变更的内容文字,作为不同版本的提示,接者点选发布,如下图所示。

第七步:完成后在进入下图的画面,则表示发布完成。

结语:

以Google 代码管理工具导入GA 追踪码操作方式其实并不复杂,除了串接GA 之外,也可以将schema.org 结构化资料的标记内容加入到网站中执行,相关的教学之后如果有机会写到Google 代码管理工具的介绍,会再详细说明。

文章评论