转载

在网站上部署 Open Web Analytics

注册使用 IBM Bluemix ™

这个云平台提供了许多免费的服务、运行时和基础架构，可以帮助您快速构建和部署下一个移动或 Web 应用程序。

Web 分析软件是一种强大的工具，它使企业能够收集洞察出来的网站流量信息，并使用这些信息做出定向的营销活动和关键的业务决策。Open Web Analytics (OWA) 是一个领先的开源 Web 分析程序。

“ OWA 允许网站所有者以图表、曲线图和其他图形显示形式来查看详细的站点访问者报告。 ”

本文提供了将 OWA 部署在 IBM® Bluemix™ 中的分步操作说明，这样 Bluemix Web 应用程序以及托管在 Bluemix 外部的 Web 应用程序就可以创建可自定义的报告，这些报告包含网站流量统计数据、购物车更新、转换为购买的页面查看，以及其他一些有用的度量指标。

OWA 可以利用 PHP 构件包，以 Bluemix 应用程序的形式推送内容。在 Bluemix 上安装 OWA 期间，会在 Bluemix 上创建一个 MySQL 服务实例。这会将特定于站点的数据存储在 OWA 创建的表中。然后会在 Bluemix 中创建一个网站，在该网站中嵌入 JavaScript 代码，以便允许 OWA 跟踪网站访问者。OWA 允许网站所有者以图表、曲线图和其他图形显示形式来查看详细的站点访问者报告。

构建您的应用程序需要做的准备工作

一个 Bluemix 帐户
网页编程的基本知识

第 1 步. 将 OWA 部署在 IBM Bluemix 中

下载 Open Web Analytics 。
将下载文件解压到一个文件夹（例如 c:/OWA）中后，使用以下内容创建一个 manifest.yml 文件。在默认情况下，Cloud Foundry cf 命令行工具命令 cf push 将会在当前工作目录中查找 manifest.yml 文件。manifest.yml 文件可以传播应用程序的详细信息，比如名称、要分配多少内存、要创建多少个实例，以及要使用哪个构件包。
```
applications: #use your own application name here - name: owa    memory: 256M    instances: 1   buildpack: https://github.com/joshisa/cf-php-build-pack.git
```
要将 OWA 部署到 IBM Bluemix，需要使用 cf push 命令，这需要通过 cf 登录到 IBM Bluemix。如果您是 IBM 员工，那么可以输入命令 cf login -a api.stage1.ng.bluemix.net 。如果您不是 IBM 员工，那么可以使用 cf login -a api.ng.bluemix.net 。
导航到 OWA 目录，使用 cf push owa 命令将 OWA 目录的内容推送到 IBM Bluemix 上。请注意，从 OWA 目录内推送应用程序很重要，这样可以避免推送父目录中包含的所有文件。
登录到 IBM Bluemix 并确认应用程序 owa 已成功部署并正在运行。

第 2 步. 创建一个 MySQL 数据库服务并将它绑定到 OWA

OWA 使用 MySQL 数据库存储网站相关数据。在 IBM Bluemix 中，转到 CATALOG 选项卡，其中显示了所有可用的样板文件、运行时和服务。在 Data Management 下，选择 mysql 数据库服务。（如果未在 Data Management 下看到 mysql 图标，可以单击页面右上角的 Experimental 复选框进行查看。）
输入详细信息，比如将使用此服务的应用程序的名称 (owa) 和此服务实例的名称 (owa-mysql)，然后单击 CREATE 。
创建该服务并将它绑定到 owa 应用程序后，重新启动该应用程序。
返回到 IBM Bluemix 仪表板，确认应用程序和服务都在正常运行。

第 3 步. 检索数据库凭据并配置 OWA

单击仪表板中的 owa-mysql 服务，这会调出以下屏幕。单击 Show Credentials 查看 VCAP_SERVICES 环境变量，其中包含连接到这个数据库服务所需的所有细节，比如服务实例的名称、主机、端口、用户名、密码和连接 URL。
检索连接到 owa Web 应用程序所需的 URL（下图中的 owa.stage1.mybluemix.net ）。
转到 owa Web 应用程序的 URL，这会调出 OWA 安装程序。单击 Let's Get Started 转到 Configuration Settings 页面。
在 Configuration Settings 页面上的 Database 下，填入您从上面的 “显示凭据” 步骤检索的所有信息。单击 Continue 。
在下一个页面上，输入您想要跟踪的网站的 URL（在本例中为 owa-webapp.stage1.mybluemix.net ）。单击 Continue 。
这会调出完成页面，您可以在其中获得用来登录 owa 应用程序的 User Name 和 Password 。

第 4 步. 跟踪您的站点

在 OWA 完成页面（参见上文）中，单击 Login and generate a site tracker! 。在以下页面中，输入上一节中的第 6 步中提供的 User Name 和 Password ( admin, password )。
Tracking Tag 被显示为 JavaScript 和 PHP 格式，您可以选择任一种格式将它嵌入到网站中。

将提供的 JavaScript 代码段（如上所示）复制到要跟踪的网页的 <body> </body> 元素中。下面给出了一个简单网页的示例，其中突出显示了跟踪标签代码。

点击查看代码清单

关闭 [x]

<html> <head> <title>Product catalog</title> </head> <body> <?php echo '<p> Product1 </p>'; echo '<p> Product2 </p>'; ?> <!-- Start Open Web Analytics Tracker --><script type="text/javascript">//<![CDATA[var owa_baseUrl = 'http://owa.stage1.mybluemix.net/';var owa_cmds = owa_cmds || [];owa_cmds.push(['setSiteId', '6b2e6044eef234b452a5aa2c68405cc5']);owa_cmds.push(['trackPageView']);owa_cmds.push(['trackClicks']);owa_cmds.push(['trackDomStream']);(function() {var _owa = document.createElement('script');   _owa.type = 'text/javascript'; _owa.async = true;owa_baseUrl = ('https:' == document.location.protocol ?    window.owa_baseSecUrl || owa_baseUrl.replace(/http:/, 'https:') : owa_baseUrl );_owa.src = owa_baseUrl + 'modules/base/js/owa.tracker-combined-min.js';var _owa_s = document.getElementsByTagName('script')[0];   _owa_s.parentNode.insertBefore(_owa, _owa_s);}());//]]></script> <form action='products_purchased.php' method='post'> <input type='submit' value='purchase' class='button'/> </form> </body> </html>

因为我们的 Web 应用程序已部署在 IBM Bluemix 上，所以在网页中包含跟踪标签后，会将它推送回 IBM Bluemix。该应用程序在仪表板上显示为 OWA_webaspp 。
现在我们已准备好查看跟踪数据了。从 Web 浏览器中，转到部署在 IBM Bluemix 上的 owa 应用程序的 URL（在本例中为 http://owa.stage1.mybluemix.net ）。单击您想要跟踪的 Web 应用程序的 URL（在本例中为 owa-webapp.stage1.mybluemix.net ）。
这将调出仪表板，其中包含有关访问者数量、访问持续事件、每页面访问量等统计信息。除了这些基本报告之外，OWA 还提供了多个生成自定义报告的选项。

大功告成！现在您可以跟踪 Web 分析，并查看访问者如何使用您网站的图形报告了。