Google Optimize安装教学- 免费又好用的A/B Test工具!

作者:码迷
作者:码迷SEO
发布时间:2020-01-11 11:20:01阅读:61点赞:11

Google Optimize安装教学- 免费又好用的A/B Test工具!/

根据awoo的经验很多客户都会遇过投下大把资金买广告但是带来的成效总是不理想,或是网站流量明明表现亮眼但是目标转换率却总是提升不了。这时候我们或许可以从网站易用性测试(usability test)来检查网站是否有设计不良的地方,判断是什么原因导致页面转换率不佳或是网站跳出率太高,而易用性测试除了可以透过访谈、问卷调查、热点图分析方式外,大家最常听到的应该就是A/B Test了。

A/B Test 是什么呢?

A/B Test 是透过让不同的用户进网站页面后看到不同的元素设计(例如:购物车颜色大小、文本的内容说明),借此来分析那一种元素设计方式较能够达成我们想让用户去完成的行为(例如:购买商品并结帐、填写询问表单)。

我们该怎么运行A/B Test 呢

A/B Test 以前通常要透过工程师从程序端做处理,但这样通常耗时且可能常常需要掏钱买饮料请工程师大大协助(Q.Q),而仿间也有许多好用的A/B Test 工具(例如:VWO、Optimizely),可是虽然功能强大但通常价格收费不菲,对于小公司小本经营的老板来说是个蛮大的负担。好消息是去年开始Google将原先只有在360付费才能使用的A/B Test工具-Google Optimize开放免费使用版本,让中小型网站主可以透过Google Optimize来帮网站做A/B Test (Ya~撒花)。

Google Optimize免费版跟付费版比较

当然免费版的功能没有像付费版那么强大,可以同时进行的实验数目也被限制住了,但对于中小型网站主来说免费版的功能也还算够用,且网站主可以先使用免费版熟悉A/B Test的运行策略及使用方针,等熟悉免费版本后,为网站带来更多的效益时就可以考虑购买功能更加强大的付费版本。

免费版付费版
适用对象中小企业更大的企业或企业有更复杂需求
A/B测试
Google Analytics 串接
针对网址基本设置
用户行为和技术目标
地理定位
技术定位(JavaScript,cookies,data layer)
Google Analytics受众群体定位
Web应用进程支持
多变量测试(MVT)多达16个组合。多达36种组合。
实验目标最多3个预先配置。最多预先配置10个,额外可用一次启动。
同时进行实验最多3个。非常过100。
管理基本管理与无限的用户。Analytics 360套件管理。
实施服务
支持和服务自助服务中心和社区论坛、。企业级服务,协助和SLA
付款方式免费。每月开具发票。

参考文档:

Google Optimize安装教学

那么我们现在开始学习怎么安装Google Optimize吧!!首先我们要先取得Google Optimize的帐户代码。

  1. 创建Google Optimize帐户

    Google Optimize工具:创建Optimize帐号

  2. 与Google Aanalytics链接

    创建帐户后会进入到这个页面,建议这时我们先点击右边的”链接资源”与Google Aanalytics链接。

    Optimize和GA链接

  3. 取得Google Optimize代码

    点击取得代码片段后,会看到如下图的步骤说明,我们先把ga(‘require’,’GTM-xxxxxxx’)这段先复制起来。

    Google Optimize安装码

  4. 取得降低页面闪烁代码

    最后再把下图代码复制下来,这段代码的用途是为了降低页面闪烁,如果没嵌入这段代码可能会造成用户先看到A设计页面再闪跳成B设计页面,这样不管用户体验或是A/B Test的效果都可能受到影响。

    降低页面闪烁代码

    注意:这段代码必须放置在Google Aanalytics追踪代码的正前方

    这时候我们需要的代码都已经到手了!!下一步就是安装到网站上去。

Google Optimize的三种安装方式

  • 非使用GTM安装的通用Google Analytics追踪代码

如果你的网站的Google Analytics是使用通用GA代码安装的话,而不是透过GTM或是gtag代码的话,建议可以使用这种方法。把之前步骤复制的代码,添加到您的Google Analytics追踪代码,修改后的代码如下所示:

PSGTM-XXXXXX跟UA-XXXXXX记得更改为自己ID

<style>.async-hide { opacity: 0 !important} </style>

<script>(function(a,s,y,n,c,h,i,d,e){s.className+=’ ‘+y;h.start=1*new Date;

h.end=i=function(){s.className=s.className.replace(RegExp(‘ ?’+y),”)};

})(window,document.documentElement,’async-hide’,’dataLayer’,4000,

{‘GTM-XXXXXX’:true});</script>

<script>

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,’script’,’https://www.google-analytics.com/analytics.js’,’ga’);

ga(‘create’, ‘UA-XXXXXXX-X’, ‘auto’);

ga(‘require’, ‘GTM-XXXXXX’);

ga(‘send’, ‘pageview’);

</script>

  • 使用gtag追踪代码安装

由于现在新建的Google Analytics追踪代码都统一更改为gtag,所以假如你的网站是新架设的或是Google Analytics最近才要安装,那么你的Google Analytics追踪代码可能会是gtag,就用下面的方式。

将原先gtag.js的

gtag(‘config’, ‘UA-XXXXXXXX’);

修改为

gtag(‘config’, ‘GA_XXXXXXXX’, { ‘optimize_id’: ‘GTM-XXXXXX’});

最后的代码会变成如下:

<!– Global Site Tag (gtag.js) – Google Analytics –>

<script async src=”https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID”></script>

<script>

function gtag(){dataLayer.push(arguments)};

gtag(‘js’, new Date());

gtag(‘config’, ‘GA_XXXXXXXX’, { ‘optimize_id’: ‘GTM-XXXXXX’});

</script>

  • 网站使用GTM

如果你网站统一都使用GTM来管理代码的话,GTM有内置的Google Optimize安装代码。

GTM安装Google Optimize

但是如果直接使用GTM安装可能造成网站性能变差,因为网站在读取页面时需要先读取GTM的代码然后再透过GTM启动Google Optiomize,所以可能会导致网站的延迟时间延长而影响用户体验,除非在无法修改网站原代码只能使用GTM的情况下才会建议这样安装。

所以如果不想使用GTM管理Google Optimize代码影响性能的话,建议改用第一种的通用GA追踪码安装,但是需要将代码中的ga(‘send’, ‘pageview’);移除,避免跟GTM安装的Google Analytics重复发送。

<script>

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,’script’,’https://www.google-analytics.com/analytics.js’,’ga’);

ga(‘create’, ‘UA-XXXXXXX-X’, ‘auto’);

ga(‘require’, ‘GTM-XXXXXX’);

ga(‘send’, ‘pageview’);

</script>

然后同样在GA追踪码的上方加入降低闪烁的代码,就可以了。

以上三种安装方式并不会影响A/B Test的实验效果,可以任意选择适合你们网站的方式安装,安装完成后就可以开始创建实验哦(呦屋~~)。

后续我们会再撰写Google Optimize实验设置哦明教学。

喜欢这篇文章的话请帮我们点个赞并订阅awoo电子报 ,持续关注后续文章哦。

本文网址:https://www.mamioo.com/seo-analytics/a2317o39e7re

本站内容均为「码迷SEO」原创整理,未经授权严禁采集转载,违者必究。
评论
相关文章
  • Google Tag Manager 教学:第一次装Google Analytics就上手

    Google Tag Manager 教学:第一次装Google Analytics就上手

    继续阅读>>

    85浏览21赞2019-12-10 11:00:02
  • GA追踪码安装教学,多做这个步骤日后不用捶心肝

    GA追踪码安装教学,多做这个步骤日后不用捶心肝

    在awoo之前的文章「GA (Google Analytics) 是什么?为什么全世界都在用? 」跟大家介绍了GA到底是什么东西,相信大家已经跃跃欲试,想要知道自己网站里的所有状况了,而你现在应该要做的第一件事就是就开始尝试在自己的网站里面安装Google Analytics!在这篇文章中将告诉大家,从如何取得代码、安装示范、检测,到回答大家在安装时常见的问题,让大家都能顺利为自己网站导入这一项强大的工具。 TL;DR 文章太长但时间不够,没关系可以跳着看 在成功创建帐户后,GA会协助你到达「追踪代码」的设置内,在这里Google会提供缺省的代码,接着只要复制这一串代码放置到你网页,紧接着的地方,就是完成追踪了。 在接下来的示范中,将会以Wordpress网站为例,介绍几种不同的安装方式。 如果你对于HTML代码依然感到苦手,可以参考这一篇文章:「写给营销人的 HTML 入门基础教学,学习 SEO 时的必备概念! 」,快速的了解HTML运作的原理。 部分经过购买的Wordpress主题也都会有字段可以填入追踪码,只要在这个字段中加入你的追踪编号就可以追踪完成。在像是weebly或是Wi继续阅读>>

    82浏览13赞2019-11-04 09:00:01
  • 了解Google Analytics 用户的帐户管理架构

    了解Google Analytics 用户的帐户管理架构

    透过本篇文章让大家了解到GA的帐户管理架构,帐户层级、资源层级、数据查看层级的不同以及如何分配用户权限继续阅读>>

    50浏览11赞2020-02-23 13:20:01
  • 为什么需要GTM这类的标记管理工具?认识标记管理解决方案

    为什么需要GTM这类的标记管理工具?认识标记管理解决方案

    每一段分析工具的『追踪码』其实就是一段标记 (Tag),而TMS就是让网站分析师可以独立部属追踪码、修改追踪码的解决方案,有了 TMS我们对于工程师的依赖会减少许多。继续阅读>>

    67浏览14赞2019-12-13 09:00:01
  • 网站分析是什么?该从何开始学起?

    网站分析是什么?该从何开始学起?

    究竟学网站分析等于学会使用 Google Analytics 吗??从单一工具去学习「分析」的全貌到底好不好?有没有更好的学习历程,可以让你更有系统的抓到分析的精髓?继续阅读>>

    38浏览8赞2020-01-05 13:00:01
  • 【Google分析:维度/指针】看懂GA报表前,不可不知道的指针与维度

    【Google分析:维度/指针】看懂GA报表前,不可不知道的指针与维度

    对于GA报表总是不能理解吗?或者是那么多维度指针到底是做什么用的。那么建议你继续阅读>>

    34浏览10赞2020-03-01 09:00:02