首页 > 其他分享 >Wordpress:如何放置谷歌GTM代码?

Wordpress:如何放置谷歌GTM代码?

时间:2023-08-09 15:33:48浏览次数:40  
标签:noscript 插件 代码 谷歌 GTM Wordpress 安装 Elementor

使用Wordpress建站需要应用谷歌的GTM代码进行监测用户行为,那么如何安装GTM代码呢?分为两种,

一.使用插件进行安装

二.直接编辑代码 Header模块进行安装。

先看看谷歌GTM的安装要求:

注意:

1.script部分需要安装在 head标签之内;

2.noscript部分需要安装在body开始标签之后。

 

方法一:插件安装直接使用Elementor等插件就可以了,现以Elementor为例说明:

1.选择Elementor,点击custom code选项,Add new;

 

2.输入HeadCustomCode标记为头部自定义代码,选择Location为head,复制并粘贴代码至代码区,Publish即可;

 3.选择 include >>> Entire Site;

4.刷新页面,按F12,检查代码,Ctr+F,在搜索框输入 GTM代码id,搜到head之内有该代码即可。

 5.同理,noscript也这样安装,新建BodyCustomCode,按照上述填入noscript代码,Publish,并选择全站即可。

 

 

 

 

 方法二:如果熟悉代码并且没有Elementor权限(Elementor有时候需要收费才能使用某些功能),那么就可以直接在代码中添加,

1.确保有主题编辑器 Theme Editor(如果没有,建议去插件搜索并安装即可);点击Theme Editor,选择header.php模块,

 

 

 

 

2.分别在head结束标签 </head>之前粘贴GTM的script代码,并在body开始标签之后插入 noscript代码,点击updata File,提示 File Saved Successfully即表示修改成功,

 3.按照方法一,打开页面,按F12或者鼠标右键 检查,查看代码,Ctr+f搜索GTM关键ID即可。

标签:noscript,插件,代码,谷歌,GTM,Wordpress,安装,Elementor
From: https://www.cnblogs.com/chig/p/17616946.html

相关文章

  • 程绩_谈谈谷歌seo的技巧
    当谈到谷歌SEO(搜索引擎优化)时,有一些技巧可以帮助你提高网站在谷歌搜索结果中的排名。以下是一些值得注意的技巧:1.优质内容:为了在谷歌排名中取得成功,关键是提供高质量、有价值的内容。确保你的网站内容与用户的需求相匹配,并且能够解决他们的问题。2.关键词研究:通过进行关键词研......
  • Vue接入谷歌广告(Google Adsense)
    1.注册账户首先你要拥有一个google账号,点击注册谷歌账号,点击个人账号根据提示一步一步来即可注册成功。(当然你需要魔法才可以正常访问谷歌服务)2.补充账户信息,申请广告授权点击进入GoogleAdsense后台,在左侧导航栏“首页”进行个人信息完善,你必须完善好个人信息之后才可以进行......
  • Wordpress:安装谷歌GTM代码出现页面崩溃乱码的原因
    独立站做好之后,需要安装谷歌GTM代码利于数据追踪。但是按照要求装上后,出现了页面乱码。查看代码,发现代码写在body标签之内了, 进入网站后台,使用主题编辑器查看发现低47行尾标有两个>;将GTM代码移出放在>>之后,保存文件刷新即可。 修改后:   ......
  • wordpress 插件 woocommerce对billing address和account details界面进行修改
    wordpress插件woocommerce高级使用对界面结构进行修改:参考HowToEditFiles只修改部分fieldbillingaddressadd_filter('woocommerce_billing_fields',function($billing_fields){unset($billing_fields['billing_email']);return$billing_fields;},10......
  • 谷歌Linux内核自动测试平台架构介绍-用自动测试测试难以测试的问题
    1摘要内核和硬件等低级系统已被证明极难进行有效测试,因此,许多内核测试都是以手动为主方式进行的。现有的大多数测试框架都是为测试与底层平台隔离的高级软件而设计的,而底层平台被假定是稳定可靠的。测试底层平台本身需要一套全新的假设,这些假设必须从根本上反映在框架的设计中。......
  • Wordpress:如何修改Astra主题的(navigation)翻页模块?
    使用Astra搭建日文网站的时候,因为默认是英文,有些模块需要改成日文;比如分页器(navigation) 具体步骤如下:1.进入后台点击Appearance->Themefileeditor-> inc/core/class-theme-strings.php  2.将所有的需要修改的文本修改成日文; 3.修改成功后,提示Fileeditedsuc......
  • [Microsoft Azure] 使用 Microsoft Azure VM 快速创建宝塔面板并安装 WordPress 博客
     视频演示:[MicrosoftAzure]使用MicrosoftAzureVM快速创建宝塔面板并安装WordPress博客-Bilibili概述:创建AzureVM配置AzureVM安装宝塔面板安装WordPress步骤1:创建AzureVM首先,登录到MicrosoftAzure门户(https://portal.azure.com/)并使用您的Micros......
  • 谷歌云 | 电子商务 | 如何更好地管理客户身份以支持最佳的用户体验
    【本文由CloudAce整理发布。CloudAce是谷歌云全球战略合作伙伴,拥有300多名工程师,也是谷歌最高级别合作伙伴,多次获得GoogleCloud合作伙伴奖。作为谷歌托管服务商,我们提供谷歌云、谷歌地图、谷歌办公套件、谷歌云认证培训服务。】零售商经常问自己的一个基本问题是他们对客户......
  • allure open 默认用谷歌浏览器打开
    pythonallure将生成报告和打开报告写到命令文件,并默认使用谷歌打开bat文件内容pytesttest_login.py--alluredir=./allure-results&&alluregenerate./allure-results-o./allure-report--clean&&allureopen pytesttest_login.py--alluredir=./allure-results ......
  • python coding style guide 的快速落地实践——业内python 编码风格就pep8和谷歌可以
    pythoncodingstyleguide的快速落地实践机器和人各有所长,如codingstyle检查这种可自动化的工作理应交给机器去完成,故发此文帮助你在几分钟内实现codingstyle的自动检查。1.有哪些著名的PythonCodingStyleGuidePEP8https://www.python.org/dev/peps/pep-0008/发明Python语言......