5步操作将谷歌跟踪代码管理器添加到你的网站

MAY的SEO博客
MAY的SEO博客
MAY的SEO博客
614
文章
770
评论
2018年8月14日09:53:51 2 17,430

谷歌跟踪代码管理器(Google Tag Manager),可以理解为是一个跟踪代码的管理系统。目前有很多公司的企业网站都是请建站公司搭建的,运营中需要添加一些代码,方便跟踪SEO效果。如果老找建站公司一次一次添加代码,会特别麻烦;但如果请建站公司一次为网站配置好谷歌跟踪代码管理器后,接下来我们就可以自己通过跟踪代码管理器来添加其他的跟踪代码,比如谷歌分析, 谷歌广告, 谷歌广告联盟等。

GTM思维导图

Step 1. 创建账号

打开https://tagmanager.google.com,用你的gmail邮箱进行登录,创建账号:

GTM创建账号

Step 2. 添加新账号及设置容器

GTM添加账号

GTM设置容器

Step 3. 安装谷歌跟踪代码管理器

GTM跟踪代码

下面以我的WordPress程序搭建的网站为例,推荐以下两种方法。

方法一. 在WordPress找到header.php

WordPress - 外观 - 编辑 - 主题页眉header.php

1. 将上面的一段代码复制,然后按照要求粘贴到页面<head>标签的后面;

GTM代码添加到head标签后

2. 将下面的一段代码复制,然后按照要求粘贴到<body>标签的后面;

GTM代码添加到body标签后

注意:更换WordPress主题后,还请按照上面的步骤重新添加到新主题哦。

方法二. 利用WordPress插件

1. DuracellTomi's Google Tag Manager for WordPress

现在安装 - 启用 - 设置 - 复制Google Tag Manager ID到此插件中

DuracellTomi's Google Tag Manager 插件

DuracellTomi's Google Tag Manager for WordPress

Container code placement如何来选择?

a. 勾选Footer of the page,将Google Tag Manager跟踪代码添加到页脚,不需要自己再手动添加代码。May有实验过,这个也是有效的。但Google不推荐这种做法。

b. 勾选Custom,需要手动添加一行代码,复制这个插件提供的一行代码,手动将这行简化了的代码添加到<body>标签后面。

c. Codeless inject,不需要手动再添加代码,目前还在测试放在正确位置的阶段,但是有可能会破坏你的网站。

d. Off,不勾选。

2. Metronet Tag Manager插件

现在安装 - 启用 - 设置 - 复制Google Tag Manager跟踪代码到此插件中:

Metronet Tag Manager插件

Metronet Tag Manager添加GTM代码

直接将GTM代码直接复制粘贴过来即可。

Step 4. 提交,将容器发布

(别忘记这个步骤哦)GTM容器提交GTM版本

Step 5. 验证

最后别忘了验证是否成功将谷歌跟踪代码添加到网站中,这里推荐一个Chrome浏览器的插件:Tag Assistant(by Google)

Chrome浏览器 - 应用 - 应用商城 - 搜索Tag Assistant(by Google) - Add to Chrome

Tag Assistant(by Google)

用Chrome浏览器打开你的网站 - 点击Chrome浏览器右上角的Tag Assistant标识,就会出现:

GTM验证是否成功

看到你的谷歌跟踪代码管理器了吗?如果有看到,请查看右边图标:

1. 绿色的笑脸:说明代码有效;

2. 蓝色:说明存在一些问题,例如:代码位置放置在了非标准部分;

3. 红色:说明安装错误。

是不是很简单呢?如果你有什么问题,欢迎在下方留言哦。

 

 

  • 我的微信
  • 扫一扫微信,添加好友
  • weinxin
  • 我的微信公众号
  • 关注公众号,了解最新动态
  • weinxin
MAY的SEO博客
  • 本文由 发表于 2018年8月14日09:53:51
  • 转载请务必保留本文链接:https://may90.com/seo/google/addgtm.html
Google提供的6款免费的谷歌SEO工具 谷歌SEO优化

Google提供的6款免费的谷歌SEO工具

Google创建了许多免费工具,这些工具对于谷歌SEO优化极为有用。这些工具可以为您提供许多帮助,例如与Googlebot交流有关您的网站、分析流量以及提高您网站速度与用户体验等。下面为大家分享Goo...
Google跟踪代码管理器入门指南 谷歌SEO优化

Google跟踪代码管理器入门指南

对于任何网站管理员或网站所有者而言,Google跟踪代码管理器都是至关重要的工具。该系统在管理任何网站的标签中起着至关重要的作用。对于我们这些不是专业编码人员来说,它可以使代码管理快速、高效且更容易理...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:2   其中:访客  2   博主  0
    • Anny Anny 0

      怎么在zencart上面安装?

      • kredoll kredoll 0

        WordPress自己研究怎麼去安裝,弄了很久都不會。很高興可以找到這篇文章,謝謝。