Mejoras para compartir la información de Google Analytics

analytics

Google Analytics va creciendo y añadiendo funciones no sólo centradas en análisis de datos y estadí­sticas para nuestra empresa, sino enfocadas a compartir la información y visualizarla de forma colaborativa.

analyticsEsto es lo que veremos de aquí­ a unas semanas funcionando en Analytics: la información desplegada en el escritorio y los gráficos creados en éste podrán ser vistos por nosotros y nuestros compañeros y colaboradores, y también editados si es necesario. Esta nueva función se complementará a la perfección con la creación de plantillas para el escritorio, plantillas que nos permití­an crear copias de la configuración del escritorio que ahora podrán editarse y compartirse conjuntamente, tal y como comentan en el blog oficial de la plataforma.

Como hemos comentado, esta nueva función se insertará durante las próximas semanas, en las que aparecerá un nuevo menú dentro de compartir llamado «Share Dashboard«. Haciendo clic en él, aparecerá una nueva copia del escritorio disponible para que la visualicen el resto de usuarios. Tras esta acción el material de nuestro Analytics aparecerá dividido en menús «privados» o «compartidos».

webversusweb – Compara el posicionamiento SEO entre dos sitios web

seo

Si queréis tener cerca a vuestro enemigo, nada mejor que analizar con detalle el trabajo que realiza. webversusweb.com es una nueva opción que nos permite hacer exactamente eso, concentrándose en el mundo SEO.

Una vez informamos nuestro dominio y el de la competencia, podremos ver cuál de los dos sitios está mejor posicionado, con el valor de variables como Enlaces Entrantes, Relación entre texto y HTML, Uso de Hx, Presencia de sitemap, autoridad del dominio, posición alexa, Autoridad de la Home y un largo etcétera.

Podemos obtener los informes de forma inmediata de forma gratuita, aunque es posible generar informes avanzados relacionados con la calidad de links entrantes, la calidad de la web y sus fallos. La herramienta permite recibir mensualmente una actualización de dichos datos sin coste económico, para conocer la evolución de la web frente a su competencia.

Una herramienta simple, aunque puede ayudar a entender el motivo por el cual un sitio, con un contenido más pobre, puede estar mejor posicionada que nosotros.

Charts Ninja – Incluye gráficos HTML5 en tu sitio web

html5

Si queréis mostrar algún gráfico con estadí­sticas en vuestro sitio web y aseguraros de que podrán se consultados desde cualquier dispositivos, echad un vistazo en chartsninja.com.

Nos lo presenta su creador, Daniel Sternlicht, como una buena solución para obtener datos de un archivo CSV, por ejemplo, y transformarlo en gráficos intuitivos dentro de cualquier sitio. Podemos incluir un módulo de estadí­sticas para poder conocer la cantidad de consultas realizadas a los datos, personalizar la estética del resultado y seguir un sencillo wizard para empezar a construir nuestro primer gráfico en pocos minutos.

En su web existe una sección con ejemplos para que podamos ver lo que otros ya han realizado con este sistema gratuito, siendo necesario el registro para poder obtener el código que copiaremos para incluirlo en nuestras páginas.

Nos es la primera vez que hablamos de una solución de este tipo. Recordad el artí­culo CanvasJS ”“ Crea gráficos interactivos en HTML5 y JS para tu aplicación web que escribimos hace pocas semanas, aunque en este caso parece que ChartsNinja es mucho más sencillo de usar, ideal para gráficos no muy sofisticados.

Dialective – Crea diagramas interactivos para mostrar información en tu sitio web

Desde Canarias nos presentan Dialective.com, una aplicación que permite crear diagramas donde podemos explicar contenido estructurado y publicarlo dentro de una página web o directamente ví­a url.

La idea llega después de analizar que la mayorí­a de la gente no lee todo el texto publicado en un artí­culo, siendo necesaria alguna solución que ayude a presentar datos de forma resumida y estructurada para que las personas puedan acceder a la parte que les interesa.

Por eso apostamos por crear en minutos y sin conocimientos técnicos diagramas interactivos que permiten estructurar la información, ocultando la información no relevante, y permitiendo al usuario elegir lo que quiere ver, y cuándo quiere verlo.

Ya que los diagramas creados con Dialective pueden incluirse en cualquier web, podemos usarlos para trabajos académicos, reseñas de juegos, aplicaciones, recetas y demás datos que puedan ser separados por categorí­as, así­ como para la creación de Landing Pages o hotsites especí­ficos presentando un servicio o producto. El editor de diagramas es muy sencillo, siendo necesario crear las categorí­as y el texto incluido en cada una de ellas.

dialective

Los diagramas pueden presentarse de varias formas diferentes. En el ejemplo que aquí­ os dejo tenéis el estilo «linear», creado por mí­ hace unos minutos para mostrar, de forma estructurada, lo que hace Dialective:

SquareSend convierte los hiperenlaces de correo en sitios web en formularios de contacto

Squaresend

A estas alturas, lo más normal es que nos encontremos con un formulario de contacto en sitios web para que nos permitan contactar con sus responsables, aunque puede haber sitios web que aún dispongan de enlaces de correo electrónico, en los que al clicar sobre ellos, se nos abra nuestro gestor de correos electrónicos que tengamos configurado por defecto en nuestro sistema. Para estos casos, SquareSend les ofrece una solución sencilla, en la que con tan sólo introducir un fragmento de código JavaScript, convierta esos enlaces en formularios de contacto directamente.

Los responsables de sitios web que incluyan la solución de Squaresend, podrán personalizar los formularios a través de la inclusión de una serie de parámetros, que podrán encontrar en la opción avanzada de configuración, dentro de la opción de personalización.

Eso sí­, hay que tener en cuenta que SquareSend es un servicio freemium, por lo que las cuentas gratuitas tienen una serie de limitaciones. Precisamente, permite hasta 50 mensajes al mes, el uso de hasta tres cuentas de correo electrónico, así­ como el uso de conexiones SSL.

Hay que señalar que los mensajes se enviarán a las direcciones de correo indicadas, así­ como en la propia cuenta de usuario del servicio. Además, cuenta con la documentación y ayuda necesaria para que los responsables de sitios web no tengan dificultad alguna en incorporar el servicio en sus sitios web.

De esta manera, cuando sus visitantes cliquen en el enlace de la dirección de correo electrónico, aparecerá una ventana emergente con los campos de formulario a rellenar para enviar el mensaje deseado.

Enlace: SquareSend | Ví­a: Labnol

8 de los mejores directorios para buscar infografí­as y/o publicarlas

infografias

Para los brillantes creativos que nos deslumbran cada dí­a con sus flamantes infografí­as e igualmente para quienes las buscan para inspirarse o simplemente compartirlas, he aquí­ varios recursos perfectos para llegar a un mayor público con sus creaciones. Algunos pasos previos pueden ser optimizarlas, publicitarlas en las redes sociales populares y en lo posible traducirlas, pero en general, si ya están listas, sólo queda trabajar en hacerlas aún más virales, y los directorios de infografí­as son una de las mejores herramientas para trabajar en ello. Opcionalmente pueden verse más en SocialMediaToday).

1. Pinterest: Sin duda la primera opción a tener en cuenta a la hora de buscar infografí­as dentro de los tableros de miles de usuarios de todo el mundo quienes a su vez están dispuestos a ver y compartir el material gráfico que cualquiera desee subir.

2. Visual.ly: Una eficiente solución para crear infografí­as desde plantillas predeterminadas pero también un referente en cuanto a espacios para buscarlas y compartirlas (estáticas, interactivas y hasta videos se pueden publicar) ya que cuenta con miles de visitantes.

visualy

3. Daily Infographic: Como su nombre lo indica, se trata de una web donde cada dí­a es publicada una llamativa infografí­a que sus creadores han encontrado en la red. En la barra superior se encuentra el botón para filtrar las búsquedas mediante sus decenas de categorí­as.

4. Infographic Directory: Un minimalista espacio con estilo de blog en el que son publicadas montones de infografí­as sobre decenas de temas diferentes también. En la parte superior está el enlace para pedir que sea publicado contenido propio enviando un email al responsable del sitio.

5. Visual Loop: Es un portal con material gráfico para «profesionales, académicos, estudiantes y curiosos» donde podrán encontrar coloridas visualizaciones de datos. Sin embargo, para no mezclar las infografí­as con el resto de su contenido (noticias, eventos, entrevistas, portafolios, etc.), han decidido ponerlas en un blog en Tumblr el cuál comparte la apariencia de Visual Loop.

6. Infographic Journal: Lo hace destacar su continua actualización a pesar de que aclaran que lo más importante para ellos es la calidad antes que la cantidad. Con esto dan lugar a muchas interesantes infografí­as que el público enví­a y que son seleccionadas por ser «lo mejor de lo mejor».

7. Visualizing: Una red social por y para profesionales del arte gráfico, pero a su vez un oasis de inspiración del que cualquiera puede disponer. Caracterí­sticas diferenciadoras: bases de datos abiertas, galerí­as de expertos y concursos de publicaciones sobre un tema especí­fico.

visualizing

8. Cool Infographics: Un interesante blog en el que además de compartir y reseñar con regularidad útiles infografí­as (por supuesto, pueden sugerirse otras), son publicados recursos y consejos de expertos para sacarle mayor provecho a las propias.

HTML5 Up!, plantillas elegantes y editables para sitios web en HTML5

html

Ante la necesidad de crear un buen sitio web, y en caso de que no tengamos demasiados conocimientos de programación o demasiadas ganas de complicarnos la vida, es bueno tener a nuestro alcance herramientas como HTML5 Up!.

Este servicio nos presenta una colección de plantillas en html5, capaces de adaptarse a diversos dispositivos, para crear sitios web variados y animados, para que con unos pocos retoques y detalles podamos crear un sitio web propio rápido y profesional, incluso compatible para versión móvil. Para personalizar el sitio web al máximo y poder editar imágenes en él, sí­ hace falta tener algunos conocimientos de HTML. Si es así­, sólo tendremos que descargar cualquiera de las plantillas que nos ofrecen y ponernos a crear la página a nuestro gusto.

En cuanto descomprimamos la plantilla ya la podremos abrir en nuestro navegador, para ir editando el index.html y personalizarlo a nuestro gusto. Por supuesto, podremos cambiar las imágenes presentes, los enlaces, etc., y aunque como hemos dicho el tema requiere de algunos conocimientos de programación, el código es simple y sólo ocupa una página, con lo cual es facilmente editable.

Podéis acceder a las diferentes plantillas que HTML5 Up desde la misma web principal.

Universal Analytics, disponible ahora para todos los usuarios de Google Analytics

analytics

En octubre, anunciamos el lanzamiento beta limitado de Universal Analytics como un medio para que las empresas entiendan cómo llegar al cliente en un entorno cambiante y multidispositivo. Estamos encantados de invitar a todos los usuarios a probar Universal Analytics. Sus funciones le ayudarán, por ejemplo, a mejorar la generación de oportunidades de venta incorporando interacciones online y offline.

Así­ comienza la nota que recibimos de Google en la que informan que incluyen una invitación a probar la versión beta abierta de Universal Analytics.

¿Qué es Universal Analytics?. Es una nueva versión de Google Analytics que tiene como objetivo poder recopilar más tipos de datos y obtener información de mayor calidad sobre los visitantes de nuestros sitios web, enfocándose en la interacción de los clientes o lectores del contenido.

Además de poder integrar en una sola plataforma todos los datos recibidos desde cualquier dispositivo, podremos también analizar nuestras campañas offline, ya que Universal Analytics permite registrar y monitorizar campañas de marketing, llamadas de ventas y visitas al establecimiento.

Podéis obtener más información en la página de soporte de Universal Analytics y solicitar el acceso aquí­.

Audioplayer.js, plugin jQuery de reproductor de audio adaptable y táctil para sitios web

Muchos proyectos de sitios web ahora tienen en cuenta que no sólo se ejecutarán en navegadores web de escritorio, sino también en dispositivos móviles con diferentes tamaños de pantalla, y cuya interacción será táctil. Una buena opción a la hora de incorporar un reproductor de audio es contar con AudioPlayer.js, un plugin para jQuery que trae importantes ventajas, ya que es adaptable, permite su uso desde dispositivos téctiles, elegante, y además, apenas ocupa 4 kb.

En su web oficial, indica que reemplaza el elemento con un poco de HTML personalizado, y que con algo de CSS se obtiene un reproductor a medida, sin necesidad de usar imágenes, siendo el CSS el que se encargue de adaptarse según la pantalla donde va a ser visualizada.

Entre las caracterí­sticas se encuentra el que, si el navegador no soporta el elemento audio completamente, o algunos de los archivos de audio ofrecidos, el reproductor se degrada a ser sólo un botón para pausa/reproducción. El plugin acepta muchos de los atributos y etiquetas del elemento audio.

En la página del plugin, se explica los códigos necesarios para su uso e implementación en sitios web, lo que permitirá a aquellos desarrolladores poder integrarlos en sus propios proyectos.

Enlace: Audioplayer.js | Ví­a: WebResourcesDepot