Re: [altnet-hispano] Web analytics en single-page app

38 views
Skip to first unread message

Angel Java Lopez

unread,
Dec 28, 2012, 3:11:10 PM12/28/12
to altnet-...@googlegroups.com
Hola gente!

Rodrigo, no tengo una info relacionada justamente con lo que pides, pero tengo un caso parecido que encontre:

Ahi, el cliente es una pagina sola, con Backbone, y en uno de esos articulos, veras como el autor implementa analytics, incluso en real time. Puede que te sirva para ideas

Nos leemos!

Angel "Java" Lopez
@ajlopez
github:ajlopez

2012/12/28 Rodrigo Juarez <cons...@rodrigojuarez.com.ar>
Hola

Agradeceria comentarios, recursos y experiencias que puedan compartir en relacion a la implementacion de web analytics en una single-page app creada con nancy y jquery ui.
La aplicacion es un carrito de compras

Desde ya muchas gracias

--
Has recibido este mensaje porque estás suscrito al grupo "AltNet-Hispano" de Grupos de Google.
Para ver este debate en la Web, visita https://groups.google.com/d/msg/altnet-hispano/-/MiTbimPbVpgJ.
Para publicar una entrada en este grupo, envía un correo electrónico a altnet-...@googlegroups.com.
Para anular tu suscripción a este grupo, envía un correo electrónico a altnet-hispan...@googlegroups.com
Para tener acceso a más opciones, visita el grupo en http://groups.google.com/group/altnet-hispano?hl=es.

Rodrigo Juarez

unread,
Dec 29, 2012, 10:40:46 AM12/29/12
to altnet-...@googlegroups.com
Hola Angel, mucha gracias por los enlaces, mirando en este momento.

Yo ya tengo mis ideas sobre como implementarlo, mediante desarrollo propio, pero recien estoy por empezar, entonces estoy a la busqueda de "mejores practicas"

Saludos!!

José F. Romaniello

unread,
Dec 29, 2012, 11:08:03 AM12/29/12
to altnet-...@googlegroups.com
Creo que no debe ser un caso muy común lo que decis pero no tan raro
tampoco. Generalmente SPA funciona mejor para web applications. Me
refiero a aplicacions donde generalmente alguien se loguea y hace
cosas en su entorno privado (ejemplo app de intranet, gmail).

Mientras que para websites (ejemplo mercadolibre, wikipedia), con
información publica es prioritario cosas como SEO, que es muy dificil
en spa, aunque google tiene un mecanismo para hashbang.

Dicho esto, generalmente lo que interesa analizar es información
publica, desde doinde entran cuantos etc.. No cuantas veces tus
usuarios entraron a la pagina de facturación de tu erp.

Que es lo que estas derrallonado como SPA?

El 28/12/12, Rodrigo Juarez <cons...@rodrigojuarez.com.ar> escribió:
> Hola
>
> Agradeceria comentarios, recursos y experiencias que puedan compartir en
> relacion a la implementacion de web analytics en una single-page app creada
>
> con nancy y jquery ui.
> La aplicacion es un carrito de compras
>
> Desde ya muchas gracias
>
> --
> Has recibido este mensaje porque estás suscrito al grupo "AltNet-Hispano" de
> Grupos de Google.
> Para ver este debate en la Web, visita
> https://groups.google.com/d/msg/altnet-hispano/-/MiTbimPbVpgJ.
> Para publicar una entrada en este grupo, envía un correo electrónico a
> altnet-...@googlegroups.com.
> Para anular tu suscripción a este grupo, envía un correo electrónico a
> altnet-hispan...@googlegroups.com
> Para tener acceso a más opciones, visita el grupo en
> http://groups.google.com/group/altnet-hispano?hl=es.
>
>

--
Enviado desde mi dispositivo móvil

Carlos Peix

unread,
Dec 29, 2012, 11:57:02 AM12/29/12
to altnet-...@googlegroups.com
Hola Jose,

Yo estoy trabajando en el sitio de kleer.la y tenemos un caso de uso en el que necesitamos exactamente lo que menciona Rodrigo.

Tenemos un pop-up (basado en div) para el detalle de los cursos. Nos interesa mucho saber quien hizo click en ese pop-up.

----------------------------------
Carlos Peix

2012/12/29 José F. Romaniello <jfroma...@gmail.com>

José F. Romaniello

unread,
Dec 29, 2012, 12:52:21 PM12/29/12
to altnet-...@googlegroups.com
No lo use nunca, pero encontre esto:


Desde js podes llamar a esta función trackEvent que esta dentro del ga.js de google analytics. Me parece que puede andar para el caso que decis

Rodrigo Juarez

unread,
Dec 29, 2012, 1:52:22 PM12/29/12
to altnet-...@googlegroups.com


Jose, la aplicación es un prototipo para reemplazar un carrito en joomla a uno que se integra con un sistema en fox para unix. Paulatinamente va a ir reemplazando el sistema fox. Estoy usando nancy y jquery ui con herramientitas ja varias

Actualmente disponible en http://www.tcmza.com.ar:8080 por sí quieren curiosear

José F. Romaniello

unread,
Dec 29, 2012, 2:22:32 PM12/29/12
to altnet-...@googlegroups.com
No es el mejor caso de uso para Spa, pero te digo lo que podrías hacer.

Primero que nada lo ideal sería tener una forma de deeplinking. Es decir, que cuando clickeo en impresoras, el browser lleve la historia esa, o que cuando entre al un artículo pueda copiar ese link y darselo a otra persona.

Hay varias formas y herramientas, algunos browser soportan history push state, y la otra forma es mediante hash #/... Hay un plugin de jquery que se llama bbq, pero la forma que a m me gusta es con director https://github.com/flatiron/director basicamente te permite crear rutas, incluso con parametros del lado del cliente y responder al cambio de url.

Luego en el evento hashchange podrías llamar a google analytics manualmente o como le mostraba a Carlos en link anterior.

Luego hay una parte mas complicada, yo quisiera que la pagina de la impresora XXX se indexe en google. google no te va a indexar ese contenido por que el hash y toda esa logica es algo client side. Incluso el hash no viaja al server.
Si queres que ese contenido sea "crawleable", tenes que implementar unos endpoints en el server como se explica aca
https://developers.google.com/webmasters/ajax-crawling/ que devuelven snapshots de html. He visto formas automaticas de hacerlo como por ejemp, mediante un browser headless (phantom), en el server que abre la pagina con el hash, y devuelve el cacho de DOM que ve.

Ahora entendes por que dije al principio que no es el mejor caso para SPA :)
Para ver este debate en la Web, visita https://groups.google.com/d/msg/altnet-hispano/-/5yFH2gyTM0IJ.

Carlos Admirador

unread,
Sep 4, 2015, 12:45:41 PM9/4/15
to AltNet-Hispano
Hola,
Yo estoy trabajando en un sitio ASP.NET y tenemos casos similares. entre otras, tenemos dos botones (visibles o no según Perfiles y Roles del usuario) que están en la Master y aparecen (sin son visibles) en todas las páginas, y nos interesa trazabilidad (o lo que llaman tracking si no estoy equivocado) si el usuario pulsa esos botones.Nos interesa mucho saber quien (cuándo, tipo navegador, etc)hizo click en esos botones. Además también en ciertos "enlaces" del Menú, y algunas otras acciones más.
Se mantiene el estado del arte de esta tecnología ? Agradecería sus comentarios, recursos y experiencias. Muchas gracias

Saludos
Carlos


>
> > Para anular tu suscripción a este grupo, envía un correo electrónico a
>

>
> > Para tener acceso a más opciones, visita el grupo en
>
> > http://groups.google.com/group/altnet-hispano?hl=es.
>
> >
>
> >
>
>
>
> --
>
> Enviado desde mi dispositivo móvil

--
Has recibido este mensaje porque estás suscrito al grupo "AltNet-Hispano" de Grupos de Google.
Para ver este debate en la Web, visita https://groups.google.com/d/msg/altnet-hispano/-/5yFH2gyTM0IJ.
Para publicar una entrada en este grupo, envía un correo electrónico a altnet-hispano@googlegroups.com.
Para anular tu suscripción a este grupo, envía un correo electrónico a altnet-hispano+unsubscribe@googlegroups.com

Paco Hams

unread,
Sep 5, 2015, 12:14:42 AM9/5/15
to altnet-...@googlegroups.com
Hola Carlos, con Dynatrace puedes tener ese tipo de análisis, solo que la herramienta es algo cara, incluso puedes dar seguimiento a productos en el carrito de compras abandonados

hechale un ojo al siguiente video

saludos


>
> > Para anular tu suscripción a este grupo, envía un correo electrónico a
>

>
> > Para tener acceso a más opciones, visita el grupo en
>
> > http://groups.google.com/group/altnet-hispano?hl=es.
>
> >
>
> >
>
>
>
> --
>
> Enviado desde mi dispositivo móvil


--
Has recibido este mensaje porque estás suscrito al grupo "AltNet-Hispano" de Grupos de Google.
Para ver este debate en la Web, visita https://groups.google.com/d/msg/altnet-hispano/-/5yFH2gyTM0IJ.
Para publicar una entrada en este grupo, envía un correo electrónico a altnet-...@googlegroups.com.
Para anular tu suscripción a este grupo, envía un correo electrónico a altnet-hispan...@googlegroups.com

Para tener acceso a más opciones, visita el grupo en http://groups.google.com/group/altnet-hispano?hl=es.

--
Has recibido este mensaje porque estás suscrito al grupo "AltNet-Hispano" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus mensajes, envía un correo electrónico a altnet-hispan...@googlegroups.com.
Para publicar en este grupo, envía un correo electrónico a altnet-...@googlegroups.com.
Visita este grupo en http://groups.google.com/group/altnet-hispano.
Para acceder a más opciones, visita https://groups.google.com/d/optout.

juan ladetto

unread,
Sep 6, 2015, 9:19:35 PM9/6/15
to altnet-...@googlegroups.com
Recién leo esto y veo que viene desde el 2012.

Analytics tiene toda una estructura para hacer este tipo de cosas:

https://developers.google.com/analytics/devguides/collection/analyticsjs/events

https://support.google.com/analytics/answer/1033068?hl=en

Nosotros hace ya un tiempo hicimos un ab testing utilizando tracking (basados en algo similar a esto:

https://www.truesocialmetrics.com/blog/ab-testing-with-google-analytics-and-event-tracking), ahora google analytics tiene toda una parte de ab testing que está muchísimo más completa (


http://analytics.blogspot.com.ar/2012/06/helping-to-create-better-websites.html

)

Abzs!



>
> > Para anular tu suscripción a este grupo, envía un correo electrónico a
>

>
> > Para tener acceso a más opciones, visita el grupo en
>
> > http://groups.google.com/group/altnet-hispano?hl=es.
>
> >
>
> >
>
>
>
> --
>
> Enviado desde mi dispositivo móvil

--
Has recibido este mensaje porque estás suscrito al grupo "AltNet-Hispano" de Grupos de Google.
Para ver este debate en la Web, visita https://groups.google.com/d/msg/altnet-hispano/-/5yFH2gyTM0IJ.
Para publicar una entrada en este grupo, envía un correo electrónico a altnet-...@googlegroups.com.
Para anular tu suscripción a este grupo, envía un correo electrónico a altnet-hispan...@googlegroups.com

Para tener acceso a más opciones, visita el grupo en http://groups.google.com/group/altnet-hispano?hl=es.

--
Has recibido este mensaje porque estás suscrito al grupo "AltNet-Hispano" de Grupos de Google.

Carlos Admirador

unread,
Nov 11, 2016, 2:48:36 PM11/11/16
to AltNet-Hispano
Dynatrace  si es de pago y caro. Con Google Analytics se puede hacer cierto tracking, y quizá más funcionalidades, desconozco.
Reply all
Reply to author
Forward
0 new messages