Meerkat: JavaScript para tu marketing online

Meerkat es un plugin de jQuery que permite implementar interesantes acciones de marketing online. Este artículo muestra como usarlo aunque no seas programador.

Meerkat es un plugin de jQuery, una librería de JavaScript, que nos permite incorporar algunas acciones de marketing online bastante interesantes a nuestras webs.

El concepto es bastante simple: añadir anuncios públicos a nuestras webs de la forma menos intrusiva posible, pudiendo ocultarlos automáticamente o no mostrarlos más de una vez durante un determinado periodo de tiempo a un mismo usuario.

Para demostraros lo que se puede hacer con Meerkat, he implementado un ejemplo en este mismo blog: una campaña para anunciar la nueva carta de empanadas de invierno de Milán Dopico.

JQuery Meerkat

Normalmente, el hecho de incluir las palabras jQuery y JavaScript en la primera frase de un artículo echará para atrás al 99% de la gente que se dedique al marketing, pero Meerkat es tan sencillo que cualquiera con unos mínimos conocimientos de HTML puede configurarlo.

Desgraciadamente, las instrucciones para aprender a utilizarlo están dispersas entre un par de tutoriales y la documentación de las opciones en sí. Y, además, están completamente orientadas a desarrolladores web. Por eso, he escrito un artículo intentando complementar la documentación oficial y aportar una perspectiva más de marketing.

¿Por qué Meerkat y no un banner clásico?

Bueno, sobre todo, porque los banners tienen menos efectividad que una espada de plastilina, pero, además, existen muchas otras ventajas:

  • No tienes que alterar el diseño de tu página web
  • Está preparado para diseño adaptable o responsive, así que se verá igual de bien en tu ordenador o en el iPad que te regalaron por Reyes
  • Permite que los usuarios lo oculten temporalmente o para siempre (dejándote que decidas qué significa para siempre)
  • Puedes poner cualquier cosa más allá del típico banner: texto, enlaces, galerías de imágenes…
  • Una vez configurado, sería relativamente sencillo que alguien no técnico pudiera modificar el anuncio

Cómo usar y configurar Meerkat para dummies y gente de marketing

Como dicen los amigochos de Máis que Deseño, “un gran poder conlleva una gran responsabilidad“. Lo más normal es que, si no tenéis NI IDEA de HTML y/o JavaScript y os ponéis a tocar, rompáis algo, pero voy a intentar ayudaros en vuestros primeros pasos con un par de recursos útiles.

Primero, todo el código y ficheros necesarios (HTML, JavaScript e imágenes) para implementar el anuncio de ejemplo que hay en este blog, están disponibles tanto en Bitbucket como en descarga directa.

Además, en vez de escribir un tutorial kilométrico con el que explicaros, paso a paso, cómo hacer que todo funcione, os dejo un ladrillazo de 15 minutos -mi primera tentativa con Screenflow- en forma de vídeo sobre cómo instalar, configurar y probar Meerkat.

Bola Extra: Meerkat para motivaos

Evidentemente, me he dejado muchas cosas en el tintero, pero hay muchas más que se pueden hacer con Meerkat que van más allá de este ejemplo básico:

  • Al poder controlar el ancho y alto de tu anuncio, así como el tiempo en el que se mostrará, es muy fácil implementar una página de splash. En la propia página del plugin tenéis las instrucciones para hacerlo.
  • Meerkat está preparado para que los propios usuarios puedan decidir volver a ver vuestros anuncios, pero si queréis que todo el mundo vuelva a verlos (porque los habéis cambiado, por ejemplo), en el código de ejemplo hay una línea de JavaScript comentada que os permitirá forzar el visionado de los anuncios a todos vuestros visitantes.
  • Por supuesto, al poder controlar completamente el contenido de tus anuncios, puedes incluir eventos de Google Analytics para analizar si tus anuncios tienen más o menos éxito.
  • Hay alternativas para hacer todo esto, por un precio más que económico, como por ejemplo HelloBar. Pero no tienes TANTO control sobre tus anuncios.

Meerkat te da la posibilidad de implementar acciones de marketing con relativa facilidad, pero lo mejor de todo es un buen punto de entrada para que los responsable de marketing online hagan sus pinitos con el desarrollo web. Nadie quiere que programen, pero al menos sí que sepan con que están trabajando. Un valor añadido que a mí me parece clave.

  • Venky, le fou

    A technical article! A video full of code!

    • 😛

      Tengo que escribir mas como este… pero ¿eres consciente de que los artículos técnicos, incluido este con nivel “para infraseres” y una aplicación funcional inmediata y muy visual son, con diferencia, lo menos leído del blog?

      A mi me gustan los artículos así, bisagra entre técnica y negocio que, desgraciadamente, suelen ir por separado… 😐

      • Venky, le fou

        Lo sé. De hecho lo decía un poco por si tú eras consciente :p

        A mi, aunque este caso no me aporte demasiado personalmente (ya conocía Merkaat), me gusta la intención. En este caso es negocio que se acerca un poquito al territorio técnico, pero también hay mucho técnico que necesita acercarse un poco al negocio para entender por qué elegir una u otra solución técnica no se puede basar en “me mola esto que es supernuevo y chachiguay” xD

        • XD pero todos hemos pasado por esa fase de “implemento esto porque… porque… bueno, porque quiero”. Creo que esa colaboración mas que subordinación a negocio es algo que sólo dan los años y tener el culo pelao en 1000 batallas.

          A ver si producimos mas contenidos así… y te incluyo a TI 🙂

  • Daniel López

    Pues a mí, opinión personal, me parece molesto e invasivo. Pero ahí siempre está la lucha entre los lectores que quieren ir a su bola y los productores de información que quieren poder… incidir en lo que los otros leen.

    • Quizás tengo que aumentar el delay, o bajar un poco la altura… en cualquier caso, estoy contigo: cualquier cosa que distraiga del objetivo final del visitante (en este caso, leer un artículo) siempre va a ser “molesto”.

      Por eso me mola de Meerkat que, por defecto, ya venga con opciones de “ocultar” o “no me lo muestres más, madafacka”.

      Mmm… estoy pensando que, para la próxima campaña, podría probar con un anuncio que aparezca por la derecha. Al fin y al cabo, el contenido que se muestra allí es secundario…

      • Daniel López

        Pero es que a mi la opción de ocultar o “no me lo muestres más” es como el tío que te llama a las 10 de la noche y te dice “¿no te estaré molestando?” Pues sí, ya lo has hecho. Si no querías hacerlo, no haberlo hecho, madafacka.

        Pues eso, lo bueno de los anuncios estáticos es que el usuario los puede ignorar, y muchos lo hacen, por que no es a lo que vienen. Todo lo demás es hacer que el usuario haga algo que no quiere, pero tu sí quieres que haga. Así que por definición, le vas a tocar la moral :D.

  • No está mal el artículo, pero creo que es demasiado técnico para alguien de marketing. Están bien este tipo de “valores añadidos”, pero sigue siendo un poco complejo para alguien con poca o ninguna experiencia en desarrollo web.

    Está bien plantear este tipo de cosas, pero en este contexto igual sería mejor plantear una implementación más sencilla, por ejemplo con este plugin: http://wordpress.org/extend/plugins/wp-meerkat/ si es que no lo has visto ya (yo no lo he probado, pero debería ser más sencillo para alguien sin experiencia).

    De todas formas, personalmente, también me parece un poco intrusivo este tipo elementos en una web, pero como dices, también sería cuestión de ajustar parámetros (tamaño, tiempos, etc.).

    PD: gracias por la mención (Máis Que Deseño 😉

    • Siempre que me encuentro con un reto similar (explicar algo de desarrollo a una audiencia variopinta con distintos grados de conocimiento) fallo estrepitosamente, porque siempre das por supuesto que saben que es una hoja de estilo o… un pixel 🙂

      Me conformo con que alguien que no conociera Meerkat viera las posibilidad que ofrece y que con el código de ejemplo (y el video como ayuda) pueda llegar a verlo y toquetearlo en su propio ordenador.

      No conocía el plugin de WordPress para Meerkat ¡Que bueno! Así ni siquiera tienes porque hacer la integración que yo he hecho.

      En realidad, no empecé con Meerkat pensando en ponerlo en WordPress… sino que usé WordPress para mostrar lo fácil que sería integrarlo con cualquier cosa. Pero con eso, aún más fácil… ni siquiera te hace falta saber nada de JavaScript (aunque esa era la idea del artículo)

  • crismillara

    Como persona desconocedora totalmente de programación e iniciándome en el mundo del Marketing Online, te pregunto ¿Existe algún libro del estilo de “Aprenda programación necesaria para Marketing Online”? Si no existe podías animarte a escribirlo jejej..

  • Isidro López

    Muy bueno el artículo, una vez más gracias por compartir tus experiencias con todos, David.

    Me ha resultado especialmente útil el vídeo y el ejemplo de código: es muy pedagógico poder ir ejecutando el código mientras se visualiza el ejemplo.

    Eso sí: dudo que cualquier “no técnico” se haya enterado de mucho 🙂