WordPress网站怎么安装Google Tag Manager(GTM)

   日期:2024-12-21    作者:jndnhg 移动:http://qyn41e.riyuangf.com/mobile/quote/8307.html

Google Tag Manager(以下简称GTM)是Google专门创建的代码管理工具。非常适合公司没有专门的建站程序员,但又需要经常添加代码的运营人员使用。GTM极大的简化了代码的添加,在网站上安装GTM后,即使不懂代码,经过短时间的学习也能应对日常工作中添加代码的需要。比如添加GA代码,Google Ads跟踪代码,再营销代码,Facebook Pixel,做事件跟踪等等。这

WordPress网站怎么安装Google Tag Manager(GTM)

这篇文章就来介绍wordpress网站如何在网站上安装google tag manager.

Wordress网站Google Tag Manager(以下简称GTM)有2种方法:

    下面分别介绍这两种操作方法

    一、创建Google Tag Manager账号

    1. 打开https://tagmanager.google.com/,第一次登录可直接点击空白处新建账号

    2.设置账号名称

    账号名称是给我们自己看的,写网站名称,公司名称都可以

    3. 设置容器

    输入网站域名(www.XXXXX.com),目标广告平台选择“网站”,点击“创建”

    4.接受GTM服务条款

    5.获得2段GTM代码

    这样就获得了2段代码,第一段代码需要添加到网站上所有页面的<head>部分中,第二部分需要添加到网站所有页面的<body>部分中

    接下来我们就来看一下,怎么分别把这2段代码添加到Wordpress网站上

    二、方法1:直接在网站上添加GTM代码

    1. 打开wordpress后台,打开wordpress网站后台都有一个主题编辑入口。

    我用的主题,这个入口是在“外观-主题编辑器”,也有很多主题,这个位置是在“主题-编辑”模块,这个大家在自己的wp网站后台找一下就好

    2.在主题文件里找到页眉文件(即网站header部分文件)

    接下来将上面获取的GTM的2段代码分别复制到页眉文件的<head>和<body>标记中就可以了。

    3.回到GTM页面,<head>代码右上角图标,复制代码

    4.回到wordpress网站页眉文件页面,如下图所示,将代码粘贴到<head>部分中

    5.再到GTM页面复制第二段代码

    6.回到网站后台粘贴第二段代码到<body>部分中

    然后点击更新文件

    更新完成后,GTM代码也就安装完成了。

    7.要测试是否安装成功,可以在谷歌浏览器安装google tag assistant插件

    https://chrome.google.com/webstore/detail/tag-assistant-by-google/kejbdjndbnbjgmefkgdddjlbokphdefk?hl=zh-CN

    安装插件后,打开网站,然后点击插件,如果插件如下图显示绿色Google Tag Manager,就说明我们的GTM安装成功了。

    以上方法是直接在主题代码里进行编辑的,操作时要小心,不要动到其他的代码,以免导致网站出错。

    如果担心自己直接编辑主题代码出问题,也可以用插件来安装

    三、方法2:用插件安装GTM

    有2类插件可以用来给wordpress安装GTM:

    1.专门添加GTM代码的插件

    如Google Tag Manager for WordPress

    2.协助给wordpress网站head,body等文件添加代码的插件

    直接搜索可以找到很多这样的插件

    采用第一种只能安装GTM,第二种则除了安装GTM,还可以添加其他的代码,所以我选择的是第二类插件。

    在第二类插件中选一个安装次数多,评价高且评价次数多的就可以,我用的是截图中“页眉、页脚和文章注入”插件

    a.将插件安装并启用

    b.启用后在我wp后台设置下出现了”Header and Footer”,点击这个选项进入代码设置页面

    c.将GTM的2段代码分别安装到以下对应的<head>与<body>位置

    d.点击保存就安装完成了

    e.使用谷歌浏览器插件Google Tag Assistant检测GTM代码,这个时候显示为绿色即为安装成功了。

    以上就是给wordpress网站安装GTM代码的2种方法,大家随便任意选择一种方法用即可。

    PS:文章中演示完第一种方法,将安装的代码删除后,又用插件演示的第二种方法,大家也注意只选择一种方法就可以,不要重复安装代码,以免冲突。


    特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


    举报收藏 0评论 0
    0相关评论
    相关最新动态
    推荐最新动态
    点击排行
    {
    网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号