mod_fcgid: read data timeout in 45 seconds

El problema es muy sencillo de resolver. Básicamente PHP está corriendo en modo FastCGI y está dando un Timeout. Para resolverlo hay que editar el archivo vhosts.conf del dominio (/var/www/vhosts/*dominio*/conf/vhost.conf si estás en Plesk). y añadir esto:

<IfModule mod_fcgid.c>
</code>ProcessLifeTime 7200
IPCCommTimeout 7200
IPCConnectTimeout 300
</IfModule>

Después hay que reconstruir el archivo con el comando:

/usr/local/psa/admin/bin/httpdmng --reconfigure-domain dominio

Y por último reiniciar Apache:

service httpd restart

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

1) Editar el archivo /usr/local/psa/admin/conf/php.ini

En la línea que pone “upload_max_filesize” o “post_max_filesize” poneis la cantidad que queráis. Por ejemplo, 100M (100 megas).

2) Ejecutar /etc/init.d/psa stop

3) Ejecutar /etc/init.d/psa start

Y con eso ya habrás cambiado el limite de subida de phpMyAdmin en una instalación con Plesk.

Related posts:

1. Tutorial para instalar PHP APC Cache en Centos 6 con Plesk Hoy me ha tocado instalar el PHP APC Cache en...

Related posts brought to you by Yet Another Related Posts Plugin.

1. Descomprimir el archivo.
2. Crear una Base de datos MySQL.
3. Editar el archivo includes/config.php, completando la URL a donde vamos a subir la aplicación (por ejemplo: http://www.tudominio.com/sendy), y los datos de acceso a la BBDD creada en el punto anterior.
4. Subir los archivos a la ubicación indicada mediante FTP.
5. Dar permisos 777 a la carpeta uploads mediante CHMOD.
6. Antes de instalar Sendy, es conveniente comprobar que están instaladas todas las extensiones necesarias. Para ello hay que visitar esta URL: http://www.tudominio.com/sendy/_compatibility.php?i=1. Si todo ha ido bien, veréis que al final pone “Score 8/8″. Esto quiere decir que está todo correcto. Si hubiera algún problema, habría que solucionarlo antes de proceder con la instalación.
7. Vamos con la instalación “de verdad”. Hay que acceder con el navegador al directorio donde habéis subido sendy, y se cargará automáticamente el formulario de instalación. Hay que rellenar los campos License key, Company, Name, E-mail y Password. Importante también especificar la zona horaria correcta para después no tener sustos. De momento, no completaremos los campos relacionados con Amazon Web Services, ya que eso lo haremos después. Pulsamos en install now …

    

8. ¡Listo! Si no ha fallado nada ya tenemos instalado Sendy.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

¿Tienes problemas con el techo (o “capota”) de tu Opel Astra TwinTop? Yo hasta ahora no había sufrido mucho, y el coche se había portado relativamente bien en ese sentido.  Sin embargo, sí que había un ruido en concreto que me traía por la calle de la amargura y ya había estado mirando por Internet posibles soluciones. Encontré a solucionesopel que prometía arreglar cualquier problema del techo de los Astra TwinTop, así que le llamé.

“Soluciones Opel” es en realidad “Manolo” – un tío realmente increíble – (luego veréis por qué), que un buen día decidió que ya estaba bien de pagar casi 1.000 euros por cada vez que pasaba por Opel para los problemas del techo de su Astra TwinTop. El único problema, es que Manolo vive en Valencia, y aunque hace desplazamientos a toda España, no me compensaba pagar su desplazamiento para arreglar un ruidito con el que podía convivir un mes más tranquilamente.

El caso es que este fin de semana el panorama cambió, ya que el maletero de mi coche dejó de querer abrirse de repente. El mayor problema no era que no pudiera abrir el maletero, sino que el coche pensaba que el techo estaba a medio abrir, y a partir de 30 km/h empezaba a pitar como un descosido, lo que hacía casi imposible usar el coche con normalidad si no querías acabar con dolor de cabeza.

Total que volví a llamar a Manolo, le comenté el caso y le dije que se viniera para Madrid. Le dije que aprovechando el viaje, quería hacer el cambio de los piñones de los aletines traseros. Para los que no sepáis de que va el tema, resulta que el Astra TwinTop tiene unos aletines de plástico, que son movidos por unos motores. El problema radica en que los motores acaban estropeando los piñones de plástico por sobre-esfuerzo y al final se acaban rompiendo. Cuando esto te pasa, te quedas con el techo medio abierto y con una cara de gilip… . La cara es peor cuando llegas a Opel y te dicen que no cambian sólo el piñón, sino el motor completo, y la gracia te sale por 420€. Así que como es algo que acabará pasando, pues más vale prevenir que curar …

La cuestión es que a la hora de comer Manolo ya estaba en mi casa con su chica, que le ayuda en algunas de las tareas (por ejemplo, en la fabricación de los piñones metálicos artesanales). Como estaba lloviendo, decidimos que la reparación la vamos a hacer en el garaje.

Tras sacar los bártulos, me enseña alguna de la documentación técnica que se ha ido haciendo. Me ha enseñado todos los esquemas eléctricos de todos los elementos del techo. ES INCREÍBLE. Pensaréis que esa documentación la puede tener cualquiera, ya os digo que no. Tenía todos los dibujos de todas las partes, los esquemas, etc. Después me ha enseñado la documentación oficial interna y era de risa comparada con la que se había ido haciendo él.

A continuación, se ha metido en faena. Ha enchufado la máquina Tech 2 de diagnosis. La máquina ha detectado el error B1405: Tensión alta en circuito de salida de masa. Además me ha detectado otro error en el motor que tendré que observar, pero esto no viene a cuento ahora.

Después, ha accedido a un submenú donde se veían los 15 “estados” del techo. Es decir, qué detecta el coche sobre cada pieza. Tiene una lista de cómo tiene que estar cada uno de ellos con el coche abierto y con el coche cerrado. En mi caso … no coincidía ninguno. Era como si hubiera algo que estuviera trastocando toda la lectura y tirando abajo el sistema entero del techo. De hecho, una cosa curiosa es que el sistema no detectaba si el maletero estaba abierto o no, es decir, como si no hubiera maletero .

Tras ver esto, Manolo ha pensado que se trataría de varios cables pelados que estuvieran juntándose y haciendo que el sistema se volviera loco. Pero antes de poder ver los cables, era necesario abrir el maletero. Como por arte de magia (en serio, mi cara en ese momento era un poema), ha pulsado un botón en el Tech 2 y el maletero se ha abierto :-O (poker face jeje). También me ha dicho que en el caso de que eso no funcionara, tenía una herramienta para abrirlo desde el agujero porta-skis.

Bueno, ya teníamos el maletero abierto, primer problema resuelto. Después, ha concluído que por el fallo que estaba dando y los sistemas que daban mediciones extrañas (como lo de que no había maletero), el problema tenía que venir en un segmento de los mazos de cables. Ha abierto la redecilla por un tramo, y ahí estaban los cables pelados. A la primera, no ha dudado ni un momento.

Tras localizarlos, los ha soldado uno a uno, les ha puesto termo-retráctil y ha encintado el mazo de nuevo, sujetándolo como es debido a las distintas partes del sistema para evitar las flexiones o que se pillen (que es lo que pasa muchas veces en estos casos). Después ha puesto la cortinilla cubre-equipaje que lleva el Astra TwinTop, le ha dado el botón y … ¿adivináis qué? Ha funcionado a la primera.

Después de esto, han procedido entre él y su chica a cambiar los piñones de los aletines. Aunque a priori es una operación sencilla (hay un vídeo explicativo en Internet), yo os recomiendo que os los cambie él porque tienen algún truquillo de ajuste. Aquí os dejo una foto del proceso:

Y aquí una foto de mis piñones antiguos. En la foto no se aprecia mucho, pero ya tenían algunas muescas. Además, sospecho que me los cambiaron en garantía (tras reclamación a Opel) hace dos años porque cuando hacía mucho calor se atascaban a veces, por lo que es probable que apenas tuvieran un par de años de uso de los 4 y medio que tiene el coche.

Por último, ha estado revisando algunas cosas que suelen provocar ruidos en el techo, y ha puesto cinta aislante en una pieza que él cree que es la que generaba el ruido molesto que le había comentado. El problema (como casi siempre pasa con los ruidos), es que cuando el mecánico tiene que escucharlo, no suena. En este caso, al abrir y cerrar el techo, el ruido deja de sonar durante un tiempo. Hemos salido a dar una vuelta con el coche y no ha sonado. Lo observaré estos días para ver si no vuelve a dar señales de vida. Os dejo una foto de la pieza en cuestión:

Para acabar la faena, tenía la centralita del manos libres Parrot estropeada, y tenía la de recambio en casa. Me ha dicho que se la dejara que él me la cambiaba en un momento. Dicho y hecho. Ha desmontado la guantera, ha sacado la centralita, ha puesto la nueva y Parrot funcionando.

Pensaréis que cuánto me ha costado todo esto. Además de sus gastos de desplazamiento hasta Madrid, han sido 200€ por la reparación del techo y 200€ por los piñones metálicos y su instalación (y el favor de instalarme el manos libres). ¿Es mucho? ¿Poco? Pues esto es como todo, habrá valoraciones de todos los tipos. A mí no me parece caro teniendo en cuenta que ha hecho en mi garaje, que me ha evitado futuros problemas (piñones metálicos) y que si lo hubiera llevado a Opel probablemente se hubieran puesto a cambiar piezas como locos y que se hubieran tirado con el coche unos cuántos días. Cada vez que hay un problema de techo, por lo que comenta la gente en los foros y demás, es raro que la factura baje de 800-1000€. En mi caso, en realizar todo ha tardado algo menos de 3 horas, pero es que hemos estado de cháchara un montón de tiempo, comentando miles de cosas. Si hubiera ido simplemente a reparar la avería, en menos de una hora hubiera tenido el problema resuelto, los piñones instalados y la centralita del manos libres cambiada.

Además, el trato de Manolo es exquisito (su chica también es muy simpática), se nota que disfruta una barbaridad y que conoce el coche como la palma de su mano. Te va contando todo lo que le va haciendo a tu coche, cómo funcionan los distintos mecanismos, algunas curiosidades, etc.

En resumen, si tenéis un Opel Astra TwinTop con problemas de techo, os recomiendo seriamente que os pongáis en contacto con Soluciones Opel (Manolo). Estoy seguro de que os resolverá el problema en muy poco tiempo, que os cambiará estrictamente lo necesario y que casi con total seguridad os saldrá mucho más barato que pasar por Opel.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Hoy me ha tocado instalar el PHP APC Cache en un servidor web con Plesk sobre CentOS 6. Como siempre, dejo las instrucciones por aquí por si a alguien les pudieran ser útiles en un futuro.

En primer lugar, habrá que instalar todas los elementos relacionados con PECL (PHP Extesion Community Library). Para ello, ejecutamos los siguientes comandos desde la consola:

yum install -y php-pear
yum install -y php-devel
yum install -y httpd-devel
yum install -y pcre-devel

A continuación, es necesario comprobar si está instalado el compilador y la herramienta make. Para saber si los tenemos instalados, hay que ejecutar esto:

which gcc
which make

Si al ejecutar alguna de las dos cosas devuelve un resultado indicando que no los ha encontrado, quiere decir que hay que instalarlos. Ejecuta sólo aquellos que sean necesarios (que no estén):

yum install -y gcc
yum install -y make

Ahora es el momento de instalar por fin el PHP APC:

pecl install apc

Durante la instalación os irá preguntando varias cosas de la configuración. Os recomiendo que vayáis poniendo los valores por defecto que propone. Una vez instalado, antes de seguir tendremos que activarlo y crear nuestro primer archivo de configuración:

echo "extension=apc.so" > /etc/php.d/apc.ini

Yo os recomiendo que además añadáis algunas cosas a dicho archivo de configuración:

apc.enabled = 1
apc.shm_size = 256M
apc.shm_segments = 1
apc.ttl = 3600
apc.user_ttl = 3600

Tened cuidado con la cantidad de memoria que ponéis, ya que será “reservada” por APC aunque no la estéis llenando con datos cacheados. Por último, será necesario reiniciar el Apache para que los cambios hayan tenido efecto.

/etc/init.d/httpd restart

Para comprobar si la instalación ha sido correcta, basta con mostrar el phpinfo() y ver si el módulo APC aparece instalado.

Related posts:

1. Cambiar límite de subida de archivos de phpMyAdmin en Plesk Si tenéis que importar una BBDD más grande de los...

Related posts brought to you by Yet Another Related Posts Plugin.

Hoy os traigo un caso de SCAM (engaño) en Internet que han intentado colarme estos días.

Resulta que un día me escribe una persona supuestamente interesada en uno de mis dominios .com. El e-mail que recibo es este:

Hello!
I’m very interested in purchasing xxxxxxxx.com.
I found this domain listed for sale on Sedo.
Please respond with a desired price for your domain in the subject (in USD, Euros or UK pounds).
If you have other names for sale please email me your domain list with prices.
Regards,
Aaron Waldman
CEO
VIP Hosting Solutions Inc.

De primeras, ya me parece extraño que alguien se interese por uno de mis dominios anunciados en Sedo por otra vía que no sea esa. Como uno nunca sabe con estas cosas, le contesto informándole del precio por el que lo vendo. Y esto es lo que me responde:

XXXX eur. Ok. How can I send you the money? If this is your first time domain sale I may help you with the process.
Are you a member of domain seller communities/forums? Probably we know each other under some nicknames?
I’m going to invest in hosting, adult and online shopping related names.
Best regards,
Aaron Waldman
CEO

Como podéis ver, me responde indicando que el precio le parece bien. Me pregunta también que si me muevo por foros del sector, por si acaso nos conocemos de algo. Como me interesaba llegar hasta el fondo del tema, me hago el loco, no le respondo a esa pregunta, y le indico que yo prefiero hacer la transacción por medio de Sedo. Y en su respuesta es dónde viene el intento de engaño:

Before we go further I need one small thing from you. I need an official appraisal of your domain so I will see the price is reasonable and based on the last market trends.

Please don’t worry, it will take only 1-2 minutes of your time to order it. Then you will simply resend me the appraisal results via email.
Of course, I need a good in depth analysis made by experts but not an automated free service. Without it we both can’t be sure in the price.

I need the trademark verification too. Just a formality to be sure you have no problems with trademarks. Good companies offers this as a part of appraisal.

To avoid mistakes and wasting money on useless services I asked in the forum about reliable valuation/TM verification services.

Please read this information:

http://www.seven-forums.net/Archive/507836419.htm

If the evaluation comes higher you can change your asking price. After you send me the professional evaluation via email (usually it takes one day to get the results) we’ll be doing business.

Este personaje está intentando colarme un servicio de appraisal (valoración) de dominios y una especie de verificación de la marca. Por supuesto, él me pide que lo haga con una empresa concreta “externa y fiable”. Para ello, me remite a una página que contiene un supuesto post de un foro, donde él pregunta por un servicio de este estilo, y un supuesto experto le responde con una empresa relacionada. Pero es que lo cachondo del tema es que vas a la raíz de ese sitio, y ni existe foro ni leches, es todo un HTML falso montado en 10 minutos.

Así que ya sabéis, si alguien os dice que os va a comprar un dominio, intentar buscar antes en Google información sobre esta persona, ya que os podréis llevar sorpresas. Y al final, en caso de dudas, haced la gestión a través de Sedo, y si alguien tiene que pagar una valoración, que sea la persona que compra el dominio, que al fin y al cabo es el interesado en el que no le “engañen”.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

En esta ocasión, os traigo una función en PHP que podréis utilizar para spinnear textos.

Para quien no lo sepa, spinnear un texto consiste en escribir un texto inicial con una sintaxis adecuada, de manera que después se puedan sacar múltiples versiones de ese texto de manera automática.

Por ejemplo. Escribimos el siguiente párrafo:

Las manzanas {rojas|verdes} pueden {ser grandes|ser pequeñas|estar mordidas}

Podríamos obtener spinneándolo los siguientes textos:

• Las manzanas rojas pueden ser grandes
• Las manzanas rojas pueden ser pequeñas
• Las manzanas rojas pueden estar mordidas
• Las manzanas verdes pueden ser grandes
• Las manzanas verdes pueden ser pequeñas
• Las manzanas verdes pueden ser mordidas

Igual que spinneamos palabras, podemos spinnear párrafos enteros. Incluso podemos hacerlo de forma anidada (pongo un ejemplo muy sencillo para no complicar las cosas demasiado):

Las manzanas {son un tipo de {fruta|alimento}|están muy ricas}

Podríamos obtener las siguientes versiones:

• Las manzanas son un tipo de fruta
• Las manzanas son un tipo de alimento
• Las manzanas están muy ricas

Y esto lo podéis complicar infinitamente para crear versiones tan distintas como queráis.

	function spin($cadena, $apertura = '{', $cierre = '}', $separador = '|')
	{
		// Si no hay nada que spinnear, devolvemos la cadena
		if(strpos($cadena,$apertura) === false) return $cadena;

    	// Analizamos las aperturas y cierres y las ordenamos por
    	$longitud = mb_strlen($cadena);
		$aperturas = array();
		$tramos = array();

    	for($i=0;$i<=$longitud;$i++){
    		$caracter = mb_substr($cadena,$i,1);
    		if($caracter==$apertura){
    			array_push($aperturas,$i);
    		}
    		else if($caracter==$cierre){
    			// Creamos el nivel si no existe
    			$nivel = count($aperturas);
    			if(!isset($tramos[$nivel])) $tramos[$nivel] = array();
    			// Metemos el rango de caracteres en dicha profundidad
    			$inicio = array_pop($aperturas);
    			// Comprobamos que no haya desequilibrios
    			if($inicio===false) return $cadena;
    			// Metemos el tramo en el nivel de profundidad
    			array_push($tramos[$nivel],$inicio.",".$i);
    		}
       	}

       	// Si queda algun elemento en el array es que hay desequilibrios
       	if(count($aperturas)>0) return $string;

       	// Comprobamos si existe algun tramo con decisiones
       	if(isset($tramos[1])){
       		// Resolvemos una de las decisiones de mayor profundidad
       		$nivel = $tramos[count($tramos)];
       		$decision = $nivel[count($nivel)-1];
       		list($inicio,$fin) = explode(",",$decision);
       		// Obtenemos el texto sin los delimitadores
       		$texto = substr($cadena,$inicio+1,$fin-$inicio-1);
       		// Obtenemos lo que hay antes en la cadena
       		if($inicio==0) $antes = "";
       		else $antes = substr($cadena,0,$inicio);
       		// Obtenemos lo que hay despues en la cadena
       		if(isset($cadena[$fin+1])) $despues = substr($cadena,$fin+1);
       		else $despues = "";
       		// Cadena temporal
       		$temp = $antes."--REEMPLAZO--".$despues;
       		// Obtenemos una de las versiones de máxima profundidad
       		$opciones = explode($separador,$texto);
       		$opcion = $opciones[rand(0,count($opciones)-1)];
       		// Cadena final
       		$cadena = str_replace("--REEMPLAZO--",$opcion,$temp);
       		return spin($cadena,$apertura,$cierre,$separador);
       	}
       	// CASO BASE - Todas las decisiones resueltas
       	else {
       		return $cadena;
       	}
	}

Su uso es muy sencillo. Básicamente le pasáis como primer argumento un texto con formato spintax (como el de los ejemplos) y os devuelve una versión spinneada. Si queréis utilizar etiquetas de apertura y cierre o separadores distintos a los normales ({,},|), podéis pasarlas como argumentos a la función.

Se podría optimizar el código utilizando algunas expresiones regulares y demás, pero como versión inicial creada en un momento es perfectamente válida y seguro que os saca de más de un apuro.

Quien no hace un poco de spinning es porque no quiere

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Como se suele decir en el mundo económico, es bueno no poner todos los huevos en la misma cesta y diversificar la inversión en distintas fuentes de tráfico para de esta manera tener un marketing mix que pueda hacer frente a cambios que puedan tener lugar en una fuente determinada. Si ponemos todos los huevos en la misma cesta (SEO o Adwords por ejemplo), estaremos expuestos a un fuerte riesgo que está completamente fuera de nuestro control.

Por ese motivo, de vez en cuando me gusta probar fuentes de tráfico distintas, y ver hasta qué punto pueden convertir. Por supuesto, la conversión es un valor que puede depender mucho de un mercado a otro, y no es lo mismo medir conversión a lead, que a venta, a descarga, a micro-objetivo, etc.

En esta ocasión, por motivos que no vienen al caso, acabé en la página de adf.ly. Este es un acortador de enlaces, que muestra al usuario publicidad antes de entrar a la página. El usuario puede saltar la publicidad a los 5 segundos pulsando a un botón. Ejemplo: http://adf.ly/HKh4c

Nuestro objetivo, será poner nuestra publicidad en esa web, y nuestra conversión será que el visitante haga un click en un enlace o botón (call-to-action)(en realidad estamos mirando el CTR del “anuncio”). Haremos una prueba más o menos sencilla, en la que probaremos 5 colores de texto distintos, 8 enlaces de 4 temáticas distintas (hipotecas, búsqueda de trabajo, conseguir un iPhone gratis o seguros de coche), creatividades con botón o sin botón, 4 tipos de letra, 5 tamaños de letra, y la aparición o no de un texto que indica que la información se abrirá en una ventana nueva. En total, son 5*8*2*4*5*2=3.200 combinaciones posibles. Como tampoco queremos gastar una fortuna en hacer la prueba, lo que haremos será ver que elementos se han mostrado, y guardar los resultados por elemento. Para ello, compraremos 5.000 impresiones a 2€ CPM. El sistema generará una combinación y comprobará si el usuario ha hecho click o no.

1. Capacidad de generar impresiones

La prueba tardó en ejecutarse menos de 10h, orientado a tráfico español. Es decir, estimo que sin aplicar el “Traffic Boost”, es posible hacer unas 15.000 impresiones diarias a 2€ CPM. Me faltó comprobar que efectivamente dichas impresiones fueran de España, pero por motivos que no vienen al caso, prefería no instalar el script de Google Analytics.

Un dato interesante, es que a pesar de que en teoría compré 5.000 impresiones, en realidad el servidor de la web contó 6087 peticiones (por cada petición, se generaba una combinación distinta). Es decir, Adf.ly me dio casi un 22% más de impresiones de las contratadas. Por lo tanto, el CPM real bajaba de 2€ a 1,64€.

2. Resultados del test inicial

A continuación, pego la imagen con las tablas con los resultados:

A pesar de que el número de impresiones es pequeño como para sacar conclusiones correctas, ya se empiezan a ver ciertas tendencias. Por ejemplo, poner el mensaje de que el enlace se va a abrir en una ventana nueva, o poner un botón en vez de un simple enlace de texto. Vemos que el tamaño, color de la letra y fuente también influyen en el CTR.

Si echamos un ojo a la herramienta de palabras clave de Google, veremos que los CPCs se pagan mucho mejor en el sector de seguros de coche que en el sector de búsqueda de trabajo. Dado que tengo un dominio “abandonado” relacionado con los seguros de coche, vamos a probar a llevar los clicks allí, para ver qué pasa con el usuario. El objetivo, será ver si es posible un “arbitraje”, comprando tráfico en Adfly e intentando monetizarlo con Adsense.

Os preguntaréis que por qué no he puesto la página con Adsense directamente en la publicidad. El motivo es que Google ha bloqueado cuentas de Adsense que estaban trayendo tráfico de Adfly. Por lo tanto, lo que haremos será utilizar esa página intermedia de pruebas, y los clicks llegarán a la página donde hay publicidad de Adsense. De esta manera, el referral del tráfico no es adf.ly, sino la página intermedia.

Si os parais a pensarlo, es realmente complicado que esto funcione. Al menos en las pruebas que yo he hecho con Adsense (que tampoco son muchas), no he conseguido RPMs de más de 25€. Esto quiere decir, que tendríamos que tener un CTR del 6,6% en Adfly, y que la calidad de la visita fuera al menos tan buena como las que vienen de SEO (ja!) para que dieran RPMs similares.

Pero, lo interesante de esto no es ganar dinero con Adsense (que sería cojonudo si diéramos con ese arbitraje, pero mucho me temo que no), lo interesante es ver qué pasa con estas fuentes de tráfico que normalmente no solemos tener en cuenta y que quizá en algunos nichos de mercado puedan ser una alternativa al CPC o al CPM tradicional. Por ejemplo, en seguros de coches podemos pagar más de 2€ el CPC. Si tenemos una fuente que nos trae clicks a 5 céntimos, la “calidad de la visita” puede ser 40 veces menor que la de Adwords.

En la segunda parte veremos a qué CTR se puede llegar con una campaña de este estilo, y veremos a ver qué resultados da en cuanto a RPM. ¿Os atrevéis a hacer apuestas?

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Si al hacer esto te encuentras con este error:

Project already exists! Delete and recreate

Probablemente es que estés intentando crear el proyecto en un directorio que ya existe. La solución es tan sencilla como que en el path indiques un directorio que todavía no existe. De esta manera, el comando ./create creará toda la estructura de ficheros necesaria para el proyecto de Phonegap y  te olvidarás de una vez por todas del error Project already exists! Delete and recreate.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Hoy os traigo un truquillo que saqué de aquí, para cuando queréis utilizar una imagen de fondo que se autoajuste a las distintas pantallas de la manera más inteligente posible. Es una propiedad CSS3 acompañada de un pequeño “hack” para Internet Explorer:

html {
background: url(imagen_de_fondo.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.imagen_de_fondo.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagen_de_fondo.jpg', sizingMethod='scale')";
}

Con este truquillo, conseguiríamos que la imagen se autoajuste en tamaño al fondo de pantalla. Además, si el tamaño no es proporcional a la imagen, automáticamente la centrará y mostrará la parte que entre sin distorsiones ni nada parecido.

Una vez que conocemos cómo funciona la propiedad background-size: cover conviene tener algo en cuenta. Si estamos interesados en este tema, lo más probable es que estemos pensando en dispositivos móviles. Si queremos que esta técnica funcione para dispositivos grandes, necesitaremos una imagen a muy alta resolución, que por lo tanto tardará bastante en cargar en dispositivos móviles.

Para resolver este asunto, podemos enfocar el problema desde una visión distinta. En primer lugar, necesitaremos una etiqueta HTML donde pondremos una imagen de fondo simple “inline”, y que nos servirá como contenedor de la imagen buena que después cargaremos dinámicamente:

<img id="bg" style="position: fixed; left: 0; top: 0;" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" />

A continuación, el código Javascript de jQuery que necesitaremos:

(function() {

var win = $(window);

win.resize(function() {
    
    var win_w = win.width(),
        win_h = win.height(),
        $bg    = $("#bg");

    // Load narrowest background image based on 
    // viewport width, but never load anything narrower 
    // that what's already loaded if anything.
    var available = [
      1024, 1280, 1366,
      1400, 1680, 1920,
      2560, 3840, 4860
    ];

    var current = $bg.attr('src').match(/([0-9]+)/) ? RegExp.$1 : null;
    
    if (!current || ((current < win_w) && (current < available[available.length - 1]))) {
      
      var chosen = available[available.length - 1];
      
      for (var i=0; i<available.length; i++) {
        if (available[i] >= win_w) {
          chosen = available[i];
          break;
        }
      }
      
      // Set the new image
      $bg.attr('src', '/img/bg/' + chosen + '.jpg');
      
      // for testing...
      // console.log('Chosen background: ' + chosen);
      
    }

    // Determine whether width or height should be 100%
    if ((win_w / win_h) < ($bg.width() / $bg.height())) {
      $bg.css({height: '100%', width: 'auto'});
    } else {
      $bg.css({width: '100%', height: 'auto'});
    }
    
  }).resize();
  
})(jQuery);

En la variable “available” hay que definir los anchos de imagen que tenemos. A continuación, en el directorio img/bg/ habrá que crear las imágenes correspondientes utilizando la nomenclatura.jpg (ej: 1024.jpg, 1280.jpg, etc).

De esta manera, tenemos un código que nos permite hacer un buen responsive web design utilizando imágenes de fondo autoescalables y teniendo en cuenta criterios de optimización.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.