Cómo hacer debug en Yandex Metrica

Si trabajas con Yandex Metrica, es posible que necesites comprobar rápidamente si tu código de seguimiento funciona correctamente, especialmente si mandas parámetros de usuario o parámetros de sesión. Una forma sencilla de hacerlo es añadir esta variable a la URL del sitio con el que estés trabajando:

?_ym_debug=1 // si no tienes variables en la URL
&_ym_debug=1 // si tienes otras variables en la URL

Así, verás en la consola del navegador el resultado de la comunicación con Metrica:

En esta captura de pantalla, tomada en la cuenta demo de Yandex Metrica, se ve cómo envía parámetros de sesión para indicar si el usuario tiene el menú lateral recogido o desplegado (luego todos estos parámetros están disponibles en los informes). En la primera de las líneas que se ve en la captura, comprobamos el pageview que envía al cargar la página.

Invalid response status: 307 con PayPal IPN Listener

Si usas la librería PayPal IPN Listener (https://github.com/Quixotix/PHP-PayPal-IPN) en algún proyecto, es posible que te haya dejado de funcionar la comunicación con PayPal y que encuentres en el log de errores una línea como esta:

[28-Jun-2018 18:12:04 Europe/Madrid] Invalid response status: 307

En junio de 2018 PayPal hizo efectivos una serie de cambios en sus servicios, y además de necesitar una URL para tu IPN que responda bajo HTTPS, tendrás que hacer este cambio para resolver el problema del 307.

En el fichero ipnlistener.php tendrás que modificar las líneas 71 y 72 (si no son estas mismas, por ahí andarán) por estas:

const PAYPAL_HOST = 'ipnpb.paypal.com';
const SANDBOX_HOST = 'ipnpb.sandbox.paypal.com';

Al menos en mi caso, el problema era este. La URL por defecto es www.paypal.com, pero PayPal recomienda usar ipnpb.paypal.com, e intuyo que ese 307 es la redirección de www a ipnpb.

Un consejo adicional para que nos apliquemos los que aún usamos PayPal IPN Listener es que actualicemos código, pues este recurso tiene ya unos cuantos años y tiene pinta de haber sido abandonado. ¿Qué alternativa a PayPal IPN Listener recomendarías?

Usar Internet Explorer en Mac

Si diseñas o desarrollas en entorno web y trabajas con Mac, seguro que te has encontrado con el problema de probar tu trabajo con Internet Explorer, ese navegador que casi siempre ha ido por libre en estos temas.

Casi con toda probabilidad has terminado usando Parallels o VMware, instalando alguna versión de Windows y a partir de ahí, a probar con Explorer (la versión que venga por defecto o alguna actualización que ya corre por tu cuenta).

Si has pasado por esto, una de las formas (si no la más) sencilla es descargarte una imagen para Parallels o VMware directamente desde el sitio web de Microsoft (Developer technologies).

Microsoft Virtual Machines

Como ves en la imagen, tienes disponibles varias versiones de Windows e Internet Explorer, incluso Edge. Solo has de elegir la que quieras usar, elegir tu plataforma (para Mac, Parallels o VMware), y lo tienes hecho. Y legal, no tendrás que pedir a nadie una copia de Windows. Estas máquinas virtuales expiran a los 90 días, pero ahí tienes tiempo más que suficiente para probar tu proyecto en ese entorno.

¡Comparte otras opciones si has usado algo alternativo!

 

 

Problema de vulnerabilidad en plugins y temas de WordPress

Hace unos días nos enterábamos de que había una grave vulnerabilidad (Cross-Site Scripting) en algunos de los plugins más populares para WordPress:

  • Jetpack
  • WordPress SEO (Yoast)
  • Google Analytics (Yoast)
  • All In one SEO
  • UpdraftPlus
  • WPTouch
  • Download Monitor
  • P3 Profiler
  • iThemes Exchange

Estos son algunos de los que más pueden sonar, pero ahora mismo hay más de 37.000 plugins disponibles en wordpress.org, más los cientos o miles que puede haber en sitios como Codecanyon. Y esto son solo los plugins.

El problema de seguridad viene del uso que los desarrolladores de plugins y plantillas han ido haciendo de un par de funciones de WordPress (add_query_arg() y remove_query_arg()), así que las miles de plantillas que hay en wordpress.org, Themeforest o sitios similares también se pueden ver afectadas.

Los dos plugins de SEO del listado de arriba son dos plugins que suelo instalar en todos los sitios de WordPress con los que trabajo (uno u otro, obviamente), y que también recomiendo a alumnos y clientes. Claro, que también recomiendo que tanto WordPress como los plugins y plantillas que se usen siempre se mantengan actualizados, y sigo viendo sitios que están corriendo con la versión 3.5 —o anterior— de WordPress, y si así anda la versión de WordPress, imagínate cómo están los plugins.

Si mantienes sitios con WordPress —y sobre todo si has tenido problemas con ellos últimamente—, te interesará echar un vistazo a los artículos que han ido publicando estos días sitios como Sucuri, WP Tavern o Envato:

Ya sabes… actualizaciones y copias de seguridad periódicas, que son gratis. Y borra todo aquello que no necesites realmente para que funcione tu sitio en WordPress.

 

Los colores de las redes sociales en código hexadecimal

Aquí tienes las referencias de color en formato hexadecimal para las principales redes sociales (al final, las redes sociales más relevantes en Rusia). Estas referencias están tomadas con cuentagotas sobre los logotipos de estas redes sociales, su cabecera o color más representativo, así que no pueden no ser perfectas, pero si necesitas dar color a los iconos de Font Awesome, por ejemplo, seguro que te ahorran algo de tiempo.

Si ves que alguna de las muestras de color no es la correcta, quieres hacer alguna corrección o simplemente añadir una nueva referencia para alguna otra red social, deja un comentario.

Facebook
#3A5795
Flickr
#0063DB (azul) #FF0084 (rosa)
Foursquare
#0732A2 (azul) #F94877 (rosa)
Google+
#C30907
Instagram
#2A5B83
LinkedIn
#0274B3
Pinterest
#D70004
Swarm
#FFB000
Tuenti
#0079C1
Tumblr
#34465D
Twitter
#5EA9DD
Vimeo
#1CA7CC
Vine
#00A478
YouTube
#CC181E

Redes Sociales en Rusia

Яндекс
#FF0000
ВКонтакте
#4E74A3
Одноклассник
#F88206
Mail.ru
#034A88 (azul) #FBA423 (naranja)
Мой мир
#3D6CB0

Resolver el problema de qTranslate con WordPress 3.9

Es bastante probable que si usas qTranslate con WordPress para publicar contenido en varios idiomas, el plugin haya dejado de funcionar al actualizar WordPress a la versión 3.9 (de hecho, no debería funcionar con versiones superiores a la 3.8.1).

Realmente, te encuentras con dos problemas 1. El primero, que qTranslate se desactiva porque la versión de WordPress es superior a la que el plugin soporta según su configuración original. Para corregir este problema, puedes editar el fichero qtranslate.php que encuentras en /wp-content/plugins/qtranslate/qtranslate.php y cambias esta línea:

define('QT_SUPPORTED_WP_VERSION', '3.8.1');

por esta otra:

define('QT_SUPPORTED_WP_VERSION', $wp_version);

De este modo, no deberías tener problemas para que qTranslate funcionara con tu versión actualizada de WordPress.

No obstante, el editor de contenido que tiene WordPress pegó un gran cambio hace poco, y seguramente no puedas seguir trabajando en el modo visual / texto de la forma habitual. Para solucionar este segundo problema, hay dos opciones:

  1. Descargar 3 ficheros (qtranslate_hooks.php, qtranslate_javascript.php y qtranslate_wphacks.php) y sustituirlos por los originales del plugin qTranslate. Estos tres ficheros los tienes en GitHub Gist.
  2. Migrar de qTranslate a mqTranslate, que está basado en qTranslate, soporta hasta WordPress 4.0-alpha, permite importar la configuración de qTranslate y no da problemas con Qtranslate Slug, si lo usas conjuntamente.

Si buscas alternativas a qTranslate o mqTranslate para gestionar sitios web en varios idiomas con WordPress, puedes probar con Polylang (gratuito) o WPML (comercial), por ejemplo.

  1. En el momento de escribir este artículo, la última versión de qTranslate era la 2.5.39, actualizada el 26/1/2014

Máquina tragaperras con Flash 5 y ActionScript 1.0

Máquina tragaperrasHaciendo limpieza digital me ha tocado revisar varias docenas de CDs en los que tenía trabajos del siglo pasado (literalmente). En los CDs ha aparecido de todo… uno de los trabajos que ha aparecido es un juego que hice en Flash allá a principios del año 2001. Eran tiempos de Macromedia, y también de burbuja puntocom. Lo cierto es que guardo buen recuerdo de aquella época, y aunque ahora no haría nada en Flash, por aquellos años era casi obligatorio darle al Macromedia Flash y al ActionScript o no salías en la foto.

Esta es una versión standalone del juego, que originalmente se desarrolló como un concurso online para el portal Autocity. Está hecho con Flash 5 y ActionScript 1.0 (lo que había). Si quieres, puedes echar un vistazo al juego y descargarte el fichero FLA por si te sirve para algo. Leer Más

Leer un fichero de texto línea por línea con PHP

Un pequeño código para leer un fichero de texto línea por línea:

$handle = fopen("mifichero.txt", "r");
if ($contenido) {
    while (($linea = fgets($contenido)) !== false) {
        // hacemos algo con la línea
    }
} else {
    // no se ha podido leer el fichero
}

Me han pasado un fichero de texto con un listado de unos 3500 códigos para cargar en una base de datos, y cada uno tenía que estar vinculado con distintos valores de distintas tablas, así que para cada línea necesitaba una consulta diferente. En menos de cinco minutos, hecho.

El favicon en las SERP y enlaces patrocinados

Favicon SEO Yandex

Anuncia hoy Google en su Inside Adsense Blog que introduce la opción de añadir favicones a los anuncios de tipo texto. Parece un pequeño cambio, pero seguramente mucha gente tendrá que preparar muchos favicones de aquí a que termine el mes.

De momento, Google se queda en los enlaces patrocinados, pero Yandex ya lleva mucho tiempo dejando que el favicon de un sitio web tenga presencia en las SERP —además de tenerla en los enlaces patrocinados de Yandex.Direct—, y aunque parezca una tontería, es un elemento muy simple que puede llamar la atención del usuario y hacer que nuestro sitio obtenga el siempre deseado clic. Hay servicios como una farmacia, hotel, automóvil, billetes de avión o tren… para los que puede resultar muy sencillo tener un favicon que destaque.

En la imagen de arriba, la imagen que Google ha publicado en su blog de Adsense, superpuesta a una captura de pantalla de los resultados de Yandex para una búsqueda de hotel, donde se puede observar que Yandex muestra los favicones tanto en los enlaces patrocinados como en los orgánicos.

Si, el favicon siempre ha tenido su uso, pero ¿crees que ahora Google animará a que la gente tenga un favicon en su sitio web o esperará a que Google lo empiece a mostrar en sus SERP?

Personalizar las reglas de escritura de URL en WordPress

En uno de los proyectos en los que estoy trabajando actualmente he tenido que crear una serie de páginas con contenido personalizado para integrar en un tema de WordPress. El problema con el que me encontré es que los enlaces permanentes de WordPress llevan su propia dinámica —más allá de editar el fichero .htaccess— y si preparas páginas o entradas con contenido propio, quizás quieras o debas seguir usando las URLs semánticas por aquello del SEO y otras historias.

Así pues, además de tener preparadas las páginas de plantilla que puedas necesitar, lo primero será registrar esas nuevas reglas de escritura para las URL. Puedes incluir este código en el fichero functions.php de tu tema, por ejemplo:

add_action( 'init', 'mis_reglas_rewrites_init' );
function mis_reglas_rewrites_init(){
    add_rewrite_rule('mipagina/([0-9]+)-(.*).html?$','index.php?pagename=mipagina&mivariable_id=$matches[1]','top' );
}

add_filter( 'query_vars', 'misreglas_query_vars' );
function misreglas_query_vars( $query_vars ){
    $query_vars[] = 'mivariable_id';
    return $query_vars;
}

Luego puedes ir a los ajustes de enlaces permanentes desde la administración de WordPress y guarda los ajustes de enlaces permanentes para que refresque estas reglas, no es necesario que cambies nada, simplemente guarda cambios tal cual lo tengas configurado. También puedes llamar a la función flush_rewrite_rules(); para forzar este refresco.

Para recuperar la variable en las páginas que añadas a tu tema de WordPress, puedes hacerlo con la siguiente función:

get_query_var('mivariable_id');

Mientras estés con el desarrollo, si quieres consultar y mostrar en pantalla todas las reglas de escritura de URLs que tienes, puedes usar esta función. Así puedes echar un vistazo a lo que realmente está usando WordPress, por si alguna URL no funciona como esperabas.

function mostrar_rewrite_rules() {
	global $wp_rewrite;
	if (!empty($wp_rewrite->rules)) {
		echo 'Reglas para enlaces permanentes';
		echo '
'; foreach ($wp_rewrite->rules as $nombre => $valor) { echo $nombre.'
'.$valor.'
'; } echo '-fin-'; } else { echo 'Nada que mostrar'; } }

En el Codex de WordPress puedes encontrar muchísima más información si has de desarrollar o personalizar un tema para este gestor de contenidos. Las posibilidades de este CMS llegan hasta donde llegue tu imaginación 🙂