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

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

第一部分:为网站创建和添加Google Tag Manager代码

1 创建容器账号

使用Gmail账号访问Google Tag Manager→

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

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

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

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

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

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跟踪代码粘贴到这两个文件中,保存弹出选择应用到整个网站(也就是默认选项)。

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

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

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

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

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

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

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

生效之后,返回到GTM发布容器,点击右上角的【提交】按钮

提交可以记录版本,你可以编辑每次变化的内容,进行版本管理。也可以不编辑,直接发布,发布是跳过版本说明即可。

发布之后会提示版本摘要。

第二部分:为网站创建Google Analytics 4账号和媒体资源

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

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

2 创建Google Analytics账号资源

点击左下角的【管理】

点击【创建账号】

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

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

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

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

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

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

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

点击【创建】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

保存

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

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

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

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

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

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

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

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

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

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

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

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

手动提交sitemap到Search Console

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

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

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

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

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

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

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

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

如何为WordPress外贸网站配置询盘表单转化跟踪代码?

在配置询盘转化跟踪代码之前我们先来了解一下GTM的容器是如何工作的:

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

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

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

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

下文是针对Elementor Pro制作的询盘表单进行设置的跟踪代码。

1 设置Elementor 表单的Form ID

首先我们需要为表单设置一下Form ID,进入表单编辑,为表单的Form ID添加值如下图

2 配置容器变量

完成之后返回GTM对应网站的容器中,进入变量菜单点击配置,将一些有用的内置变量都添加容器。

3 在容器中创建表单提交触发器

进入触发器菜单,创建一个触发器,填写触发器名称,并选择表单提交触发器类型。

设置表单From ID 值。

添加完成如下:

4 在容器中添加表单提交代码

进入代码菜单,添加一个新的代码,这里的代码类型选择GA4配置,这样可以在GA4中看到询盘表单的转化数据。

输入GA4中的对应媒体资源的衡量ID,并选择我们刚刚创建的form submission触发器,然后保存。

添加完成如下:

5 验证新添加的容器代码是否生效

在容器右上角点击【预览】按钮,使用标记助手进行验证,验证具体方法上文已经提到,不再具体阐述。

验证的过程中进入网站,点击开一个询盘表达,输入信息进行提交,提交之后,点击右下角【finish】按钮,返回标记助手查看结果,如下:

代码如果被fired,则代表设置成功。

设置成功之后记得返回GTM保存发布版本。

发布会提示你填写版本信息,如果不想写就跳过,发布之后可以看到容器当前的版本状态,如下:

参照以上的方法你还可以添加其它的跟踪代码,来跟踪网站的不同的数据,以便帮助你提升网站。

WordPress网站创建和添加Google数据分析代码完整指南(2022年8月最新)相关推荐

  1. 如何在WordPress网站底部中间添加备案号

    如何在WordPress网站底部中间添加备案号 为什么要添加备案号 添加备案号 为什么要添加备案号 之所以写下这篇文章,原因是之前搭了一个博客网站,备了案,但是没有在网页的底部添加备案号 然后我们的腾 ...

  2. Google Python代码风格指南

    谷歌Python代码风格指南 中文翻译 你好,我是zhenguo 这是关注我的一位粉丝翻译的Google Python代码风格指南,很全面.可以作为公司的code review 标准,也可以作为自己编 ...

  3. 广告广告:为您的WordPress网站创建广告

    广告是网站创收的主要方式之一. 也许您专门创建了一个博客,以吸引人们访问您网站的" 商店"页面,并希望给访问者额外的帮助? 也许您经营着几个网站,并想在整个投资组合中提升自己的最大 ...

  4. wordpress谷歌字体_如何在WordPress帖子编辑器中添加Google字体

    wordpress谷歌字体 Fonts are one of the most important aspects of your WordPress blog, and in case you di ...

  5. 【直播数据分析】2022年 9月 最新抖音wss 分析

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言 开始分析 1. 分析开始,找到数据解析后的入口 第一步:打开网址 第二步:打开debug工具 第三步:猜测入口 第四步 ...

  6. (2022年12月最新)SpringBoot远程代码执行whitelabel error page SpEL RCE漏洞复现

    1. 漏洞原理 spring boot 处理参数值出错,流程进入org.springframework.util.PropertyPlaceholderHelper 类中 此时 URL 中的参数值会用 ...

  7. 如何将亚马逊广告添加到您的 WordPress 网站(3 种方法)

    您想将亚马逊广告添加到您的 WordPress 网站吗? 亚马逊广告可以成为在线赚钱的好方法.此外,与其他广告网络相比,他们的审批流程更快.更简单. 在本文中,我们将逐步向您展示如何将亚马逊广告添加到 ...

  8. element 修改分页样式_如何给wordpress网站的文章列表,添加分页效果?可以通过2种方式...

    在上一章节中,我们为wordpress网站的首页添加了全站文章列表.一个wordpress网站不可能只有几篇文章,可能会有成千上万的文章,作为一个wordpress博客主题模板,一般情况下,不可能让所 ...

  9. php中引入jquery文件_WP模板开发中,怎样给wordpress网站的文章,添加点赞功能?...

    我们在网上浏览某些网站的文章时,在文章的结尾处,都会有一个点赞的按钮,如果觉得文章内容非常不错,就可以点击这个"点赞"按钮,给这篇文章进行点赞一下.在wordpress网站的模板主 ...

最新文章

  1. 普211标准三维EE零基础转CS申
  2. C++ explicit的作用
  3. React之组件小析
  4. nlp-tutorial代码注释2-1,CNN用于句子分类简介
  5. 为什么从事软件开发测试?
  6. mysql中XtraBackup备份工作机制
  7. awesomium This view has carshed!(MarkdownPad2)
  8. [解读] GuiltyGearXrd‘s Art Style : The X Factor Between 2D and 3D - GGX 3D 渲染 2D 风格
  9. 请更换备份电池 pos机_河南付临门pos机刷卡手续费
  10. ubuntu 删除opencv4_ubuntu彻底卸载opencv
  11. C# Excel 条件格式
  12. go-优雅地重启http服务之endless
  13. 在Windows 7中使用AppLocker限制对程序的访问
  14. 哪些数学特征可以用来描述一组数据
  15. 应用Python爬虫技术获取福彩历史数据
  16. Tomb.Finance的每周更新(5.9-5.15)
  17. Fabric部署文档汇总(仅供参考)
  18. c 语言 字符 r,R语言基础教程之字符串
  19. 【VUE】vue网站设计-----vue官网设计
  20. glade使用与GTK+学习初步

热门文章

  1. 连连看的程序c语言,连连看游戏源程序
  2. SpringBoot配置外部tomcat启动时发生Caused by: java.nio.charset.MalformedInputException: Input length = 1错误
  3. Python基础——第二章:Python基础语法
  4. Java工作一年半,第一次跳槽面试总结
  5. Windows10放大镜介绍和使用
  6. sqlite的缺点和限制
  7. 手工root你的手机/root的原理
  8. DataList控件与ItemTemplate的用法
  9. 【Netty专题】Netty重发机制
  10. 佛教和道教对“妖”的差异