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

WordPress网站创建和添加Google数据分析完整指南(2023年更新)

文章导航

本文介绍WordPress网站创建和添加Google数据分析如何操作和实现。包含了Google Analytics实时数据流量(转化分析设置)和Google Search Console自然搜索流量。本教程从安装Google Tag Manager开始,因为Google Tag Manager跟踪代码安装之后,可以用于Google AnalyticsGoogle Search Console的资源验证。

关于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(Google代码跟踪管理器,简称GTM),通过GTM你只需要安装两段跟踪代码到网站,实现网站和GTM的通信,之后可以在GTM中设置不同跟踪代码,创建在特定事件发生时触发代码的触发器,并创建可用于简化和自动处理代码配置的变量。这些跟踪代码可以帮助你在GA4中衡量数据。

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

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

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

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

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

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

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

image 93 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

创建Google Analytics流量分析代码需要你拥有一个Gmail账号,如果还没有,请先注册一个Gmail账号

第一部分:Google Tag Manager容器设置和管理

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

使用Gmail账号访问Google Tag Manager

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

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

image 120 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 121 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 123 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 124 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - 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 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

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

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

image 126 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 127 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 128 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 129 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 130 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

4 发布容器版本

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

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

image 137 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 138 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 9 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 10 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 11 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

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

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

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

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

2 创建Google Analytics账号资源

点击左下角的【管理】

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

点击【创建账号】

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

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

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

image 98 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

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

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

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

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

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

点击【创建】

image 100 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 101 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 102 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

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

image 103 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 104 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 105 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - 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 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

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

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

image 132 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 133 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 134 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 135 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

保存

image 136 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 139 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 142 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 140 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

创建Google Search Console资源

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

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

image 108 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 109 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

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

image 110 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

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

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

image 111 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

手动提交sitemap到Search Console

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

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

image 113 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 114 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 115 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

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

image 116 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 117 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - 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 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 4 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP

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

image 94 - WordPress网站创建和添加Google数据分析完整指南(2023年更新) - NUTSWP
文章分类
文章标签

最新文章

文章导航

搜索你想找的内容

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