专注WordPress外贸建站实用教程,提供基于WordPress的外贸建站服务!
文章分类
文章标签

Google数据分析代码安装设置指南

文章导航

本文介绍WordPress网站创建和添加Google数据分析如何操作和实现。包含了Google Analytics实时数据流量(转化分析设置)和Google Search Console自然搜索流量,以及Google Tag Manager的容器设置。

关于Google数据分析简介

Google数据分析是针对Google搜索引擎的一套数据分析方案,它可以帮助你了解你的网站在Google搜索引擎中的数据表现。网站通常作为一个媒介,连接我们和用户,我们希望通过网站让用户来了解我们输出的内容,或者购买我们的产品和服务,就需要通过搜索引擎收集的数据来分析用户的行为,从而优化网站的内容,引导用户注册或者购买,以实现转化目标。

Googe已经逐渐淘汰Universal Analytics,所以本文也不涉及,取而代之的是Google Analytics 4(简称GA4),用来收集和衡量网站全部的流量数据(包含自然流量以及付费流量),同时可以帮助你从不同维度分析用户及其行为数据,两者主要区别是衡量模型,Google Analytics 4全部通过事件来衡量数据,可以将对应的参数传递给事件。GA4 同时取消了每月命中限制,但是会限制事件数量(500)。

Google Search Console (简称GSC)衡量网站的自然搜索流量和自然搜索排名情况,以及网站的收录情况。通常你安装了GA4跟踪代码之后Search Console添加网站使用GA4验证即可自动验证成功,无需再添加验证代码,但本教程会介绍如何添加代码进行验证。

Google Tag Manager(简称GTM)是Google代码跟踪管理器,它可以设置你需要跟踪的用户行为,通过GA4代码和转化连接器将数据传输到你的GA4事件列表中,跟踪代码管理器容器可以取代网站或应用中人工编写的所有其他代码,包括来自 Google Ads、Google Analytics(分析)、Floodlight 的代码以及第三方代码。

网站为什么要添加Google数据分析?

1、Google数据分析可以帮助你了解网站实时访问情况。

2、你可以通过GA4数据分析设置转化事件,分析网站的转化率,比如你是一个B2B外贸网站你可以设置询盘表单提交的事件为转化事件,来记录一次用户转化,这样你可以了解网站的转化率。

3、Google Search Console可以帮助你了解网站在Google搜索引擎中的自然搜索量和排名情况,手动提交站点地图,帮助快速收录网站内容,了解哪些页面没有被收录以及出现的问题,以便你及时处理索引问题。

4、这些强大的数据分析几乎都是免费的,不需要额外的费用。

网站创建和添加Google数据分析前你需要准备:

1)开放WordPress网站搜索引擎可见性

此操作之前需要你的WordPress网站内容已经完备并准备好上线。需要取消WordPress网站Discourage search engines from indexing this site勾选。

2)准备一个Gmail账号

要使用Google数据分析工具,你需要注册注册一个Gmail账号,如果还没有,请先注册一个Gmail账号

第一部分:Google Search Console(简称GSC)自然流量和索引数据

1)创建和验证网站资源

访问Google Search Console,并使用你的Gmail账号登录。

image 82 - Google数据分析代码安装设置指南 - NUTSWP

登录之后,点击添加资源

image 83 - Google数据分析代码安装设置指南 - NUTSWP

GSC提供2个资源类型选择:

1)网域:如果你希望这个资源里面的数据是包含所有二级域名的网站可以选择这个类型,需要通过DNS验证(通过添加一条域名解析记录来进行认证)。

2)网址前缀:如果你希望这个资源里面的数据只包含一个网站的数据,那么就选择这个类型,它支持多种方法进行验证。

简单的来说他们的区别在于网域资源的数据范围比网址前缀资源的数据范围更广泛,网域资源是包含你设置的域名下所有网站和应用的数据(也就是说二级域名的网站数据也会包含在这个资源下),而网址前缀资源则只包含当前我们设置的网址网站的数据。

通常我都是选择网址前缀,只创建单个网站的资源,所以这里我只介绍网址前缀资源的添加方法。

如果你对网域资源感兴趣,可以去看《Google Search Console网域资源添加配置教程》。

image 84 - Google数据分析代码安装设置指南 - NUTSWP

我通常用网址前缀的方式添加资源,让后通过给网站对应位置添加一段代码来进行网站所有权的验证。具体的操作过程如下:

2)提交站点地图

首先你要在网站生成一个sitemap文件,RankMath提供了生成Sitemap的功能,你可以阅读我写的RankMath指南中关于sitemap设置部分解如何设置。

设置完成之后在浏览器网站域名之后输入/sitemap_index.xml,可以访问到你网站的sitemap文件。

image 98 - Google数据分析代码安装设置指南 - NUTSWP

确认之后复制sitemap文件地址(这里不需要包含域名)

image 99 - Google数据分析代码安装设置指南 - NUTSWP

返回到GSC中,进入站点地图

image 115 - Google数据分析代码安装设置指南 - NUTSWP

输入sitemap文件地址,点击提交,提交成之后下方的已提交站点地图中会提示【成功】,如果不成功,请检查你网站的Discourage search engines from indexing this site勾选有没有取消。

说明:下图截图是已经提交过站点地图的情况,后面会提示已经发现的页面数量。

image 116 - Google数据分析代码安装设置指南 - NUTSWP

点击已发现网址数量数字后面的按钮可以了解详细页面收录情况。

image 117 - Google数据分析代码安装设置指南 - NUTSWP

接下里就只需要经常访问GSC了解网站自然流量以及收录情况。

3)关联GA4账号资源

将GSC和GA4关联,可以分析与你网站相关的自然搜索。例如,您可以查看你的网站在搜索结果中的排名、哪些查询带来了点击,以及这些点击如何转化为用户行为(例如,哪些着陆页对用户更有吸引力、有多少用户完成了转化)。

关联之后,Google Analytics(分析)4 媒体资源中会显示Search Console的查询和自然搜索浏览数据。

image 97 - Google数据分析代码安装设置指南 - NUTSWP

这一步需要先创建好GA4账号资源才可以操作,当然你也可以在GA4中进行资源关联,操作过程从那之后第二部GA4的账号资源关联操作。

进入GSC资源设置。

image 100 - Google数据分析代码安装设置指南 - NUTSWP

点击关联选项。

image 101 - Google数据分析代码安装设置指南 - NUTSWP

选择可以关联的GA4资源,并点击关联按钮。

image 102 - Google数据分析代码安装设置指南 - NUTSWP

如果你的GA4下面有多个账号资源,那么你需要选择对应的资源进行关联,一般需要选择对应网站所在的账号资源。

image 103 - Google数据分析代码安装设置指南 - NUTSWP

在弹出框中选择对应的网站的数据流。

image 104 - Google数据分析代码安装设置指南 - NUTSWP

然后确认关联即可。

image 105 - Google数据分析代码安装设置指南 - NUTSWP

关联成功之后,可以在已关联的列表中看到已经关联的服务。

image 106 - Google数据分析代码安装设置指南 - NUTSWP

4)查看网站自然流量的数据

一般情况下,网站上线GSC账号资源配置之后,你需要等待至少48小时之后能看到数据显示,GSC的数据不是实时的,通常显示的是48小时之前的数据,有时候甚至更长。

由于新网站需要慢慢的等搜索引擎索引,所有新的网站数据一般都不会很好,大概需要至少3-6个月才能看到网站的自流量大致走向,如果3-6个月的数据不理想,那么你就需要进一步对网站优化,包括输出高质量的内容,优化关键词,优化内部链接结构,添加外链等等。

第二部分:Google Analytics 4(简称GA4)基于事件的网站数据分析

第三部分:Google Tag Manager(简称GTM)自定义跟踪事件

Google Tag Manager容器设置和管理

1 为网站创建一个容器账号

使用Gmail账号访问Google Tag Manager

登录之后创建一个容器账号

说明:一个Gmail账号下可以创建多个容器账号,一个容器账号下又可以创建多个容器一个容器对应一个网站,一个容器对应一套代码触发器变量

image 120 - Google数据分析代码安装设置指南 - NUTSWP

填写账号和容器信息,如下:

image 121 - Google数据分析代码安装设置指南 - NUTSWP

创建完成自动弹出安装代码

image 123 - Google数据分析代码安装设置指南 - NUTSWP

如果不小心关闭这个窗口,可以点击管理器界面的ID号查看跟踪代码。

image 124 - Google数据分析代码安装设置指南 - NUTSWP

2 将GTM跟踪代码安装到网站

登录到你网站后台,将GTM跟踪代码按照要求安装到<head>标签和<body>标签中。

如果你使用了Elementor Pro,可以阅读了解如何使用Elementor Pro 通过Custom Code安装Google Analytics代码。

如果没有用Elementor Pro的话,可以安装Code Snippets插件安装代码,我在之前老文章的GA代码安装教程中有介绍如何使用这个插件安装Google Analytics代码,可以去查阅。

这里我们使用Elementor Pro的Costom Code来安装GTM跟踪代码,详细的操作过程请转到上面的文章链接阅读。

在网站后台Elementor的Costom Code中创建两个自定义代码,一个是位置是Head另外一个是body Start,分别将GTM跟踪代码粘贴到这两个文件中,保存弹出选择应用到整个网站(也就是默认选项)。

image 125 - Google数据分析代码安装设置指南 - NUTSWP

完成之后清除一下浏览器缓存。

3 检测GTM跟踪代码是否安装成功

返回到GTM跟踪代码管理器,进入对应的容器账号,点击右上角的【阅览】按钮,启动Google标记助手。

image 126 - Google数据分析代码安装设置指南 - NUTSWP

页面跳转之后输入你的网址,点击【connect】链接

image 127 - Google数据分析代码安装设置指南 - NUTSWP

链接之后会自动跳转到你的网站,在网址中你可以看到gtm-debug信息,让后点击【finish】按钮,会自动跳回Google标记助手

image 128 - Google数据分析代码安装设置指南 - NUTSWP

跳回到标记助手之后显示连接成功,点击【Continue】继续

image 129 - Google数据分析代码安装设置指南 - NUTSWP

可以看到自己网站的信息以及GTM容器ID,即代表代码已经安装成功并生效。

image 130 - Google数据分析代码安装设置指南 - NUTSWP

Google标签助手可以帮助你验证GTM中容器代码设置,你可以阅读文章《如何使用Google标签助手验证Google Tag Manager容器的代码?》了解更多容器代码的验证操作方法。

4 发布容器版本

每次设置更新容器配置及代码之后记得做好版本发布,填写相应的版本修改内容。

返回GTM容器,点击右上角的【提交】按钮进行发布。

image 137 - Google数据分析代码安装设置指南 - NUTSWP

提交可以记录版本,你可以编辑每次变化的内容,进行版本管理,然后点击【发布】按钮进行发布。(如果切实不想写可以跳过直接发布)

image 138 - Google数据分析代码安装设置指南 - NUTSWP

发布之后会提示填写容器版本说明,按照提示填写即可(不想填写也可以跳过)。然后点击【继续】按钮。

image 9 - Google数据分析代码安装设置指南 - NUTSWP

然后弹出一个版本摘要,记录该容器版本中的相关内容,阅读后关闭即可。

image 10 - Google数据分析代码安装设置指南 - NUTSWP

最后在容器版本中可以查看历史版本信息。

image 11 - Google数据分析代码安装设置指南 - NUTSWP

我还专门写了一篇《Google Tag Manager容器发布教程》里面有详细容器发布操作讲解。

第二部分:Google Analytics账号和媒体资源管理

1 使用你的Gmail账号登录访问Google Analytics

访问之后将会提示创建新的账号和资源,由于我已经创建过账号和资源,所以登录之后会默认进入一个最近的账号资源界面。

网站为什么要添加Google数据分析代码?

2 创建Google Analytics账号资源

点击左下角的【管理】

网站为什么要添加Google数据分析代码?

点击【创建账号】

说明:一个Gmail账号下,可以创建多个资源账号,每个资源账号下面可以创建多个媒体资源!

网站为什么要添加Google数据分析代码?

输入账号名称(账号名称可以是你公司的名字,中英文都可以,方便你自己管理和阅读),并点击【下一项】继续。

image 98 - Google数据分析代码安装设置指南 - NUTSWP

输入媒体资源名称(这里可以是你的网站域名,或者应用名称,中英文都可以,方便自己管理和阅读即可),并点击【下一步】继续。

说明:高级选项里面的的Universal Analytics媒体资源,由于Google即将停止收集数据,可以不必创建。

输入媒体资源名称(这里可以是你的网站域名,或者应用名称,中英文都可以,方便自己管理和阅读即可),并点击【下一步】继续。

选择行业类别,如果你是B2B外贸网站,选择工商业即可

企业规模根据自己企业情况选择

Google服务除了【其它】全部勾选即可

点击【创建】

image 100 - Google数据分析代码安装设置指南 - NUTSWP

再弹出框中勾选条款,并点击【我接受】按钮

image 101 - Google数据分析代码安装设置指南 - NUTSWP

选择数据收集平台【网站】

image 102 - Google数据分析代码安装设置指南 - NUTSWP

设置数据流,输入网址,填写数据流名称,并点击【创建数据流】

说明:这里的增强型衡量功能默认即可,这里GA4预设了几个衡量类型来衡量用户在网站上的行为数据。

image 103 - Google数据分析代码安装设置指南 - NUTSWP

创建之后自动弹出数据资源的详细信息,点击【查看代码说明】获取跟踪代码

image 104 - Google数据分析代码安装设置指南 - NUTSWP

点击手动添加标签,可以查看和复制跟踪代码

image 105 - Google数据分析代码安装设置指南 - NUTSWP

如果你没有安装GTM跟踪代码,那么需要手动将GA4的跟踪代码安装到网站对应的位置。这部操作你可以参照上文中GTM跟踪代码安装的教程。

如果你使用了Elementor Pro,可以参照使用Elementor Pro 通过Custom Code安装Google Analytics代码操作。

如果没有用Elementor Pro的话,可以安装Code Snippets插件安装代码,我在之前老的GA代码安装教程中有介绍如何使用这个插件安装Google Analytics代码,可以去查阅参照操作。

这里我们直接通过添加GTM容器代码来实现,你需要先获取到上文中创建的GA4媒体资源的的衡量ID。在对应媒体资源的数据流中,点击对应数据流最右边的箭头可以查看详细的信息,并在详细信息中可以获得媒体资源的衡量ID,是一个以G-开头的字符串。

image 131 - Google数据分析代码安装设置指南 - NUTSWP

3 在GTM中创建配置GA4跟踪代码

由于我们已经在网站安装了GTM跟踪代码,也就是说Google代码跟踪管理器服务器已经和我们的网站建立了连接,我们通过GTM就可以轻松配置各种跟踪代码。

返回到GTM对应的网站容器界面,进入代码菜单,新建一个代码。

image 132 - Google数据分析代码安装设置指南 - NUTSWP

输入代码名称,点击【代码配置】区域,会弹出代码类型,选择GA4配置代码类型。

image 133 - Google数据分析代码安装设置指南 - NUTSWP

输入衡量ID,其它默认即可,然后点击【触发条件】区域。

image 134 - Google数据分析代码安装设置指南 - NUTSWP

在弹出框中选择所有页面。

image 135 - Google数据分析代码安装设置指南 - NUTSWP

保存

image 136 - Google数据分析代码安装设置指南 - NUTSWP

保存之后,可以看到工作区多了一个代码,,然后点击【预览】启动标记助手进行测试,结果如下即代表GA4配置代码已经完成。

image 139 - Google数据分析代码安装设置指南 - NUTSWP

测试命中之后返回GTM保存容器,发布版本。

image 142 - Google数据分析代码安装设置指南 - NUTSWP

再返回GA4对应的媒体资源首页时可以看到实时的访问数据,如果暂时没有访问数据,你可以自己访问一下网站,然后就能够看到访问数据。

image 140 - Google数据分析代码安装设置指南 - NUTSWP

第三部分 为网站开通Google Search Console

创建Google Search Console资源

使用Gmail账号登录访问Google Search Console页面

点开资源列表,并点击【添加资源】按钮。

image 108 - Google数据分析代码安装设置指南 - NUTSWP

输入网址并点击【继续】按钮

image 109 - Google数据分析代码安装设置指南 - NUTSWP

验证所有权,如果已经安装的Google Analytics 4跟踪代码的话,可以选择Google Analytics (分析)验证,点击对应的【验证】按钮进行验证。

如果你安装了Google跟踪代码管理器(GTM)跟踪代码,也可以使用下方的代码管理验证,直接点击【验证】按钮即可。

image 110 - Google数据分析代码安装设置指南 - NUTSWP

如果两者都验证失败可以,使用HTML标记验证,将代码添加到网站对应位置并保存(记得清除缓存),返回到GSC进行验证即可。

你可以阅读《WordPress网站开通Google Search Console》了解详细的开通过程。

验证成功之后即可以前往资源页面。

image 111 - Google数据分析代码安装设置指南 - NUTSWP

如果是一个新的域名和网站,资源页面将没有任何数据,GSC数据不是实时的,你需要等待一两天之后才能看到数据。

手动提交sitemap到Search Console

首先你要在网站生成一个sitemap文件,RankMath提供了生成Sitemap的功能,你可以阅读我写的RankMath指南中关于sitemap设置部分解如何设置。

设置完成之后在浏览器网站域名之后输入/sitemap_index.xml,可以访问到你网站的sitemap文件。

image 113 - Google数据分析代码安装设置指南 - NUTSWP

确认之后复制sitemap文件地址(这里不需要包含域名)

image 114 - Google数据分析代码安装设置指南 - NUTSWP

返回到GSC中,进入站点地图

image 115 - Google数据分析代码安装设置指南 - NUTSWP

输入sitemap文件地址,点击提交,提交成之后下方的已提交站点地图中会提示【成功】,如果不成功,请检查你网站的Discourage search engines from indexing this site勾选有没有取消。

说明:下图截图是已经提交过站点地图的情况,后面会提示已经发现的页面数量。

image 116 - Google数据分析代码安装设置指南 - NUTSWP

点击已发现网址数量数字后面的按钮可以了解详细页面收录情况。

image 117 - Google数据分析代码安装设置指南 - NUTSWP

接下里就只需要经常访问GSC了解网站自然流量以及收录情况。

第四部分:如何为WordPress外贸网站配置转化跟踪代码?

Google Tag Manager的容器是如何工作的:

GTM容器主要是由变量、触发条件和代码组成。

变量可以帮你定位到数据源,比如网站上的一个页面,页面上的一个按钮,一个单词,页面的引荐来源等等,都是可以通过变量来获取。

触发器通过变量来出发一个条件,比如当点击某一个按钮的时候,就触发跟踪代码,记录下这条数据。通过变量来获取目标按钮,比如,变量设为Click text(这是一个内置变量,尽可能使用内置变量),设置触发条件当Click text等于或者包含某些文字时候,就触发代码,记录数据。

代码是通过设置好触发的代码类型(如果你是GA4数据就选择GA4配置,如果是要设置广告转化就选择Google Ads转化跟踪),再配合触发器,对数据进行跟踪和记录。

配置询盘表单跟踪转化代码

最近发现通过表单提交触发器类型来设置Form ID进行触发的跟踪代码已经失效了,如果你是通过这种方法设置的询盘表单提交跟踪代码,做Tag Assistant测试时你会发代码fired不上。你可以通过其他的方法来设置询盘表单的跟踪代码。

我写了一篇补充文章,介绍了2中方法通过GTM添加GA4事件询盘表单提交跟踪代码的方法,一种是通过表单提交成功提示信息跟踪数据,另外一种是根据表单提交跳转的thank you页面跟踪数据。

《Google Tag Manager:如何设置网站询盘表单提交跟踪代码?》

配置电话、邮箱、WhatsApp点击跟踪代码

电话、邮箱和WhatsAppGTM跟踪设置非常相似,我单独写了对应的文章详细介绍了如何进行设置。

《Google Tag Manager:如何设置网站电话点击转化跟踪代码?》

第五部分:在GA4中将GTM设置的转化跟踪事件标记为转化事件

通常在GTM中你设置好了跟踪代码并测试Fired之后,需要过一两天之后在GA里面才会看到数据。

你可以通过GA的事件列表看到在GA4中设置的事件(事件的名称就是你在GTM中设置的跟踪代码事件名称)。

比如下图中的【Products Form Submission】事件,以及【contact form submission】事件就是对应的我在GTM中创建2个表单提价的跟踪代码。

image 3 - Google数据分析代码安装设置指南 - NUTSWP

鼠标移动到对应的事件后面出现3个点的时候点击【标记为转化】,设置之后你将会在GA4【转化次数】中看到这些转化数据。

image 4 - Google数据分析代码安装设置指南 - NUTSWP

设置成转化事件之后,会为你可以在转化事件中查看转化的次数和相关数据

image 94 - Google数据分析代码安装设置指南 - NUTSWP
文章分类
文章标签

最新文章

专注WordPress外贸建站实用教程,提供基于WordPress的外贸建站服务!
文章导航
建站咨询请联系企业微信
感谢你的信任!
咨询和购买请通过微信和我联系!