Episodio 7: Pequeños y geniales trucos de JavaScript

En el episodio 7 de ''The Conversion Hacker Podcast'', Jörg Dennis Krüger, el hacker de conversiones más importante de Alemania, explica cómo puedes realizar pequeñas pero eficaces optimizaciones internas en tu tienda online utilizando JavaScript, ¡sin necesidad de tener conocimientos profundos de codificación!

TRANSCRIPCIÓN DE ESTE EPISODIO DEL PODCAST

Mi corazón late más rápido desde hace años. Pienso en ti día y noche. No sé si estoy despierto, soñando, tumbado o de pie... Miro tus líneas enamorado, miro tu brillo. No quiero dejarte nunca, ya me posees por completo.

Bienvenido al Podcast de Conversion Hacking. Me llamo Jörg Dennis Krüger y, como bien ha dicho mi director de programa: Sí, soy el hacker de la conversión y he empezado el podcast de hoy con un pequeño poema, una pequeña interpretación de una oda al amor.

He ajustado algunas palabras y ¿adivinas a quién he dirigido esta oda? Por supuesto a mi secreto, desde hace años, primero odio, luego amor, odio-amor y cada vez más: a JavaScript.

Ahora me encanta JavaScript. Por supuesto, JavaScript solía ser como: "Oh querido", y durante un tiempo fue como: "Oh Dios, oh Dios, oh Dios, deshabilitemos JavaScript en todos los navegadores", y: "Nadie lo necesita de todos modos" y qué sé yo: "Simplemente lo arruina todo". Microsoft había desarrollado de alguna manera su propio JavaScript y lala lala, pero la Internet moderna sin JavaScript es inimaginable.

JavaScript funciona de maravilla para manipular HTML, mapear funciones, validar formularios, no sé qué. Incluso para mostrar interfaces enteras. Sin JavaScript, Internet simplemente tendría un aspecto completamente distinto del que tiene. Y deberíamos usar JavaScript para nosotros mismos en consecuencia. Y jaja. Como puedes ver, este episodio es quizás un poco más técnico.

Aunque tengo que decir que no, no soy un programador, no estoy muy metido en el tema. Pero JavaScript es genial, un poco como PHP en algunas áreas. Puedes conseguir mucho con un poco de conocimiento, un poco de copiar y pegar y un poco de pensamiento, sin tener que ser un programador empedernido. O también puedes encontrar desarrolladores relativamente baratos que pueden desarrollar rápidamente un JavaScript para cambiar algo en la página.

Y esto me lleva a un punto emocionante sobre por qué me gusta tanto JavaScript. Para mí, es la solución para todos los departamentos de TI, todos los desarrolladores de plantillas, todas las agencias de tiendas y demás. Y desde que Google Tag Manager existe y se utiliza tan ampliamente, mi amor por JavaScript se ha reavivado, porque ahora se puede simplemente lanzar JavaScript en la página de una manera tan maravillosa. 

En el pasado, primero teníamos que instalar la plantilla o tal vez teníamos que poner una herramienta de prueba en la página y luego sólo teníamos que entregar una variante, todo un poco de una solución tras otra. Hoy tenemos el Tag Manager, donde podemos simplemente configurar un disparador maravilloso, poner el JavaScript y ya está. ¿Y qué puede hacer entonces este JavaScript?

Sí, ¡prácticamente todo! Porque podemos usarlo para reconstruir el sitio maravillosamente.

Si ya tenemos un jQuery en la página y muchas páginas trabajan con jQuery en alguna parte de todos modos, así que la biblioteca ya está cargada, podemos trabajar mucho más fácilmente porque no tenemos que usar JavaScript plano, sino porque tenemos jQuery disponible como biblioteca, lo que nos quita mucho trabajo de encima. Y entonces movemos elementos, reformateamos textos, escalamos imágenes, ocultamos elementos, mostramos elementos, quizás reconstruimos toda la navegación, mostramos elementos de confianza.

Sí, ¡todo! Podemos influir en todo, podemos usar JavaScript para influir en CSS, en el contenido de la página, en las estructuras HTML y, por supuesto, incluso en las funcionalidades. Y podemos cambiar cosas muy, muy rápidamente sin tener que mirar más profundamente en la plantilla o el código. Y eso empieza con cosas muy pequeñas. Hace algún tiempo, el propietario de una tienda casi discutía con su agencia por qué no se podía hacer clic en los teasers de la página de inicio. Entonces le dijeron: "Bueno, eso es sólo Shopware, esos son los mundos de compras.

Y con los mundos de compras, sólo podemos hacer clic en los botones, pero no en todas las imágenes". Pero si ahora tengo teasers que abarcan toda la pantalla en la página de inicio y tengo un botón tan pequeño en él, pero no se puede hacer clic en todo el teaser, eso es, por supuesto, una gilipollez. Pero hacer que algo así sea clicable vía JavaScript es realmente cuestión de cinco minutos y entonces ni siquiera necesitas discutir con la agencia si realmente saben algo sobre shopware o lo que sea, sino que simplemente añades un disparador correspondiente vía JavaScript y ya está y si le pones un poco más de trabajo, incluso puedes programarlo tan dinámicamente, que el JavaScript siempre toma el enlace del botón, luego lo aplica a la imagen que está a su alrededor y eso es todo, entonces usted ni siquiera necesita adaptar el JavaScript para adaptar nada al teaser, el JavaScript entonces obtiene los enlaces de forma totalmente automática.

No es ciencia espacial, es sólo un poco de JavaScript. Y puedes ahorrar mucho dinero con él. Y sobre todo, ¡puedes ganar mucho dinero con él! Porque, sencillamente, puede obtener sus resultados mucho más rápido. Es por eso que JavaScript es realmente uno de mis grandes amores en el hacking de conversión, en la optimización de conversión cada vez más, porque simplemente funciona para cambiar rápidamente algo y pequeñas cosas como hacer algo clicable aquí u ocultar un elemento aquí es de otra manera a veces un gran esfuerzo, una agencia puede cobrar dos, tres, cuatro, cinco horas por ello, pero se tarda una semana hasta que tienen tiempo para ponerlo en práctica, entonces se pierde una semana y 500 euros se han ido.

Y usted podría hacerlo en JavaScript, digamos con la garantía de calidad y así sucesivamente, dos horas y luego es mucho, mucho más barato y usted puede construir el conocimiento de JavaScript internamente, tal vez hay alguien en alguna parte que sabe un poco sobre él, porque como he dicho, no tenemos que ser muy orientado a objetos aquí, No sé qué, pero sólo tenemos que hacer cosas muy simples que a menudo se puede simplemente copiar juntos, el Tag Manager tiene una función de vista previa realmente grande, porque puedo simplemente establecer la etiqueta en el Tag Manager, a continuación, vaya a Vista previa en el Tag Manager y luego ver si funciona o no.

Y luego lo cambio en el Tag Manager, hago clic en Update Preview, lo vuelvo a mirar y puedo depurarlo maravillosamente hasta que se ejecute. No lleva tanto tiempo. Y entonces he terminado en cero tiempo, en línea. Y, por supuesto, si tengo una herramienta de prueba, también puedo usar eso y muchas herramientas de prueba también tienen un "lo que ves es lo que obtienes" apuntar y hacer clic o editor Trallala, así que ni siquiera necesito saber JavaScript, puedo simplemente hacer clic juntos.

Por supuesto, esto también tiene sus ventajas y desventajas y con algunas herramientas, algunas herramientas de pruebas A / B, también puedo hacer clic en algo como esto juntos y luego copiarlo en Tag Manager, también se puede hacer eso, por supuesto, hay trampas. Si ya hay una gran cantidad de JavaScript en la página y la página por lo tanto sólo se carga con un retraso porque hay tal vez Ajax en ella, entonces la página sólo se carga más tarde, entonces tengo que interceptar esto en consecuencia con mi JavaScript. Esto es a veces un poco difícil, entonces necesito algunos callbacks y así sucesivamente, pero entonces tal vez puedo cambiar el CSS. También se puede lograr una cantidad increíble con CSS y escribo CSS una vez en la parte superior de la página y se aplica automáticamente a todos los elementos que más tarde utilizan estas clases CSS o IDs o no sé qué.

Entonces no puedo usar JavaScript para golpear y cambiar los elementos individuales exactamente, pero escribo en la parte superior: "Cada celda de una tabla, o cada elemento llamado tal y tal, por favor aplique estos atributos" y ya está. También puedo hacer bastante con esto en lo que se refiere al diseño. Ahora no puedo poner enlaces, hay que buscar un poco, pero como he dicho, la solución suele ser muy, muy sencilla. A veces simplemente no funciona, por supuesto las soluciones alternativas no siempre funcionan, no es la solución del 1000% que siempre funciona, pero es la solución del 90% que me da resultados muy rápidamente.

Y por eso siempre debería preguntarme inmediatamente cuando pienso en cualquier cambio, no: "¿Cuánto tiempo necesita la agencia para implementar esto y cuánto tiempo consume y lalala?". En lugar de eso, la primera pregunta debería ser: "¿Puedo implementar esto usando JavaScript? ¿Puedo lanzarlo en la página y tenerlo listo, puedo probarlo?" Si tengo suficiente tráfico, la respuesta a "¿Puedo hacer mi test A/B?" es más o menos la misma. Porque es lo mismo, también tengo que implementar el test A/B con JavaScript, pero incluso si no tengo suficiente tráfico, puedo usar esta tecnología para implementar rápidamente mis resultados, sólo para probarlo; ¿funciona? Recoger opiniones. Y si tengo suficiente tráfico, entonces simplemente hago un test A/B, pero hablaremos de lo que significa exactamente test A/B y demás en un episodio aparte, porque los test A/B solían ser la hostia para mí, hoy tengo que decir que soy mucho más escéptico al respecto, porque los test A/B molan, pero es increíblemente difícil hacer buenos test A/B, necesito tráfico real para eso, necesito un poco de tiempo.

Necesito un poco de energía para configurarlo todo correctamente y los conocimientos necesarios para planificar una prueba A/B realmente bien. Y luego, al final de esta planificación, todavía tengo que asegurarme de que hay suficiente tráfico en las zonas donde estoy probando y así sucesivamente. Así que es complicado, pero la tecnología es en realidad la misma, con la ventaja de que podemos hacer estos cambios simples de JavaScript sin una herramienta adicional, sin necesidad de cookies y así sucesivamente, pero sólo lo lanzamos en la página, de acuerdo a ciertos criterios, al igual que puedo, por ejemplo, descomponer los días en el gestor de etiquetas de acuerdo a la URL o lo que sea y puedo simplemente empezar con ello. Y es por eso que JavaScript es de alguna manera mi gran amor en línea.

Y sí, en realidad aconsejaría a todo el mundo que conociera JavaScript un poco mejor, aunque JavaScript no suela estar en Tinder, pero JavaScript es muy poliamoroso y le gusta enamorarse de todo el mundo, sólo tienes que enamorarte de JavaScript. Así que empieza, aprende un poco y luego puedes lograr una cantidad increíble con él.

De acuerdo, o pregunta a alguien que sepa del tema. En mi equipo de coaching y conversion hacking, también tengo un desarrollador de JavaScript que profundiza un poco en esas cosas para no tener que hacerlo todo yo, por eso JavaScript es siempre un tema importante en todos los proyectos. Sí, y si buscas a alguien que sepa hacerlo, pues ya sabes dónde encontrarlo. Así que muchas conversiones, estoy deseando ver ejemplos de cómo habéis utilizado JavaScript para implementar cosas de forma muy rápida y eficaz.

Sólo tienes que enviarlo a jdk@jdk.de. Sí, y si queremos hablar más en profundidad sobre cómo podemos realizar algo así juntos: jdk.de/appointment, basta con solicitar una reunión inicial. Entonces hablaremos de si tenemos posibilidades de trabajar juntos. Suelo devolver la llamada con relativa rapidez cuando hay una consulta y entonces lo resolvemos. Le deseo lo mejor y que consiga muchas conversiones, y rápido, gracias a los pequeños trucos de JavaScript.

Escriba un comentario