Cómo optimizar el script para guardarlo en una base de datos y seleccionarlo usando JS y PHP JSFiddle

6 consejos esenciales para cualquier desarrollador que use Optimizely:

1. El registro Optimizely es tu mejor amigo

Mi primer consejo esencial es el uso del invaluable registro Optimizely. El registro contiene toda la información sobre el almacenamiento, la segmentación, el público y la ejecución del código en su sitio en la carga de la página, al tiempo que muestra los tiempos de ejecución de cada parte del proceso.

2. Use funciones personalizadas de jQuery para agregar código no compatible

Habrá momentos en los que necesite agregar código que no estará en el formato correcto y no hay forma de que pueda transformarlo. Cuando surge este problema, simplemente puede crear sus propias funciones jQuery personalizadas para evitarlo. Para hacerlo, primero deberá definir su función personalizada dentro de los parámetros de fuerza Optimizely.

3. Use eventos ‘onmousedown’ para botones cargados AJAX y enlaces salientes para rastrear objetivos dentro de Optimizely

La mayoría de los objetivos de seguimiento de Optimizely se pueden agregar a través de la ventana “Crear objetivo” dentro del editor, sin embargo, puede haber ocasiones en las que necesite usar eventos personalizados para registrar clics en botones y enlaces.

Cuando se agrega un objetivo de clic dentro del editor, Optimizely agrega un evento ‘onmousedown’ al elemento especificado y se adjunta después de que se haya ejecutado todo el código de variación. La razón de esto es para que pueda rastrear con mayor precisión los elementos que pueden enviar al usuario fuera de la página.

4. Use los parámetros de variación de fuerza para evitar la audiencia y la configuración de orientación

Al desarrollar una prueba, querrá verificar su código lo más cerca posible del entorno que un usuario pueda ver. Si bien el editor visual y los modos de vista previa son convenientes de usar, modifican directamente la página de una manera que podría afectar la prueba y, por supuesto, no la está viendo en el mismo entorno en el que el usuario la verá. Afortunadamente, Optimizely le permite forzar que aparezcan las pruebas independientemente de su audiencia y configuración de orientación.

5. Compruebe la revisión del fragmento Optimizely para asegurarse de que está viendo su último código

Para garantizar la velocidad y la confiabilidad, el fragmento Optimizely se carga con Akamai que, como todos los otros CDN, evaluará el mejor servidor en su red distribuida para servir el código (generalmente, este es el más cercano geográficamente). Sin embargo, esto tiene un precio de mayor ahorro debido a la naturaleza de la invalidación de archivos en CDN. Estoy seguro de que muchos de ustedes han tenido que esperar minutos para que su código se actualice, y aunque no hay forma de mejorar la velocidad de esto, pueden verificar si el código que ven en el sitio es el último código que se guardó por última vez usando el editor.

6. Use la página jQuery para acceder a más funciones

Como dije anteriormente, Optimizely proporciona un fragmento reducido de 1.6.4 que no tiene algunas funciones de uso común como .hide () , .ajax () , .getScript () , etc. Esto puede proporcionar un problema al intentar construya pruebas más grandes y complejas que pueden requerir API / scripts externos. Hay algunas soluciones para esto: cargar la versión completa de jQuery a través de Optimizely o no cargar jQuery en absoluto y usar la versión de la página.

Cargar la versión completa a través de Optimizely puede ser una solución rápida, pero al mismo tiempo está aumentando significativamente el tamaño del fragmento. También se vuelve redundante si ya tiene jQuery en la página. Por otro lado, si bien el uso de la versión de la página de jQuery puede parecer al principio una mejor opción en términos de tamaño general del archivo, en realidad puede ser más lento si está cargando jQuery al final de la página (como generalmente se recomienda que deberías hacer).

Manager @ Valuecoders

No estoy seguro de entender completamente tu pregunta, pero me ocuparé de ello. Asumiré que ya tiene la placa repetitiva hecha en el backend (configurando la conexión de su base de datos, estado de la aplicación, etc.).

Lo primero que necesita es ajustar sus campos en una etiqueta

, con un valor de “acción” que apunte a su script PHP de fondo y un botón de enviar para enviar el formulario. Ejemplo:



PHP expone los valores GET / POST de su formulario a través de las variables globales $ _GET y $ _POST. En el violín de ejemplo, usando un formulario POST, sería:

$ _POST [‘país’]
$ _POST [‘estado’]

Deberá desinfectar los datos para evitar la inyección de MySQL:

$ country = mysql_real_escape_string ($ _ POST [‘país’]);
$ state = mysql_real_escape_string ($ _ POST [‘estado’]);

Para insertar una nueva fila en una tabla llamada “mytable” con los nombres de columna “país” y “estado”:

$ sql = “INSERTAR EN mytable (country, state) VALUES (‘”. $ country. “‘, ‘”. $ state. “‘)”;
mysql_query ($ sql);

Esta es la implementación mínima básica. El código listo para producción haría algunas otras cosas, como validar los datos enviados, y probablemente usaría enfoques más modernos de saneamiento. El mejor enfoque sería una declaración tokenizada preparada para mysqli en lugar de msyql_real_escape_string, concatenación de cadenas y una consulta directa: estos son algunos temas más avanzados que debe priorizar, pero están fuera del alcance de esta pregunta.

Tenga en cuenta que aún debe admitir el caso en el que el usuario usa la versión sin estado (país2). Cada vez que se envía el formulario, los tres campos (país, estado y país2) se pasarán a su backend, por lo que debe averiguar cuál de las dos opciones se utilizó.

Por último, pero no menos importante, escribí un complemento selector de país / estado un poco más robusto para jQuery, si eso ayuda. Lo puedes encontrar aquí:

https://github.com/nphyx/jquery

More Interesting

Tengo 28 años, ¿debería comenzar la universidad y estudiar Comp Sci o pasante?

Cómo crear un sitio web (gratis) para alojar aplicaciones Java para descargar

¿Cuál es una manera de crear un sitio web como MyFridgeFood o Supercook usando WordPress?

Estoy en un trabajo haciendo jQuery y Backbone. Por el bien de mi carrera, ¿debería encontrar un trabajo con una pila de front-end moderna?

¿Cómo lidian los programadores de lenguaje de script (PHP, JavaScript y Python) con el mal soporte de autocompletar en IDEs?

¿Cómo crear un sitio web como nanopool.org? ¿De dónde puedo obtener los datos para ejecutar dicho sitio web?

Tengo una aplicación web basada en PHP / CSS / JS. ¿Hay alguna forma de convertirlo en un proyecto CMS o adaptarlo para usarlo en un marco?

Todavía no he trabajado en Javascript, pero sé algunas cosas básicas en Javascript. Me gustaría aprender React JS, ¿puedo?

Soy un principiante total para el desarrollo web. ¿Debo elegir ember js, meteor js y MongoDB para comenzar?

¿Debería usar Django-CMS o WordPress para un blog si es desarrollador de Django y no tiene experiencia con PHP o WordPress?

Quiero entrar en la programación de servicios / aplicaciones web. ¿Dónde debo comenzar o qué temas debo analizar?

Soy un desarrollador web líder. Piensa en aprender Desarrollo móvil. ¿Hará que mi perfil sea fuerte?

¿Cómo puedo convertirme en un desarrollador web perfecto dentro de un año?

¿Dónde puede encontrar un desarrollador web para ayudar con un proyecto basado en una idea para un sitio web de red social?

Si tengo un sitio que hace que la RAM se incremente gradualmente más y más, sin ninguna pérdida de memoria clara, ¿cómo puedo encontrar la fuente del problema?