提供基于WordPress外贸建站·技术支持·SEO咨询服务!
文章分类
文章标签

如何使用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
0 0 投票数
文章评分
订阅评论
提醒
guest
0 评论
内联反馈
查看所有评论
文章分类
文章标签
0
希望看到您的想法,请您发表评论x
文章导航

搜索你想找的内容

建站咨询请联系企业微信
感谢你的信任!
咨询和购买请通过微信和我联系!