如何使用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

推荐阅读

如何使用Elementor编辑产品的描述内容?

通常Woocommerce的产品描述编辑是使用默认编辑器编辑,默认编辑器的排版布局都非常受限制,如果你想要使用Elementor编辑产品的描述内容,可以按照如下方法操作。 第一步:设置Elemento

Elementor响应式设置详解(附视频)

本文介绍Elementor响应式如何设置,Elementor Page Buider 是一款响应式页面编辑器。能够帮助你快速适配不同的终端展示效果。 高清视频请转到B站观看→ Elementor响应式

如何使用Elementor制作悬浮按钮?

本文介绍如何使用Elementor来制作悬浮按钮。通常我们会在网站侧边添加一些悬浮按钮,放置一些促进转化的联系信息,例如:邮箱、询盘表单等内容。话可以 为了方便管理和维护,通常我会将悬浮按钮制作在Fo

文章分类
WP建站技术交流群
建站咨询请联系企业微信
建站咨询购买主题插件模板
目录
站长自用主机推荐
优惠码:NUTSWP2023
前三个月享85折优惠
注册无需身份验证
点击下方LOGO注册【无需绑卡】免费试用3天
外贸建站服务
提供外贸建服务:模板建站、定制建站、小语种建站,通过微信联系咨询
建站咨询请联系企业微信