Categoría: Utilidades para blogs y sites

Team Maps, crea colaborativamente mapas interactivos para incluir en sitios web

Publicado el

por Fco. José Hidalgo

Team Maps

¿Quieres incluir un mapa interactivo avanzado en tu sitio web? Pues bien, a partir de ahora podrás contar con Team Maps, el cual te ofrecerá las herramientas necesarias para su creación de manera colaborativa, e implementarlo en tu sitio web. Se trata de una nueva versión completamente reescrita y renombrada de Map Channels, lanzada hace cinco años.

Actualmente se encuentra en fase beta, y cuenta con las siguientes caracterí­sticas: creación de las cuentas de usuario para los miembros del equipo; permite añadir marcadores, polí­gonos y polilí­neas; permite mostrar múltiples fuentes; clusterización para mostrar un gran número de marcadores; definición de plantillas para personalizar la representación de datos; integración con el buscador de lugares de Google; filtración por nombres, categorí­as y caracterí­sticas; geolocalización; personalización de la hoja de estilos CSS; inclusión de capas adicionales; e incluso mostrarlos a pantalla completa o mediante un iframe insertado.

El registro y acceso se realiza mediante procedimiento tradicional basado en el correo electrónico. Los miembros del equipo dispondrán de sus propias cuentas de Team Maps, lo que les permitirá trabajar en conjunto o de forma individual para desarrollar un proyecto cartográfico de equipo.

Lo más reciente de Team Maps es Quad Angle Maps, lo que permitirá mostrar cuatro imágenes de Google Maps separadas de la misma localización a 45 grados, lo que permitirá mostrar la misma localización desde cuatro ángulos diferentes, vinculadas entre ellas, de manera que si se desplaza un punto de vista, las restantes también se desplazarán. Sólo funciona si Google Maps dispone de imágenes a vista de pájaro de las localizaciones.

Enlace: Team Maps | Ví­a: Google Maps Maní­a

Zopim ofrece su widget de chat para sitios web optimizado para smartphones y tablets

Publicado el

por Fco. José Hidalgo

zopim

Cuando accedemos a determinados sitios web de comercio electrónico o a sitios web de alguna entidad u organización, nos encontramos con una función de chat que nos permite entrar en conversación en directo con algún agente que pueda resolver nuestras dudas. Pues bien, esto es así­ normalmente a través de navegadores web de escritorio, aunque el servicio Zopim da un paso más ante el aumento del tráfico móvil, ofreciendo un widget de chat optimizado para smartphones y tablets.

Este widget ha sido probado en dichos dispositivos de los principales sistemas operativos móviles, en su etapa beta, y reconocen que ninguno de sus rivales ofrecen algo similar con la misma calidad enfocado a los dispositivos móviles.

Zopim ha visto como el tráfico móvil a sitios web de sus clientes ha crecido del 1% en el 2011 al 10% en el 2012, y a pesar de que las ventas mediante terminales móviles están por debajo del 10%, el objetivo del propio widget es la de ofrecer una mejor experiencia de usuario a los clientes mediante dispositivos móviles. Más de 100.000 sitios web usan su servicio, el cual también está disponible en español, y ofrece distintos tipos de planes, siendo el primero de ellos de carácter gratuito, permitiendo tener sólo un agente y una conversación de chat simultáneo.

Enlace: Zopim | Ví­a: TNW

Nuevo proyecto para analizar implementaciones de Google Analytics

Publicado el

por Juan Diego Polo

analitica

Nos presentan www.analytics-debugger.com, un debugger para implementaciones de analí­tica, principalmente enfocado en Google Analytics, que permite monitorizar diariamente las implentaciones del código en nuestras páginas.

El sistema detecta de forma automática si ha habido cambios en la implementación en Google Analytics, da la posibilidad de poder ver en las alertas qué es lo que ha cambiado en cada una para poder corregirlo y minimizar una posible corrupción de los datos, analiza eventos en tiempo real, hace que no sea necesario tener que investigar el código de toda la web para poder ver de dónde salen las variables o tener conocimientos de programación para poder ser capaz de depurar una implementación compleja, monitoriza el tiempo de carga de las páginas, verifica si nuestra aplicación está enviando realmente los datos que deberí­a, podrá detectar que páginas no disponen del código… tareas que, en sitios complejos, consumen mucho tiempo, principalmente cuando la tarea de implementar Google Analytics es mucho más compleja que poner el código default en el encabezado de Wordpress.

Podemos usarlo, por ejemplo, para ver qué nombres de páginas se están enviando a Google (si se estuviesen utilizando páginas virtuales), qué configuración de dominio, si se han modificado la duracción de las cookies de sesión, de las de campaña, etc, es decir cualquier personalización que se haya hecho en la implementación del tag.

David, su creador, nos comenta:

[…] podremos realizar una auditorí­a de cómo está implementada la analí­tica web en una web. En mis años trabajando como analista, me he dado cuenta que mis compañeros que no sabí­an de programación no eran capaces de detectar cómo estaban implementadas las herramientas o qué herramientas estaban utilizando las webs. […] se puede dar el caso de que la web lance algún evento de forma automática y que éste se generé desde algún script, con lo que llegar a conseguir la información de qué está sucediendo en la web actualmente no es tan sencillo.

La herramienta informa sobre cómo está configurado Google Analytics, aunque también es compatible con otras más herramientas de analí­tica, sumando más de 35.

5 ideas para conseguir más seguidores y clientes potenciales con tu blog

Publicado el

por Juan David Quiñónez

Por supuesto, es posible convertir los nuevos seguidores del blog de la compañí­a en nuevos clientes, pero para ello primero hace falta conseguir un buen número de seguidores de los que se podrán ir segmentando los clientes potenciales. Para esta tarea compartimos hoy media decena de ideas generales (ya habí­amos comentado algunas soluciones exclusivas para WordPress), tarea que suele caracterizarse por requerir bastante ingenio y creatividad. Aquí­ están gracias a Social Media Examiner:

1. Formularios y banners llamativos alrededor de los artí­culos del blog

No es un secreto que hay lugares dentro del blog tan llamativos que son dedicados exclusivamente para mostrar banners publicitarios: la cabecera, la sección del autor, la barra lateral y los extremos superior e inferior de los artí­culos. Pues bien, podrí­a sacrificarse uno de esos aclamados espacios para rentabilizarlos con los datos de los nuevos seguidores, clientes potenciales, a través de formularios incluyendo del tipo call to action tales como encuestas, descargas de software, descuentos y similares.

2. Contenido gratuito y descargable de vez en cuando

pippity
Ebooks, templates y otro contenido descargable de forma gratuita, puede ser una interesante forma de atraer a muchos más seguidores (junto a sus valiosos datos), por supuesto, sabiendo enfocar la temática de estos freebies al contenido que requiere la audiencia objetivo ya que no se trata de regalar cualquier cosa a diestra y siniestra sino tratar de capturar clientes potenciales. Continúa leyendo «5 ideas para conseguir más seguidores y clientes potenciales con tu blog»

Koken lanza nueva versión de su sistema de publicación de galerí­as online

Publicado el

por Fco. José Hidalgo

Koken

En su momento, ya os hablamos de Koken, una solución que podemos instalar en nuestros propios servidores, necesitando PHP 5.2.0, MySQL 5 o superior, e ImageMagick o GD, como otros sistemas de publicación de contenidos (CMS), permitiéndonos crear y disponer de nuestras propias galerí­as fotográficas en la web.

Pues bien, como muestra de que el desarrollo de este proyecto está activo, nos avisan de que acaban de lanzar la versión 0.9.1 del mismo, que podemos actualizar directamente desde nuestro panel de administración, aunque si no lo tenemos instalado, nos indican de que es el mejor momento para empezar a instalarlo y usarlo, siendo compatible con la mayorí­a de los proveedores de espacio de hosting para sitios web. Además, desde nuestro propio panel, también podemos actualizar cada uno de los temas que tengamos instalados de manera independiente a través de su correspondiente botón.

Con más de 50 mejoras y novedades, nos destacan la inclusión de los puntos focales, imágenes destacadas para composiciones y páginas, composiciones destacadas, mejor editor HTML para composiciones y páginas, así­ como el resto de mejoras y novedades que podemos consultar en las notas de la versión, donde nos puede llamar la atención que sobre el dí­a de ayer se han lanzado dos actualizaciones, quedando actualmente en la versión 0.9.1.

Para finalizar, para quienes nos gusta la fotografí­a y la tratamos con programas especí­ficos, debemos saber que Koken dispone de su propio plugin para Adobe Lightroom para la sincronización de las galerí­as.

Enlace: Sitio oficial de Koken

Wikimedia ya ofrece su VisualEditor a los usuarios registrados de la versión inglesa de Wikipedia

Publicado el

por Fco. José Hidalgo

VisualEditor

Una de las barreras de entrada por la cual muchos usuarios no aportan sus colaboraciones a los artí­culos de la Wikipedia es precisamente por el sistema de creación de contenidos mediante el uso del editor de código Wikitext, dada su complejidad de uso. Es por ello por lo que desde la Fundación Wikimedia han estado trabajando durante varios años en el desarrollo de VisualEditor, que como su propio nombre indica, se trata de un editor visual, lo que facilitará la entrada de nuevos usuarios para que puedan contribuir con sus conocimientos a los artí­culos de la Wikipedia, al menos esa es la intención.

Y hoy da un paso más al permitir el uso de VisualEditor, aunque por ahora tan sólo a los usuarios registrados para la versión inglesa de la Wikipedia. Aún así­, no hay planes para la eliminación de Wikitext, más teniendo en cuenta que VisualEditor aún no soporta muchas de las funcionalidades que éste ofrece. Los usuarios pueden elegir entre una u otra opción, no necesitando activar explí­citamente el uso de VisualEditor. Hay que señalar también que la Fundación Wikimedia quiere ir llevando a los usuarios veteranos a una transición gradual para el uso de este nuevo editor, de manera que pueda convertirse en la opción por defecto.

VisualEditor ha estado varios meses en fase alpha, y en la actualidad se encuentra en fase beta, siendo compatible con las versiones recientes de los navegadores Chrome, Firefox y Safari, señalando a Internet Explorer como un navegador no compatible por el momento.

Wikimedia llevará más adelante la apertura de su nuevo editor a los usuarios de otros idiomas.

Enlace: Anuncio oficial

Google anuncia el nuevo sistema de navegación de las herramientas para webmasters

Publicado el

por Fco. José Hidalgo

Herramientas para webmasters

Google anuncia a través de Webmaster Central Blog el nuevo sistema de navegación de las herramientas para webmasters, donde describe cada una de los grupos de opciones que conforman las etapas de búsquedas: rastreo, í­ndice de Google, tráfico de búsquedas, y aspecto de la búsqueda. Hay que indicar que este nuevo sistema de navegación ya está disponible para todos los usuarios, sin opción para volver al sistema anterior. Además, la configuración la traslada al icono del engranaje, disponible en la esquina superior derecha, donde se podrán acceder a las tareas administrativas a nivel de cuenta.

La misma aplicación advierte de estas novedades al acceder por primera vez bajo el nuevo sistema de navegación. Como novedades menores también está la aparición de un nueva ventana emergente perteneciente al aspecto de la búsqueda, la cual permite visualizar cómo puede aparecer el sitio a gestionar en la búsqueda, y aprender más sobre los cambios en el contenido o en la estructura que pueda ayudar a influenciar cada elemento.

Esta ventana emergente está disponible en el signo de interrogación, al lado del aspecto de la búsqueda de la barra lateral, y ofrecerá elementos esenciales como el tí­tulo, fragmento, enlaces de sitio, búsqueda en un sitio, etc.

Ví­a: Anuncio oficial

Embed Instagram nos permite integrar fotos y ví­deos de Instagram en nuestros sitios web

Publicado el

por Fco. José Hidalgo

Ya estamos acostumbrados a las escasas funciones que nos ofrece Instagram, sobre todo, desde su sitio web, donde tenemos que recurrir a herramientas de terceros para sacarle el máximo provecho. Esta vez no es una excepción, ya que de la mano del blogger Amit Agarwal tenemos Embed Instagram, un interesante y simple servicio cuyo cometido es generarnos un código para la insersión en sitios web de aquella foto o ví­deo de Instagram que queramos usar.

Para ello, tan sólo tenemos que introducir la URL de la foto o el ví­deo, y obtener el código de inmediato. Además, podemos emplear direcciones web acortadas, que el propio servicio se encargará de expandirlas a la hora de generar el código. Otra de las posibilidades que nos brinda el propio servicio es la posibilidad de modificar el ancho y alto del contenido, con el fin de que podamos adaptarlo a la plantilla de nuestros sitios web.

Los ví­deos integrados hace uso de etiquetas de ví­deo en HTML5, de manera que también pueden verse desde dispositivos móviles sin necesidad de elementos de terceros, como plugins.

Enlace: Embed Instagram

Markable, editor online para trabajar con sintaxis de Markdown

Publicado el

por Miriam Schuager

markable

El Markdown es un lenguaje de marcado ligero que tiene como objetivo dar formato a los contenidos mediante el uso de texto plano y algunos arreglos semánticos. Existen muchos y muy buenos editores online que podemos usar desde nuestro navegador como  Markable.

Para usarlo adecuadamente podemos crearnos una cuenta y así­ tener la posibilidad de ver el menú en la sección izquierda, donde vamos a escribir el texto usando la semántica del Markdown, mientras vemos una previsualización en el lateral derecho lo que estamos escribiendo.

Una de las ventajas de usar Markable es que este editor graba automáticamente cada 15 segundos sin importar si hubo cambios o no, permitiéndonos concentrarnos exclusivamente en nuestra tarea de escribir. Además de empezar desde cero nuestros trabajos, podemos importar textos desde nuestras cuentas en Evernote o Dropbox o exportar nuestros trabajos (en formato HTML) hacia estos servicios.

Si no conocemos bien o nos hemos olvidado de la semántica que utiliza el sistema de Markdown, Markable nos ayuda mediante un mini manual al que podemos acceder mediante el menú «Help» y luego tenemos que elegir «Markdown Syntax Cheat Sheet». Además cuenta con una serie de ayudas visuales en el editor de textos que son muy prácticas, tales como la numeración de las lí­neas y el resaltado de la lí­nea en la que nos encontramos actualmente.

Si queremos que nuestro trabajo sea visto por otros usuarios de Markable, solo tenemos que tildar la opción «Público» que está en la parte inferior derecha de la ventana del editor, u optar por mantenerlo privado.

Cómo añadir un ví­deo de Instagram en cualquier página web

Publicado el

por Juan Diego Polo

Si habéis grabado un ví­deo con Instagram, aprovechando la nueva funcionalidad anunciada ayer, y queréis mostrarlo al mundo incluyéndolo en un artí­culo dentro de vuestro blog, existe una forma bastante práctica que podemos usar mientras no aparece ninguna solución oficial.

Lo primero que tenemos que hacer, con el ví­deo abierto en la versión web de Instagram , es pulsar en el botón derecho del ratón e inspeccionar el elemento para obtener el código con el enlace del ví­deo en mp4 y la imagen que sirve como presentación, tal y como se muestra en la captura inferior:

video

Copiamos los dos enlaces y los incluimos en sandbox.thewikies.com/vfe-generator, donde podemos generar un código que pegaremos en cualquier página:

codigo

Solo es necesario incluir los dos campos de la imagen superior, pero es obligatorio especificar el tamaño y la tecnologí­a utilizada para mostrar el ví­deo (HTML5, en este caso).

Una vez hecho esto solo tenemos que copiar el código que aparece en la parte inferior y pegarlo dentro del artí­culo donde deseáis que sea mostrado, obteniendo este resultado:
Continúa leyendo «Cómo añadir un ví­deo de Instagram en cualquier página web»