Blog

Trabajos, Webs

KerpBarber página web de un barbero en Canadá.

Os presentamos otra página que acabamos de sacar para uno de nuestros clientes. En este caso un barbero en Vancouver, Canadá: Kerp Barber. La página web tiene la estructura que siguen las páginas actuales, es decir un resumen del contenido importante en la portada, con servicios, precios, quienes somos y contacto. Además, dispone de un slider con un vídeo presentación y unos banners de presentación. La web tiene además los apartados de Bookings (para realizar citas a partir de una herramienta externa), Gallery (para mostrar sus trabajos), Workshops (para contratar formación con Ricardo, uno de los dueños) y Contacto. Todo esto en modo responsive, adaptable a todos los dispositivos.Esperemos que os guste.

Compartir, Internet, Seguridad

Cuidado con las aplicaciones chorras que instaláis. En Internet si algo es gratis el precio ERES TÚ.

Ya lo hemos explicado en otras ocasiones, en algún artículo. Y sabemos que estamos predicando en el desierto, que la gente no hará caso.Pero nos cansamos de intentar advertirlo. CUIDADO con las aplicaciones CHORRAS (lo siento, la mayoría lo son) que instaláis en Facebook, los móviles, ordenadores, tablets etc. Lo estáis haciendo sin comprobar las condiciones de uso ni los permisos que piden. Y de hecho aceptáis todos los permisos que piden. En Internet si algo es gratis el precio ERES TÚ. “Bua…a mi me da igual lo que cojan de mis datos”. Dice alguno. Si…hasta que empezáis a ver para qué lo pueden usar. Os damos una de miles ideas. Tus fotos pueden usarse para perfiles falsos de redes sociales para insultar, amenazar o compartir contenido pornográfico o pedófilo. Tus fotos pueden usarse para crear perfiles falsos copia de tu perfil. Y engañar, amenazar o timar a tu familia y amigos. Los contactos se pueden compartir/vender para acciones de spam/spoofing y scams. Pueden recoger tu geolocalización y saber qué haces cada día, dónde estás hoy, dónde estás cada día… Pueden ver tus hábitos de comportamiento e interacción con otros usuarios para luego usarlos en aplicaciones de Big Data y realizar campañas que afecten a usuarios. Pueden vender tus datos y sacar beneficio económico. Pueden usar tus datos y fotos para mejorar su software (estás haciendo el trabajo por ellos. Etc… ¿¿De verdad merece la pena por ver tu cara más vieja, o ponerte máscaras estúpidas???

Diseño Web, Gestores de contenidos, Trucos

Cómo actualizar plugins de pago como WP Backery Builder, Revolution Slider o Layer slider en temas de WordPress que los contiene.

Cuando hacemos una página web en SmythSys en WordPress normalmente adquirimos temas de pago. Por mil razones que no vienen al caso, pero que se resumen en usar buenos materiales para entregar un producto mejor. Uno de los sitios que más usamos para estos temas es Theme Forest, y ahí, muchos temas de pago incluyen plugins que son, a su vez, de pago.Al cabo de poco tiempo de instalar un tema, con sus plugins, tanto estos como aquél necesitan actualizarse (no necesito explicar por qué es importante). El tema, con la licencia, puede actualizarse automáticamente. Los gratuitos se actualizan desde el backend, en la sección de plugins. ¿Pero cómo actualizo los plugins de pago Como por ejemplo WP Backery Builder, Layer Slider o Revolution Slider (por decir algunos de los más famosos). Estos no pueden actualizarse automáticamente y, en muchos casos, salen avisos que no están en la última versión. Si no los actualizamos, al final del tiempo tendremos incompatibilidades y/o problemas de seguridad graves. Os contamos cómo hacerlo de varias maneras más o menos automáticas. La clave está en darse cuenta que nuevas versiones del tema SI contienen (normalmente, suelen ir algo atrasados) las nuevas versiones de los plugins. Lo que pasa es que te pueden actualizar los que ya tienes por problemas de licencia. Y tu si tienes acceso a actualizaciones del tema con tu licencia (o deberías). Tenéis varias opciones. Comprar una licencia del plugin. Si no sabes, o no tienes tiempo, y no quieres preocuparte, compra una licencia y activa el plugin. Esto hará que se quite el aviso y es lo más sencillo…..pero no es necesario. Desinstala e instala con las opciones del tema. Muchos temas de pago tienen una opción de “required plugins” o similar donde te indican si ya tienen la última versión. Si vas ahí y ves que la tienen, haz copia de seguridad de tu web (por si acaso), desinstala el plugin de pago, ve a la opción de plugins requeridos y, curiosamente, podrás instalar la nueva versión.Es decir la clave es que no te deja actualizar, pero si instalar la nueva (una vez eliminada la antigua). Coge el nuevo plugin del tema y súbelo. Algunos temas todavía no tienen esa sección para instalar plugins de pago. Pero si descargas la actualización del tema SI tiene el plugin actualizado. Descarga el tema, abre el zip, busca una carpeta de módulos o plugins y encuentra el que necesitas. Después sólo tienes que (tras hacer copia de seguridad) desinstalar tu versión y, o subir la carpeta del plugin por FTP, o comprimirla e instalarla desde el backend. Espero que os sirva para mantener las páginas optimizadas y actualizadas.

Diseño Web, Gestores de contenidos

Crear Objetivos en Google Analytics para medir eventos y accesos a nuestra web.

Google Analytics nos da, cuando la activamos en nuestra web, mucha información sobre los accesos a la misma. Pero en ocasiones hay que ser un poco más preciso, y pedirle que mida ciertos destinos o eventos.Para eso existen los Objetivos. Los Objetivos de Google Analytics te permiten medir, de forma individual, diferentes cosas como (los dos primeros son los más habituales): Un Destino: accesos una página en concreto, un “landing page“. Eventos: hacer clic a un botón, a un div o enviar un formulario. Duración: cuando alguien pasa más de cierto tiempo en un sitio. Páginas o pantallas por sesión: a las que se accede, por ejemplo un mínimo de 3 pantallas por sesión para medir la permanencia. Hace unos días os explicamos cómo crear “disparadores” en tu web para los tipos de Objetivo Eventos para Contact Form 7 y para pinchar en IDs o Clases (botones, div etc). Hoy os enseñamos a crear dichos Objetivos en Google Analytics. Otro día os enseñaremos a probarlos a tiempo real para ver que funcionan. En este vídeo explicamos cómo se crean:

Diseño Web, Gestores de contenidos, Trucos

Usar Geolocalización en WordPress para proporcionar contenido según IP o país. Plugin GeoIP Detection.

Hoy os vamos a hablar de un plugin gratuito GeoIP Detection, que proporciona todo lo necesario para darle funcionalidad “geolocalizadora” a nuestro WordPress. ¿Y para que sirve esto?Para todo lo que puedas imaginar sobre variar el contenido según el país o ciudad del visitante. Te damos alguna de las miles de ideas. Mostrar contenido personalizado sólo a ciertos países (cambiar la dirección de un negocio según el país por ejemplo). Ocultar contenido según país (mostrar a todos salvo….). Redirigir a usuarios de ciertas zonas a páginas específicas. Cambiar títulos, colores o incluso palabras según el país. Los límites son tu imaginación. Y da más potencia de personalización que los plugins de traducción como WPML que suelen basarse en el idioma del navegador (y por lo tanto no distinguir localización física). ¿Cómo se activa la Geolocalización en WordPress? Lo primero es instalar un plugin como GEOIP Detect que puede descargarse del repositorio o de su cuenta de Github. Lo que hace el plugin es create el entorno para poder facilitarte la dirección de los visitantes según su dirección IP. Esta información la puedes usar luego con scripts, CSS, snippets etc. Para ello el plugin usa una base de datos de IPs y países que puede ser gratuita (usa MaxMind GeoIP2 Lite o HostIP.info  ) , de pago, o basada en el proveedor (como Cloudflare o Amazon AWS). Nota: en modo automático instala MaxMind, y lo actualiza cada mes. Esto está bien en la mayoría de las webs…pero MaxMind tiene licencia Creative Commons ShareAlike-Attribution . No requiere mencionarles en la mayoría de las webs porque no se comparte información PERO si compartes la información proporcionada por tu geolocalización SI tienes que decir quién te da ese servicio (ver FAQ). El plugin usa 5 funciones geoip_detect2_get_info_from_ip($ip, $locales = array(‘en’), $options = array()) , geoip_detect2_get_info_from_current_ip($locales = array(‘en’), $options = array()) , geoip_detect2_get_current_source_description(…) , geoip_detect2_get_external_ip_adress() y geoip_detect2_get_client_ip() para realizar sus tareas. Podemos acceder a la información de dichas funciones con varios códigos bien documentados y de manera sencilla usando códigos ISO de país o nombres de países.También es compatible con Contact Form 7 Ejemplos. Ocultar contenido excepto para ciertas ciudades de Francia (usa el nombre en inglés para comparar):[geoip_detect2_hide_if lang=”en” country=”France” not_city=”Paris, Lyon”] TEXT [/geoip_detect2_hide_if] Muestra el contenido si está en Texas, USA:[geoip_detect2_show_if country=”US” state=”Texas”] TEXT [/geoip_detect2_show_if]

Compartir, Gráficos y Fotografía, Internet, Trucos

Squoosh: herramienta online de Google gratuita para comprimir imágenes.

Hace unos días hemos descubierto el proyecto de Google Squoosh. Google lo sacó, no como herramienta para comprimir imágenes (que es para lo que sirve y se usa), sino como recurso online gratuito para mostrar y probar las tecnologías de compresión. Podemos usar Squoosh para comprimir imágenes desde cualquier dispositivo (PC, portátil, móvil o tablet) a través del navegador. Y sólo necesita acceso a Internet la primera vez que se accede a la herramienta, porque luego se descarga en el navegador.Pero hay que tener en cuenta que Squoosh usa los recursos de hardware de tu dispositivo para funcionar. Así que el rendimiento depende de eso. Obviamente funciona mejor con Chrome. Google también tiene un Github del proyecto para poder descargarlo. Cómo usar Squoosh. Para usar Squoosh sólo tenemos que subir una imagen desde nuestro dispositivo. Después, usando las cajas de herramientas de la derecha e izquierda, podemos comparar varias ediciones y formatos para ver cómo afectan los cambios. Podemos comparar varios formatos con la imagen original, o con otros formatos.Podemos cambiar tamaño, reducir paleta de colores, comprimir sin perder calidad, comprimir con pérdidas de calidad etc. Todo viendo los resultados en tiempo real con un “slider” muy útil que nos permite ver si los cambios son aceptables. Al final pinchamos en el botón descargar para obtener el fichero definitivo (o los diferentes formatos). Rápido, útil, barato y bueno. ¿Que más queremos? Es verdad que las herramientas de escritorio como Caesium o Faststone Photo Resizer son más potentes y con más opciones (compresión en batch etc), pero esta herramienta está muy bien cuando no disponemos de esos recursos.

Información Tecnica, Internet, Smartphones, Trucos

Cuidado con los servicios de suscripción desde dispositivos móviles como Emoción de Movistar.

Hemos visto ya varios casos de clientes, familiares y amigos a los que les ha pasado. Sin querer, sin darse cuenta o por descuido se han dado de alta en algún servicio de suscripción de su operadora. Los casos que más hemos visto han sido con Emoción de Movistar, pero también hemos oído casos en Vodafone y otros. Y no es desde hace poco, hace 10 años Enrique Dans ya se quejaba de ello en su blog. Pero la cosa sigue igual (peor porque el acceso es más sencillo y desde más sitios). Qué son estos servicios. Son servicios a los que te puedes suscribir a contenido de pago desde el móvil o tablet (también desde el ordenador pero está pensado para dispositivos móviles). Puedes pagar por un contenido determinado (un sólo pago) o, más frecuentemente, pagos semanales o mensuales. ¿Por qué es tan fácil “picar”? El peligro de estos servicios viene por tres partes. Tienen publicidad en páginas web y aplicaciones móviles. Dicha publicidad muestra botones o pop-up para pinchar y aceptar la suscripción al servicio. El problema es que, como siempre, los anunciantes se buscan las triquiñuelas para que pinches en Aceptar (como cambiar el orden de los botones etc).Y siempre está el peligro que le demos por despiste o que le den nuestros hijos (ver punto 3). En otras ocasiones las compras son contenido extra en los juegos de móviles o en aplicaciones. Compras que dan acceso a contenido extra y en las que nuestros hijos pueden “pinchar” fácilmente. El gran peligro de estas suscripciones y pagos es que, como se realizan a través de nuestra operadora y ella dispone de nuestros datos, sólo requiere un clic en Aceptar. Nada más. Pinchas y ya te manda el sms del pago.Todos estos problemas se solucionarían con pedir un dato de confirmación (teléfono, DNI, pinchar en confirmar etc). Pero no creo que les interese solucionarlo, todos estos “pequeños cargos” (y más grandes hasta que el cliente se da cuenta), deben formar un montante de ingresos interesante.Ellos son conscientes: ” Tal como hemos explicado, entendemos que estos servicios se activan voluntariamente por el cliente o por persona a la que prestamos el móvil, y previa aceptación de las condiciones, sin posibilidad de fraude y tras pulsar los enlaces o botones de activación. Por ello, no consideramos la devolución de los importes facturados. “ ¿De qué cantidades estamos hablando? Son pequeñas cantidades, los puntuales entre 1-2€ y las suscripciones 2-4€ semanales. Por eso a muchos usuarios les puede pasar desapercibido hasta al cabo de varios meses, o no verlo nunca en caso de pagos puntuales. Revisad vuestra factura. ¿Cómo se soluciona? Como veis en párrafos anteriores, Movistar no devuelve los pagos realizados porque, de una manera u otra, tú o tus familiares los habéis aceptado. Para darse de baja de Emoción (en otros será similar) tienes que hacer estos dos pasos (IMPORTANTE, sólo darte de baja de Emoción no es suficiente, antes cancela las suscripciones).1)Para dar de baja una suscripción activa entra desde el navegador del móvil a http://emocion.movistar.es/micuenta (o wap.movistar.com ) y elige la opción “Mis suscripciones activas”. Ahí está la opción de dar de baja la suscripción. También puedes entrar desde el portal emocion a través del enlace “Mis compras y suscripciones” situado en el pie de página. 2)  Llamar al 1004 con los datos de su línea (número de teléfono, nombre completo y DNI del titular de la línea) solicitando la baja de ese servicio. Los agentes deben tramitar su baja sin ningún problema. Yo pediría “Bloquear el servicio Emoción”. Yo, ya que estás pediría la baja de los SMS Premium, como dicen no tiene que ver con Emoción, pero tampoco los quieres. Emocion no tiene nada que ver con SMS Premium, Pagos Online /Movistar, etc., así que si el cliente solicita restricción sólo en “SMS Premium” pensando que con ello se impiden compras indeseadas, quede claro que eso no impedirá el uso de Emocion. Os lo resumimos en este vídeo:

Diseño Web, Gestores de contenidos, Trucos

Script para disparar eventos de Google Analytics al pinchar en una clase o id.

Hace unos días hablamos sobre cómo usar los Eventos (Objetivos) de Google Analytics para los formularios de contacto de Contact Form 7. Hoy os vamos a dejar una solución para las conversiones que funcionaría en cualquier otro tipo de formulario, o incluso al finchar en cualquier tipo de elemento web. Lo que vamos a hacer es dejaros un script (que hemos usado) para que el evento se dispare cuando pinchemos en una clase o id, y eso mande el código a Google Analytics. Código la pinchar en una clase o id. Primero os dejo los códigos que, como siempre, podéis poner en WordPress en un Snippet o en el functions.php de tu tema hijo. En otro tipo de página podéis ponerlo como código Javascript. Al pinchar en una clase. Al pinchar en un id. Explicación del código. Como veis el código es muy similar. Ambos son scripts que se ponen en el pie de WordPress y están escuchando a ver si el usuario hace clic en alguno de los elementos que hemos puesto. XXXX es la clase del elemento en la que queremos que “escuche”.YYYY es la id del elemento en la que queremos que “escuche”.Ambas pueden ser un botón, un enlace, un div o lo que queramos, por eso decimos que estos códigos sirven para cualquier elemento o formulario. En la parte del gtag tenéis que poner en aaaa, bbbb, cccc, dddd, (y en el valor) los elementos que hayáis puesto al crear el elemento en Google Analytics. Como antes, es fácil comprobar si funciona con el menú “Tiempo Real” de GA, haciendo pruebas y viendo la respuesta inmediatamente.Pero como os digo nosotros hemos usado estos códigos varias veces sin problemas.

Diseño Web, Gestores de contenidos, Trucos

Cómo subir a WordPress tipos de archivo no permitidos.

WordPress, por defecto, sólo permite subir cierto tipo de archivos. Si intentas subir un formato que no está dentro de la siguiente lista, da este error: Lo siento, este tipo de archivo no está permitido por motivos de seguridad. Los formatos permitidos son (más información aquí): Images .jpg .jpeg .png .gif .ico Documents .pdf (Portable Document Format; Adobe Acrobat) .doc, .docx (Microsoft Word Document) .ppt, .pptx, .pps, .ppsx (Microsoft PowerPoint Presentation) .odt (OpenDocument Text Document) .xls, .xlsx (Microsoft Excel Document) .psd (Adobe Photoshop Document) Audio .mp3 .m4a .ogg .wav Video .mp4, .m4v (MPEG-4) .mov (QuickTime) .wmv (Windows Media Video) .avi .mpg .ogv (Ogg) .3gp (3GPP) .3g2 (3GPP2) En ocasiones queremos subir algún formato que no está incluido aquí. Así que hoy os dejamos un Snippet que te permite hacerlo. Por código. Código para permitir tipos de archivo no permitidos. Explicamos el código. La línea que tenéis que modificar, y de la que podéis añadir tantas como tipos queráis añadir, es $mime_types[‘XXX’] = ‘YYY’; Los valores de XXX y YYY los podéis sacar de esta tabla o de esta web.En vez de XXX ponéis el valor de la extensión (izquierda de la tabla). En vez de YYY ponéis el valor del tipo (derecha de la tabla). Por ejemplo para permitir archivos de vídeo webm ponéis:$mime_types[‘ webm’] = ‘video/webm’; Nota: os añado algunos tipos que no vienen ahí: Por plugin. Si no queréis complicaros podéis agregar este plugin: File Upload Types by WPForms. Pero recordamos que cuantos más plugins más vectores de ataque dejamos a los “malos” y más lenta será nuestra web.

Diseño Web, Gestores de contenidos, Trucos

Conversiones (Eventos) de Google Analytics con Contact Form 7

Hace unos días hemos tenido que hacer esto para un cliente. Hay muchísima información en Internet, y mucha desactualizada, así que os dejamos la que nos sirvió a nosotros. La idea es la siguiente, se crean unos Eventos (Objetivos) en Google Analytics, para que podamos realizar seguimiento de los formularios que mandamos con Contact Form 7 en WordPress. Doy por supuesto que se sabe crear Objetivos en GA, y que se ha creado uno (o varios) de tipo Evento con la Categoría, Acción, Etiqueta y Valor necesarios. Cómo implementarlo en Contact Form 7 en WordPress. Ahora necesitamos que nuestro WordPress envíe una notificación a Google Analytics cada vez que se envíe un formulario. Para ello vamos a poner un javascript que “escuche”. ¿Escuchar a qué? Afortunadamente el creador de Contact Form 7 ha sido previsor, y ha programado unos eventos DOM que se ejecutan cuando se realizan diversas acciones. Así que vamos a escuchar al evento DOM wpcf7mailsent  que se ejecuta cuando se ha enviado un formulario correctamente. ¿Qué enviamos a Google Analytics? Hay dos maneras de hacer esto, con ga o con gtag (gtag.js). Cuidado porque la sintaxis es diferente. gtag(‘event’, eventName, {  ‘send_to’: ‘GA_MEASUREMENT_ID’,  ‘parameter1’: ‘value1’,  ‘parameter2’: ‘value2′,  // …}); Nosotros hemos optado por gtag (más nuevo) y este artículo se basa en eso. Código en WordPress. Cómo siempre hacemos últimamente, este truco se basa en un código que podemos poner o en functions.php de nuestro tema hijo o (como lo hacemos nosotros) en un Snippet. Nos gusta los Snippets porque podemos activarlos, desactivarlos, etiquetarlos, clonarlos, poner descripción…. Vamos a poner un Snippet que se ejecutará “sólo en la portada” (mala traducción de Frontend). El código es el siguiente: Explicación. Creo que se explica bastante, pero estas son las claves del código: if ( ‘XXX’ este XXX tenemos que sustituirlo por el id del formulario en cuestión). EL Id lo podemos encontrar en el shortcode que nos da CF7 gtag(‘event’, ‘evento3’, { ‘event_category’: ‘envento3’, ‘event_action’: ‘enviar’, ‘event_label’: ‘es’, ‘value’: ‘0’});Este es el evento de GA que se dispara cuando el formulario enviado tiene el ID que ponemos. Aquí tienes que poner tus valores detrás de los campos event_category, event_action, event_label y value. Con esto activado, idos a En Tiempo Real>Eventos en Google Analytics y haced una prueba de envío. Deberíais ver cómo se dispara el evento en tiempo real.

Scroll al inicio