3.1.4 、Google Tag Manager基础知识——GTM部署

在了解完GTM账户和容器的操作界面后,对各个位置的功能和操作都有一定的了解,接下来看如何部署GTM跟踪代码。

GTM的部署比较简单,获取跟踪代码后布署到所有的页面上即可,下面演示详细的操作步骤。

1.Web端部署

1、新建一个GTM账户

访问GTM的账户账户管理界面,可以新建一个GTM账户,也可以在现有账户中新建一个GTM容器。

这里采用在现有账户中新建一个容器,单击GTM账户右侧中那三点,会出现一个下拉菜单,选择“创建容器”,如图3-5所示:

图3-5 创建容器

选择后会出现如下界面,在“容器名称”中输入网址或网站名字,“容器使用位置”中根据自己的实际情况选择类型,这里选择“网站”,如图3-6所示:

图3-6 容器设置

单击“创建”后就创建完容器。

2、获取GTM跟踪代码

单击“管理”→“安装Google跟踪代码管理器”就可以看到GTM的跟踪代码,跟踪代码有两段,如图3-7所示,一段部署在head里面,一个段部署在body里面,这样做的原因是为了更快加载到跟踪代码,提高数据的准确度。

图3-7 GTM跟踪代码

3、部署GTM跟踪代码到网站

找到网站模板页的头部,将上面的两段跟踪代码添加上去即可,这个没什么特别的难度,如果您没有服务器权限,就将代码复制保存成txt,让您们开发去加,切记不要复制代码后通过QQ等即时通信软件发送,这样会导致代码的编码改变,跟踪代码就不能使用。

4、检验GTM是否生效

按照官方部署上后,基本都是没问题的,现在需要检验GTM代码是否生效,这里需要借助一个工具Tag Asistant,如果这工具检测到有GTM的跟踪代码,就是没问题的了。

打开Chrome中输入“chrome://extensions/”后回车,然后下拉到底部单击“获取更多插件”,搜索“Tag Asistant”,可以看到如图3-8所示:

图3-8 添加 Tag Assistant

单击“ADD TO Chrome”可以在浏览器的右上角看到。访问部署的站点,然后单击里的enable后刷新一下页面,如图3-9所示,然后看是否有GTM的跟踪代码:

图3-9 验证GTM跟踪代码是否生效

如果有,表示GTM跟踪代码生效。

5、将所有硬编码代码(如 AdWords 或 DoubleClick 代码)从网站的源代码迁移到GTM中。

2.APP端部署

APP的基本与前面Web的类似,不同点在于在选择容器使用位置的时候选择对应的操作系统,如果是苹果的就选IOS,选择后的会还是有另一个选择是,是选择用Firebase还是用就GA,现在Google是默认推荐Firebase,我们在这里选择Firebase,完成后单击右上角的发布版本,然后单击“下载”,会下载到一个json格式的配置文件,这个就是GTM的SDK了,需要将这个SDK集成到APP里面。

原文地址:https://www.cnblogs.com/ichdata/p/11721234.html

时间: 2024-09-30 04:34:50

3.1.4 、Google Tag Manager基础知识——GTM部署的相关文章

3.1 .1、Google Tag Manager基础知识——GTM简介

Google Tag Manager(谷歌代码管理系统,GTM)可以帮助您快速轻松地更新网站或移动应用上的代码和代码段,例如用于流量分析和营销优化的代码和代码段.您还可以通过跟踪代码管理器的界面添加和更新 AdWords.Google Analytics.Firebase Analytics.Floodlight 和第三方代码或自定义代码,而无需修改网站代码.这样既减少了错误,也免除了配置代码时向开发求助的麻烦. 1.GTM工作原理 针对网站的跟踪代码管理器通过其容器代码运行,您需要将容器代码放

3.1.7、Google Tag Manager基础知识—— GTM Debug

GTM在配置后需要调试,看对应的代码(Tag)是否促发,数据返回正确与否,特别是有代码使用js的时候,会往网页注入代码,因为这段代码是和页面代码一样运行的,如果错误可能会导致站点崩溃. 测试分两种,一种是在线上环境,一个是demo站点 1.正式环境 主要是GTM中右上角的“预览”,页面会出现如图3-33所示的界面,简单的就是模拟过程,然后在GA的实时事件中查看对应的事件是否促发. 图3-33 GTM预览 如果没有,再检查这个页面: 首先是看左侧的,数据类型是单击.还是浏览,主动push even

3.1.3 、Google Tag Manager基础知识——GTM界面介绍

了解完GTM的账户管理结构,接下来认识一下GTM的账户和容器的操作界面. 1.GTM账户管理界面 进入GTM可以看到如图3-2所示: 图3-2 GTM账户管理界面 在这个位置可以实现GTM账号创建.修改.设置等功能,具体的各个位置的功能解析见表3-1所列: 表3-1 GTM账户管理界面功能解析 在GTM账户的右上角,单击可以对GTM账号和容器做设置 在GTM账户的右上角,单击会有一个下来菜单,会有以下选项: 2.GTM账户和容器的设置与管理 单击GTM账户右侧的设置图标,可以进入对账户和容器的设

3.1.6 、Google Tag Manager基础知识——GTM中传输数据的模型

GTM中的数据传输模型大体分为两种,一种是代码直接发送给GA,如默认跟踪代码的形式,自定义HTML的形式,通常这种形式的触发器会是All Pages:一种是代码-触发器的形式,即触发器促发了才发送给数据,通常触发器是通过用户单击(单击事件)或页面主动推送自定义事件. 根据触发器触发的类型,也可以分成两种,一种是触发器直接定位,如ga-data,元素定位法等,另一种是需要页面主动推送自定义事件的形式,如虚拟页面跟踪,增强型电子商务等. 原文地址:https://www.cnblogs.com/ic

3.1.8 、Google Tag Manager基础知识——提高效率的方法:命名规则

GTM用的越久,上面的变量.触发器和代码的数量就越来越多,有时候会多到让您吃惊的地步,看了我管理的一个站点的容器变量.触发器和代码量,居然接近1000个了,仔细翻看,有不少都是两三年前的,已经是废弃的了.下面介绍一种在实践中摸索出来的命名规则,如图3-35所示: 图3-35命名规则 变量:开头字母大写.触发器:直接按照顺序,Tag1命名,因为每一个代码一定会需要一个触发器的,这样能跟代码匹配,容易定位.代码:“Tag1-事件名称”的方式,Tag1是为了跟触发器匹配,事件名称表明这个代码的作用,跟

Configuration Manager 基础知识

System Center 2012 Configuration Manager 是 Microsoft System Center 管理解决方案套件的成员,可通过减少手动任务并使你集中处理高价值项目.最大程度地利用硬件和软件投资来提高 IT 效率和生产力,并通过在正确的时间提供正确的软件来提升最终用户生产力.Configuration Manager 可实现安全且可缩放的软件部署.符合性设置管理以及全面的服务器.台式计算机.便携式计算机和移动设备资产管理,从而帮助你提供更高效的 IT 服务.

3.2.4 、Google Tag Manager实战指南——跨站跟踪

在实际的过程中,有时候多个站点需要看成一个站点来评估网站的流量情况,比如同一产品对不同地域使用不同域名,或壳站和主站之间,这就需要对网站做跨域跟踪. 实现原理:每个站点对应一个GTM容器,每个站点在GTM都做同样配置,将不同站点的数据向同一个GA的媒体资源发送,代码中的allowLinker和CookieDomain是解决不同站点同一用户的识别问题,用户在跨站的时候将用户唯一标示clientid传递到另一个站点共用,从而解决跨站用户唯一性的问题,具体的配置图解如图3-44,图3-45所示: 图3

3.2.8 、Google Tag Manager实战指南——虚拟页面跟踪单页应用

1.什么是单页应用? 单页应用就是指浏览器访问站点的时候,使用期间不会重新加载页面,给用户的看到的是所有URL就是一样的,有体验原生APP的感觉,这是一种从Web服务器加载的富客户端. 2.单页应用的优点: 一次开发,多端兼容,大大减少了开发的工作量. 减轻服务器压力,只提供数据. 前后端分离,各司其职,这个应该不算是特有的优点. 虽然单页应用还是有部分缺点,但是优点大于缺点,所以深受开发者的喜爱,单页应用在移动端上盛行.由于单页应用使用过程中不会重新加载页面,给采用页面加标签技术的跟踪方案带来

3.2.10、Google Tag Manager实战指南—— 获取用户IP

众所周知,GA里面是没有提供IP这个字段的,而且也明文规定不准上传能够识别用户的信息.但是很多用户,特别是大陆地区的用户在习惯了百度统计提供IP用于用户计数,也希望GA能够获取的到用户IP,实际上是可以实现的,但是不要明文上传IP,做些装饰,还是可以实施的.获取IP还有一个实用的作用就是可以用于垃圾流量的分析,如某个IP的访问很多,跳出率很高,那这个基本就可以判定是刷量. 原理:用js去通过第三方API查询获取得到用户的IP的信息,然后将IP加密写入Cookie,再通过GTM读取第一方Cooki