建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

如何给wordpress网站安装Google analytics跟踪代码(WordPress优化之禁止后台加载谷歌字体)

GG网络技术分享 2025-03-18 16:13 0


如何给wordpress网站安装Google analytics跟踪代码

本文将介绍如何给网站安装googgle analytics,用于跟踪网站的用户数据。

前提条件:你已拥有google账号。

创建google analytics账号

访问https://analytics.google.com/analytics/web/,点击开始衡量按钮

按下图所示创建账号


下图中,注意查看网站网址是带有www开头的,若你在siteground建站并使用siteground的cloudflare CDN加速,那么即便在Siteground创建网站时是用的不带www的域名,但一旦开启cloudflare CDN,那么网站地址最终都会变成www开头。

账号创建完毕后,请复制图中红框的跟踪代码,我们即将安装它到wordpress网站中。

在wordpress后台安装Google analytics跟踪代码

请安装code snippets免费插件并启用,然后按下图所示新增一个snippet

add_action( 'wp_head', function () { ?>

这里粘贴google analytics的跟踪代码

<?php });

如果你已经在网站启用了wordfence插件,那么你将看到如下警示,按下图所示操作,将我们的操作加入白名单后,回到add snippet界面继续完成添加跟踪代码。

跟踪代码安装完成后,请访问一下网站,并进入Google analytics的首页查看一下是否有实时访问记录,若有,说明安装成功。

不止此种方法能够安装google analytics跟踪代码,还有诸如使用相关的GA插件、修改主题文件的方法(不建议此种方法,一但更新主题,就会丢失跟踪代码,需要重新安装)。

本着能用一个插件解决问题,就不用多个插件增加网站重量与风险的态度,本文使用code snippet插件来安装google analytics跟踪代码,因为它还能用于了禁用自动剪裁图片节约网站主机空间、禁用谷歌字体提升网站速度等功能。

WordPress优化之禁止后台加载谷歌字体

很多新手站长都会遇到WordPress后台卡顿的问题,这是什么原因呢?其实这已经不算是一个问题了,有过WordPress建站经验的站长都会知道,因为WordPress是国外的程序,后台会有一些谷歌的加载项目,例如字体之类的,

这个问题在网上有很多解决的方案,有使用WordPress插件的也有免插件用WordPress代码解决的。

今天wp自学笔记给大家分享一种免插件纯代码实现禁止后台加载谷歌字体的WordPress教程。

//后台禁止加载谷歌字体function wp_style_del_web( $src, $handle ) {if( strpos(strtolower($src),\\\'fonts.googleapis.com\\\') ){$src=\\\'\\\'; }return $src;}add_filter( \\\'style_loader_src\\\', \\\'wp_style_del_web\\\', 2, 2 );//js处理function wp_script_del_web( $src, $handle ) {$src_low = strtolower($src);if( strpos($src_low,\\\'maps.googleapis.com\\\') ){return  str_replace(\\\'maps.googleapis.com\\\',\\\'ditu.google.cn\\\',$src_low);  //google地图}if( strpos($src_low,\\\'ajax.googleapis.com\\\') ){return  str_replace(\\\'ajax.googleapis.com\\\',\\\'ajax.useso.com\\\',$src_low);  //google库用360替代}if( strpos($src_low,\\\'twitter.com\\\') || strpos($src_low,\\\'facebook.com\\\')  || strpos($src_low,\\\'youtube.com\\\') ){return \\\'\\\';        //无法访问直接去除}return $src;}add_filter( \\\'script_loader_src\\\', \\\'wp_script_del_web\\\', 2, 2 );

使用方法

将下面代码复制到主题的functions.php文件里即可。

扫码关注wpwp自学笔记

精选优质免费WordPress主题模板,分享最新WordPress实用建站教程!

记住我们的网址:ztJun.com

标签:

提交需求或反馈

Demand feedback