Implemente o Open Web Analytics no seu website Pallavi Priyadarshini (https://www.ibm.com/ developerworks/community/profiles/html/profileview.do? key=b10b7aa8-54f5-4a88-8807-7d0c7eb3d6f9&lang=en&tabid=dwaboutme) Architect, DB2 Connect (Java), IBM IBM 26/Dez/2014 Parameswara Rao Tatini Advisory Software Engineer, DB2 Connect (Java), IBM IBM Uma das principais ofertas de analítica da web de software livre é o Open Web Analytics (OWA). Este artigo fornece instruções passo a passo sobre a implementação do OWA em uma plataforma como serviço (PaaS) IBM do IBM Bluemix. Os aplicativos da Web hospedados no Bluemix, assim como os hospedados fora do Bluemix, podem criar relatórios customizáveis contendo estatísticas sobre o tráfego do website, atualizações em carrinhos de compras, visualização da página convertidas em compras e muitas outras métricas úteis. Inscreva-se para acessar o IBM Bluemix Esta plataforma em nuvem fornece muitos serviços grátis, tempos de execução e infraestrutura para ajudar a desenvolver e implementar rapidamente o seu próximo aplicativo móvel ou da web. O software de analítica da web é uma ferramenta eficiente que permite que as empresas reúnam insights sobre o tráfego em seu website e usem essas informações para campanhas de marketing direcionadas e decisões de negócios críticas. Um dos principais programas de analítica da web de software livre é o Open Web Analytics (OWA). O OWA permite que os proprietários de website visualizem relatórios detalhados de visitantes do site como gráficos, diagramas e outras exibições esquemáticas. Este artigo fornece instruções passo a passo para implementar o OWA no IBM Bluemix, permitindo que os aplicativos da web do Bluemix, assim como os aplicativos da web hospedados fora do Bluemix, criem relatórios customizáveis contendo estatísticas sobre o tráfego do website, uso do carrinho de compras, visualizações da página que se convertem em compras e outras métricas úteis. Copyright IBM Corporation 2014. Todos os direitos reservados. Marcas Registradas Implemente o Open Web Analytics no seu website Página 1 de 10
developerworks ibm.com/developerworks/br/ O push do OWA é realizado como um aplicativo do Bluemix utilizando o buildpack PHP. Durante a instalação do OWA no Bluemix, é criada uma instância do serviço MySQL no Bluemix. Ela armazena dados específicos do site em tabelas criadas pelo OWA. Em seguida, um website é criado no Bluemix e o código JavaScript é integrado nele para permitir que o OWA controle os visitantes do website. O OWA permite que os proprietários de website visualizem relatórios detalhados de visitantes do site como gráficos, diagramas e outras exibições esquemáticas. O que será necessário para desenvolver o aplicativo Uma conta do Bluemix Um conhecimento básico de programação de páginas da web Etapa 1. Implemente o OWA no IBM Bluemix 1. Faça o download de Open Web Analytics. 2. Após descompactar o download em uma pasta (por exemplo, c:/owa), crie um arquivo manifest.yml com o conteúdo a seguir. Por padrão, o comando da linha de comando cf do Cloud Foundry cf push procura pelo arquivo manifest.yml no diretório ativo atual. O arquivo manifest.yml retransmite detalhes sobre o aplicativo, como nome, quanta memória alocar, quantas instâncias criar e qual buildpack usar. applications:#use your own application name here - name: owa memory: 256M instances: 1 buildpack: https://github.com/joshisa/cf-php-build-pack.git 3. Para implementar o OWA no IBM Bluemix, é necessário usar o comando cf push, que requer que você efetue login no IBM Bluemix pelo cf. Se você for um funcionário IBM, insira o comando cf login -a api.stage1.ng.bluemix.net. Se você não for um funcionário IBM, use cf login -a api.ng.bluemix.net. 4. Navegue até o diretório do OWA e use o comando cf push owa para realizar o push do diretório do OWA para o IBM Bluemix. Observe que é importante realizar o push do aplicativo de dentro do diretório do OWA para evitar realizar o push de todos os arquivos contidos no diretório-pai. Implemente o Open Web Analytics no seu website Página 2 de 10
ibm.com/developerworks/br/ developerworks 5. Efetue login no IBM Bluemix e valide se o aplicativo owa está implementado e em execução com sucesso. Etapa 2. Crie um serviço de banco de dados MySQL e vincule ao OWA 1. O OWA usa o banco de dados MySQL para armazenar dados relacionados ao website. No IBM Bluemix, acesse a guia CATALOG, que mostra todos os boilerplates, tempos de execução e serviços disponíveis. Em Data Management, selecione a ação mysql (serviço de banco de dados). (Se você não vir o ícone do mysql em Data Management, clique na caixa de seleção Experimental no canto superior direito da página.) Implemente o Open Web Analytics no seu website Página 3 de 10
developerworks ibm.com/developerworks/br/ 2. Insira detalhes como o nome do aplicativo que usará esse serviço (owa) e um nome para essa instância de serviço (owa-mysql) e clique em CREATE. 3. Após o serviço ser criado e vinculado ao aplicativo owa, reinicie o aplicativo. 4. Volte ao painel do IBM Bluemix para validar se o aplicativo e o serviço estão em funcionamento. Etapa 3. Recupere as credenciais do banco de dados e configure o OWA 1. No Dashboard, clique no serviço owa-mysql, que o leva para a tela a seguir. Clique em Show Credentials para visualizar as variáveis de ambiente VCAP_SERVICES, que incluem todos os detalhes necessários para se conectar a esse serviço de banco de dados, como Implemente o Open Web Analytics no seu website Página 4 de 10
ibm.com/developerworks/br/ developerworks o nome da instância do serviço, host, porta, nome de usuário, senha e URL de conexão. 2. Recupere a URL necessária para se conectar ao aplicativo da web owa (owa.stage1.mybluemix.net na figura a seguir). Implemente o Open Web Analytics no seu website Página 5 de 10
developerworks ibm.com/developerworks/br/ 3. Acesse a URL do aplicativo da web owa, que o leva ao instalador do OWA. Clique em Let's Get Started para acessar a página Configuration Settings. 4. Na página Configuration Settings, em Os, preencha todas as informações que você recuperou da etapa de "Show Credentials" acima. Clique em Continuar. Implemente o Open Web Analytics no seu website Página 6 de 10
ibm.com/developerworks/br/ developerworks 5. Na próxima página, insira a URL do website que deseja controlar (nesse caso, owa-webapp.stage1.mybluemix.net). Clique em Continuar. 6. Isso o leva à página de conclusão, em que é fornecido um User Name e as variáveis do A senha para efetuar login no aplicativo owa. Etapa 4. Controle seu site 1. Na página de conclusão do OWA (acima), clique em Login and generate a site tracker! Na página seguinte, insira o User Name e as variáveis do A senha (admin, password) fornecidos na Etapa 6 da seção anterior. Implemente o Open Web Analytics no seu website Página 7 de 10
developerworks ibm.com/developerworks/br/ 2. O fluxo de regra Tracking Tag é exibido em JavaScript e PHP, para que seja possível escolher um deles para integrar em seus websites. 3. Copie o fragmento JavaScript fornecido (mostrado acima) no elemento <body> </body> da sua página da web a ser controlada. Um exemplo é mostrado abaixo para uma página da web simples, com o código de tag de controle destacado. <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.p {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> Implemente o Open Web Analytics no seu website Página 8 de 10
ibm.com/developerworks/br/ developerworks 4. Como nosso aplicativo da web está implementado no IBM Bluemix, realizamos o push dele novamente para o IBM Bluemix após incluir a tag de controle nas páginas da web. Isso aparece no Dashboard como OWA_webaspp. 5. Agora estamos prontos para visualizar os dados de rastreamento. De um navegador da web, acesse a URL do aplicativo owa implementado no IBM Bluemix (http:// owa.stage1.mybluemix.net, no nosso caso). Clique na URL do aplicativo da web que você deseja controlar (owa-webapp.stage1.mybluemix.net, no nosso caso). 6. Isso o leva para o Dashboard contendo informações estatísticas sobre o número de visitantes, duração das visitas, visitas por página, etc. Além desses relatórios básicos, o OWA fornece diversas opções para gerar relatórios customizados. É isso! Agora você é capaz de controlar analítica da web e visualizar relatórios gráficos de como os visitantes usam seu website. Implemente o Open Web Analytics no seu website Página 9 de 10
developerworks ibm.com/developerworks/br/ Conclusão A implementação do Open Web Analytics no IBM Bluemix capacita os proprietários de website para visualizar uma ampla variedade de dados de rastreamento sobre os visitantes do site. Esses dados de rastreamento permitem que os proprietários de site tomem decisões de negócios críticas e fornecem a eles insights sobre o funcionamento do website. Os aprimoramentos adicionais incluem a capacidade de realizar o push desses dados de rastreamento para dispositivos móveis. Copyright IBM Corporation 2014. Todos os direitos reservados. (www.ibm.com/legal/copytrade.shtml) Marcas Registradas (www.ibm.com/developerworks/br/ibm/trademarks/) Implemente o Open Web Analytics no seu website Página 10 de 10