专注WordPress外贸建站实用教程,提供基于WordPress的外贸建站服务!
Cloudways主机美国独立周限时折扣,新用户注册前三个月35%优惠,截止到7月31日
小时
分钟
新手入门学习建站主机推荐
非常适合外贸新手入门的一款共享主机,非常简洁的管理面板,第一年费低至300元!
文章分类
文章标签
WP外贸建站群二维码
外贸建站交流群
广告勿扰

如何使用Elementor Costom Code添加Google跟踪代码?

文章导航

本文介绍如何使用Elementor Costom Code添加Google跟踪代码,你可以参照添加其它跟踪代码,如果你使用了Elementor Pro无需再安装其它插件就可以实现。

如何为网站开启和获得Google Search Console代码→

如何为网站开启和获得Google Analysis代码→

获取相应的代码之后,根据代码安装要求,我们讲代码插入到网站的Header标签中。

我们以GA跟踪代码为例:

假设你已经获得一段GA跟踪代码如下

image 88 - 如何使用Elementor Costom Code添加Google跟踪代码? - NUTSWP

复制该段代码之后,我们回到网站后台,进入Elementor菜单下的Costom Code菜单。

使用Elementor Costom Code

有两个入口可以创建自定义代码,点击任意一个即可

使用Elementor Costom Code

1、添加自定义代码标题,用作记录添加的代码内容

2、选择位置,根据代码安装要求选择,有三个选择<head>(head标签内部添加代码)、<body>-Start(在body标签内最靠近<body>的地方添加代码)、</body>-End(在body标签内</body>上方添加代码)

3、粘贴需要添加的代码内容

4、发布该自定一代码

image 91 - 如何使用Elementor Costom Code添加Google跟踪代码? - NUTSWP

5、选择代码生效的范围,一般选择整站,如果有需要排不跟踪的页面,也可以设置排除选项

6、保存并关闭。

image 92 - 如何使用Elementor Costom Code添加Google跟踪代码? - NUTSWP

添加代码之后,如果有缓存插件清理一下缓存。

让后检查一下代码是否安装成功。

通常GA中有数据,即代表验证成功,你可以使用Google Search Console进行GA4跟踪代码验证。

手动验证结果如下:

通过浏览器的inspect在head标签中找到对应跟踪代码脚本即可。

image 94 - 如何使用Elementor Costom Code添加Google跟踪代码? - NUTSWP
新手入门学习建站主机推荐
非常适合外贸新手入门的一款共享主机,非常简洁的管理面板,第一年费低至300元!
文章分类
文章标签
WP外贸建站群二维码
外贸建站交流群
广告勿扰
想快速搭建一个完全属于自己的外贸独立站?
本站提供专业的外贸建站服务,如果你不想自己花时间精力搭建网站,可以将你的需求告诉我,我来帮助你搭建一个专业外贸独立站!
专注WordPress外贸建站实用教程,提供基于WordPress的外贸建站服务!
企业微信
Whatsapp
文章导航
文章分类
文章标签
建站咨询请联系企业微信
感谢你的信任!
咨询和购买请通过微信和我联系!