Episodio 7: ¡Pequeños y cachondos trucos de JavaScript!

En el episodio 7 de '' The Conversion Hacker Podcast '', el principal hacker de conversión de Alemania, Jörg Dennis Krüger, explica cómo puede realizar optimizaciones pequeñas pero eficientes de su tienda en línea internamente utilizando JavaScript, ¡sin ningún conocimiento profundo de codificación!

TRADUCCIÓN DE ESTA SECUENCIA DEL PODCAST

Mi corazón ha estado latiendo más rápido durante años. Pienso en ti dia y noche ¿No sé si estoy despierto, soñando, acostado o de pie? Me miro enamorada de tus líneas, miro tus funciones brillar. No quiero dejarte nunca. ya me posee completamente.

Bienvenido al podcast de piratería de conversiones. Mi nombre es Jörg Dennis Krüger y como bien dijo mi director de programa: Sí, soy el hacker de conversión y hoy comencé con un pequeño poema, en este podcast, una pequeña interpretación de una oda al amor.

Ajusté unas palabras y bueno, ¿adivinen ya a quién le dirigí esta oda? Por supuesto a mi secreto, años de experiencia, primero odio, luego amor, amor, odio y más y más: JavaScript.

Me encanta JavaScript ahora. Por supuesto, JavaScript solía ser siempre así: "Oh, Dios mío", y durante un tiempo fue así: "Oh Dios, oh Dios, oh Dios, desactivemos JavaScript en todos los navegadores", y: "Nadie necesita eso de todos modos” y qué sé yo: “Simplemente arruina todo”. Microsoft había desarrollado su propio JavaScript y la la la la, pero la Internet moderna sería inimaginable sin JavaScript.

JavaScript simplemente funciona como un sueño para manipular HTML, mapear funciones, validar formularios, ¿qué sé yo? Incluso muestra interfaces completas. Sin JavaScript, Internet simplemente se vería muy diferente de lo que es. Y deberíamos usar JavaScript para nosotros en consecuencia. Y jaja. Como puede ver, este episodio es quizás un poco más técnico.

Aunque tengo que decir; No, en realidad no soy un programador en absoluto, no soy un programador, no estoy tan metido en eso. Pero JavaScript es tan bueno, un poco como PHP en algunas áreas. Con poco conocimiento, y con un poco de copiar y pegar y pensar un poco, puedes lograr mucho sin ser un programador incondicional. O puede encontrar desarrolladores relativamente económicos, que pueden desarrollar rápidamente un JavaScript para cambiar algo en la página.

Y ahora llegué a un punto emocionante por el que me gusta tanto JavaScript. Para mí, la solución para todos los departamentos de TI, todos los desarrolladores de plantillas, todas las agencias de tiendas, etc., ha terminado. Y dado que el Administrador de etiquetas de Google existió y se ha utilizado tan ampliamente, mi amor por JavaScript se ha reavivado una vez más, porque ahora puede introducir JavaScript en la página de manera tan hermosa. 

En el pasado, primero tenía que instalar la plantilla o podríamos tener que agregar una herramienta de prueba a la página y luego solo teníamos que entregar una variante, todo lo que es un poco una solución temporal persigue a la siguiente. Hoy tenemos el Administrador de etiquetas, donde podemos configurar fácilmente un disparador maravilloso, solo agregue el JavaScript y eso es todo. ¿Y qué puede hacer entonces un JavaScript así?

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

Si ya tenemos un jQuery de nuestro lado y muchas páginas están trabajando con jQuery en algún lugar de todos modos, por lo que la biblioteca ya está cargada, podemos trabajar mucho más fácilmente porque no tenemos que usar JavaScript simple, sino porque tenemos jQuery disponible. como Biblioteca, lo que nos libera de mucho trabajo. Y luego movemos elementos, reformateamos textos, escalamos imágenes, ocultamos elementos, mostramos elementos, tal vez reconstruimos la navegación completa, mostramos elementos de confianza.

¡Si todo! Podemos influir en todo, podemos usar JavaScript para influir en CSS, el contenido de la página, las estructuras HTML y, por supuesto, incluso las funciones. Y podemos cambiar las cosas muy, muy rápidamente, sin tener que mirar más a fondo la plantilla o el código. Y eso comienza con cosas muy pequeñas. Hace algún tiempo tuve el dueño de una tienda que casi discutió con su agencia sobre por qué no se podía hacer clic en los teasers de la página de inicio. Luego se dijo: “Bueno, eso es Shopware, ese es el mundo de las compras.

Y con el mundo de las compras, solo podemos hacer que se pueda hacer clic en los botones, pero no en todas las imágenes ". Pero si ahora tengo un avance en toda la pantalla en la página de inicio y tengo un botón tan pequeño, pero no se puede hacer clic en todo el avance, eso es una mierda, por supuesto. Pero hacer que se pueda hacer clic en algo a través de JavaScript es realmente una cuestión de cinco minutos y luego no tiene que discutir con la agencia si realmente saben acerca de Shopware, o lo que sea, simplemente establece un disparador correspondiente con JavaScript y ya está hecho y si le pones un poco más de trabajo, incluso puedes programarlo de manera tan dinámica que JavaScript siempre toma el enlace del botón, luego aplica lo que está a su alrededor a la imagen y eso es todo, entonces necesitas el JavaScript pero no no adaptarse en absoluto, para adaptar algo al teaser, el JavaScript automáticamente recupera los enlaces en consecuencia.

No es ciencia espacial, es solo un poco de JavaScript. Y puedes ahorrar mucho dinero con eso. Y sobre todo, ¡puedes ganar mucho dinero con él! Porque estás en el camino mucho más rápido con tus resultados. Es por eso que JavaScript es realmente uno de mis grandes amores en la piratería de conversiones, en la optimización de conversiones cada vez más, porque simplemente funciona, para que pueda cambiar algo rápidamente y cosas tan pequeñas, como hacer que se pueda hacer clic en algo aquí u ocultar un elemento aquí. De lo contrario, a veces es un esfuerzo enorme, una agencia puede cobrar dos, tres, cuatro, cinco horas por esto, pero tarda una semana en implementarlo, luego se pierde una semana y se pierden 500 euros.

Y podría hacerlo en JavaScript, dentro de, digamos, con control de calidad y así sucesivamente, dos horas y luego es mucho, mucho más barato y puede acumular conocimiento de JavaScript internamente, tal vez haya alguien en algún lugar que pueda hacer un poco de Has un indicio de ello, porque como dije, no tenemos que estar muy orientados a objetos aquí, no tenemos que saber qué está pasando, solo tenemos que hacer cosas muy simples, que a menudo se pueden copiar juntas , a través del administrador de etiquetas Una función de vista previa realmente excelente, porque simplemente puedo configurar el día en el Administrador de etiquetas, luego ir a Vista previa en el Administrador de etiquetas y ver si funciona o no.

Y luego cambio eso en el Administrador de etiquetas, hago clic en actualizar vista previa, lo miro nuevamente y puedo depurarlo maravillosamente hasta que funcione. No es tan complicado. Y luego he terminado en poco tiempo, en línea. Y, por supuesto, si tengo una herramienta de prueba, puedo usarla para eso y muchas herramientas de prueba también tienen un punto y clic de "lo que ves es lo que obtienes" o editor Trallala, entonces ni siquiera necesito saber JavaScript de alguna manera, luego solo hago clic en él.

Por supuesto, esto también tiene sus ventajas y desventajas y con algunas herramientas, algunas herramientas de prueba A / B, puedo hacer clic en algo y luego copiarlo en Tag Manager, tú también puedes hacer eso. Si ya hay mucho JavaScript en la página y la página solo se crea con un retraso, porque Ajax puede estar incluido, entonces la página solo se carga después, entonces tengo que interceptar eso con mi JavaScript en consecuencia. A veces es un poco difícil, luego necesito algunas devoluciones de llamada y así sucesivamente, pero luego tal vez pueda cambiar CSS. Puede lograr mucho 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 luego usan estas clases de CSS o ID o no tengo idea de qué.

Entonces no puedo presionar y cambiar exactamente los elementos individuales con JavaScript, pero escribo en la parte superior: "Cada celda de una tabla, o cada elemento con tal o cual nombre, use estos atributos" y eso es todo. Puedo llevar mucho conmigo cuando se trata de diseño. No puedo poner enlaces ahora, hay que mirar un poco más, pero como dije, la solución suele ser muy, muy simple. A veces simplemente no funciona, por supuesto, las soluciones alternativas no siempre funcionan, no es la solución al 1000 por ciento la que siempre funciona, pero es la solución al 90 por ciento la que me da resultados muy rápidamente.

Y es por eso que siempre debo preguntarme inmediatamente cuando pienso en cualquier cambio, no: "¿Cuánto tiempo le toma a la agencia implementar esto y qué tan complejo es y Lalala?" Pero la primera pregunta tiene que ser: “¿Puedo implementar esto usando JavaScript? ¿Puedo poner eso en la página por un momento y luego, cuando termine, puedo probarlo?" Si tengo suficiente tráfico, es casi la misma respuesta que "¿Puedo hacer mi prueba A/B?" Como es lo mismo, también necesito hacer pruebas A/B en JavaScript, pero incluso si no tengo suficiente tráfico, puedo usar esta tecnología para implementar rápidamente mis resultados, solo para probar; ¿Funciona? recopilar comentarios. Y si tengo suficiente tráfico, simplemente haré una prueba A/B, pero hablaremos de eso nuevamente en un episodio separado, qué significan exactamente las pruebas A/B y demás, porque las pruebas A/B solían sea ​​para mí una mierda, hoy tengo que decir que soy mucho más escéptico porque las pruebas A/B son geniales, pero es increíblemente difícil hacer buenas pruebas A/B, necesito tráfico real para eso, necesito un poco tiempo.

Necesito, de alguna manera, un poco de perseverancia para configurar todo correctamente y necesito los conocimientos para planificar una prueba A / B realmente bien. Y luego, al final de esta planificación, todavía tiene que salir que todavía hay suficiente tráfico en las áreas donde pruebo y así sucesivamente. Muy complicado, pero la tecnología es en realidad la misma, con la ventaja de que podemos hacer estos simples cambios de JavaScript sin una herramienta adicional, sin necesidad de cookies, etc., simplemente los arrojamos a la página con ciertos criterios, como Puedo dividir los días en la URL o lo que sea en el Administrador de etiquetas y puedo comenzar a usarlo. Y es por eso: JavaScript, de alguna manera mi gran amor en línea.

Y sí, en realidad recomendaría a todos que conozcan JavaScript un poco mejor, incluso si JavaScript no está en Tinder, pero JavaScript es muy poliamoroso y le gusta enamorarse de todos, solo tienes que enamorarte de JavaScript. Así que comencemos, aprendamos un poco y luego podrá lograr mucho con él.

Bueno, o pregunte quién está familiarizado con él. En mi entrenamiento y en mi equipo de conversión, también tengo un desarrollador de JavaScript que investiga un poco más cosas como esta para que no tenga que hacer todo yo mismo, así que, por supuesto, el tema de JavaScript es siempre una gran parte de todo. proyectos. Sí y si estás buscando a alguien que sepa hacerlo, pues ya sabes dónde encontrarlo. Entonces, muchas conversiones, espero ver ejemplos de cómo puede implementar cosas de manera muy rápida y efectiva con JavaScript.

Envíelo a jdk@jdk.de. Sí, y si queremos hablar más profundamente sobre cómo podemos implementar algo así juntos: jdk.de/Termin, simplemente solicite una reunión inicial. Luego hablamos sobre si tenemos la oportunidad de trabajar juntos. Por lo general, le devuelvo la llamada relativamente rápido si hay una solicitud y lo resolveremos. Así que todo lo mejor y muchas conversiones y eso rápidamente con pequeños y cachondos trucos de JavaScript.

Deja el primer comentario