专栏首页GA小站3.1.4 、Google Tag Manager基础知识——GTM部署

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里面。

本文分享自微信公众号 - GA小站(ichdata),作者:Haran

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-10-25

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

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

    Google Tag Manager(谷歌代码管理系统,GTM)可以帮助您快速轻松地更新网站或移动应用上的代码和代码段,例如用于流量分析和营销优化的代码和代码段...

    GA小站
  • 3.2.7 、Google Tag Manager实战指南——六种事件跟踪方法

    不少刚接触GA的人可能不知道怎么用GA做事件跟踪,不同的方法经常混淆,导致无从下手,或是不知道什么情况用哪种跟踪方法,下面是根据自己多年实际经验总结的几种方法,...

    GA小站
  • 3.1.7、Google Tag Manager基础知识—— GTM Debug

    GTM在配置后需要调试,看对应的代码(Tag)是否促发,数据返回正确与否,特别是有代码使用js的时候,会往网页注入代码,因为这段代码是和页面代码一样运行的,如果...

    GA小站
  • 3.1 .1、Google Tag Manager基础知识——GTM简介

    Google Tag Manager(谷歌代码管理系统,GTM)可以帮助您快速轻松地更新网站或移动应用上的代码和代码段,例如用于流量分析和营销优化的代码和代码段...

    GA小站
  • 《RUN!MOUSE!》Scratch声控游戏案例

    昨天晚上突然想到如果用声音控制一款游戏会是什么感觉。虽然手机APP已经有了声音控制火柴人跳高的先例,但想想通过积木编程Scratch实现更加丰富的效果也是一件让...

    一石匠人
  • 简书上实现代码块的几种方式

    简书目前还没有插入代码块的选项,对it这一行的我们来说,为了给大家分享技术,代码片呈现的方式或多或少很有必要啦~~,下面,总结一下我知道的几种Markdown模...

    wblearn
  • FastTree:速度最快的最大似然法进化树构建软件

    FastTree 是基于最大似然法构建进化树的软件,它最大的特点就是运行速度快,支持几百万条序列的建树任务。官方的说法是,对于大的比对数据集,FastTree ...

    生信修炼手册
  • SIGIR2020|图灵奖得主Hinton主题演讲:无监督对比学习将是神经网络的未来

    第二种方法,是Becker和Hinton在1992年提出的,通过训练一个深层神经网络的两个副本,以相同图像的两种不同剪裁作为输入,产生具有高度互信息的输出向量。...

    新智元
  • 边玩边入门深度学习,我们帮你找了10个简易应用demo

    大数据文摘
  • Android和IOS的TLS问题

    这个问题起源于以前给客户端写的一个log模块,然后里面为了线程安全且多线程下不互相写乱,并且因为这些系统基本都用比较高版本的编译器,都支持C++11了,所以就用...

    owent

扫码关注云+社区

领取腾讯云代金券