如何安装谷歌优化

为什么我要安装谷歌优化?

谷歌优化减少了网站更新的猜测。优化不是根据直觉进行新的更改，而是让您测试更改，并显示站点更新背后的硬数据，将用户指向您期望的结果。

优化有一些重要的好处:

指导网站更新基于用户行为和数据的决策和更改
直接与谷歌分析集成，将您的A/B测试与您的主要网站目标联系起来
容易识别用户群和观众
升级至优化360

但是等待…有更多的。

谷歌优化与谷歌营销平台完美集成，当与谷歌广告，谷歌标签管理器和谷歌分析结合时，优化是一个非常强大的工具。与谷歌营销平台之间的关系，优化使其易于安装，实验和报告。

如果您想知道谷歌优化或谷歌优化360是否适合您的业务需求，请检查这篇文章在安装前得到一个完整的分解。

优化安装说明

使用谷歌标签管理器安装

概述

为了在谷歌优化中运行实验，谷歌优化代码必须安装在您网站的所有页面上。这只需要安装一次，然后大多数实验可以在接口中设置。虽然谷歌标签管理器中有一个预先烘焙的谷歌优化标签，但Seer建议通过使用下面的过程来减少页面加载延迟。

创建您的优化帐户

如果你还没有一个免费的谷歌优化帐户，你可以注册一个免费的或先联系为一个高级谷歌优化360帐户。

页上跟踪代码的顺序

这些代码元素应该放在页面中尽可能高的位置，以减少延迟。跟踪元素应按以下顺序放置:

用于跟踪或测试的任何dataLayer片段
Page-hiding片段
GA代码与优化，但没有浏览量
谷歌标签管理器容器片段

Page-Hiding片段

Seer建议使用页面隐藏片段，因为它可以消除或降低页面闪烁的风险。将页面隐藏片段安装在中尽可能高的位置，但要在dataLayer片段之下，并且在已经安装的谷歌标签管理器片段之上。注意，我们在这个代码片段中使用的是优化容器ID。

< !——页面隐藏片段(推荐)——>

<时尚>。Async-hide{不透明度:0 !important}

< >脚本

(函数(a, s, y, n, c, h,我,d, e){年代。类名+ = ' ' + y; h。开始= 1 *新的日期;h.end =我= function () {s.className = s.className。替换(正则表达式(' ? ' + y)”)};([n] = [n] | | []) hide = h; setTimeout(函数(){零}我();h.end =, c); h.timeout = c;})(窗口、文档。documentElement,‘async-hide’,‘dataLayer’,4000年,{“GTM-XXXXXX”:真});

> < /脚本

再次注意，“GTM-XXXXX"将是你的优化容器ID，不一个谷歌标签管理器容器ID。

捕捉1

优化容器ID可以在谷歌Optimize的“容器设置”右侧侧栏中找到，上面的红框突出显示。

带优化的GA代码

这将使用优化初始化GA，但不会触发页面视图，因为这将在谷歌标签管理器中处理。再次注意，容器ID是用于Optimize容器的。

< !-修改分析跟踪代码优化插件→

< >脚本

(函数(我,年代,o, g, r, a, m){我[' GoogleAnalyticsObject '] = r;我[r] = [r] | |函数(){(我[r]。q = [r]。q | | []) .push(参数)},我[r]。a=s.createElement(o)， m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m. parentnode . insertbefore (a,m)})(window,document，'script'，'https://www.merkalis.com/analytics.js'，'ga');

ga(“创建”、“UA-XXXXXXX-X”、“汽车”);ga(“需要”、“GTM-XXXXXX”);//在GTM中调用Pageview

> < /脚本