Diseño Web

Diseño Web, Gestores de contenidos, Soporte, Trucos

Prestashop 1.7. Slider no se muestra en la versión móvil

/

Hoy tenemos una de esas tonterías que te pueden hacer perder el tiempo dando vueltas y vueltas, cuando la solución es muy sencilla. Esperemos que ahorre tiempo a la gente. Si has desarrollado una web en Prestashop 1.7, y usado el tema Classic, el que viene por defecto (aunque sea con un tema hijo) te habrás dado cuenta de un problema con el slider (carrusel para poner fotos en la portada) en la versión móvil. En PC funciona, no da ningún problema, pero en móvil no aparece. Y no hay opción visible en la configuración para activar esto. Solución. La solución es sencilla. Aunque no obvia, y no entiendo por qué no lo han metido en la configuración. Tienes que pinchar en el desplegable al lado del módulo (donde se activa y desactiva) y veréis que hay una opción llamada “Enable Mobile“.Hay que pinchar ahí. Es decir, el módulo viene desactivado por defecto en móviles y hay que activarlo.

Diseño Web, Trucos

Elegir donde no queremos que aparezcan anuncios automáticos de Google Adsense.

/

Desde que escribimos el artículo sobre cómo excluir páginas de nuestros anuncios automáticos de Google Adsense, nos han hecho muchas veces la misma pregunta. ¿Cómo puedo escoger dónde no quiero que aparezcan los anuncios? Porque los anuncios automáticos están muy bien, pero en muchas ocasiones son muy intrusivos, se ponen automáticamente en posiciones que no queremos. Y esto, en la portada de nuestra web da MUY mala imagen. Por eso muchos de los lectores querían eliminar la portada del sitio, pero con el truco anterior no es posible (porque eliminas la raíz). Hasta ahora no era posible, la única solución era eliminar los anuncios “In page” que se incrustaban en la página. Pero claro, perdemos posibles medios de ingreso.Pero Google parece que se ha espabilado (ha tardado) y acabamos de ver que han puesto (recientemente) una herramienta para solucionarlo. Cómo eliminar posiciones donde no queremos que aparezcan los anuncios automáticos de Adsense. Entrando en Adsense, en los anuncios que queremos modificar, ahora Google muestra una previsualización de nuestra web, con los sitios que detecta tiene para poner anuncios. Ahora podemos eliminar estas posiciones que son molestas, y así no nos aparecen las que más intrusivas sean. En la previsualización podemos poner cualquier url, por si los anuncios molestos aparecen en otro sitio que no es la portada. Algo muy útil para los que usamos Adsense, lo hemos probado y funciona. Espero que os resuelva la duda a todos los que teníais el mismo problema. Aquí os dejamos el vídeo explicándolo.

Diseño Web, Gestores de contenidos, Internet

Plugins para detectar Adblockers en WordPress.

/

Muchos usuarios tienen puesto, en sus navegadores, extensiones que bloquean los anuncios. Los famosos adblockers. Es muy entendible en un Internet donde intentan venderte de todo y, a veces, uno acaba cansado de tanto “bombardeo” de productos. PERO, está la versión de nosotros, los creadores de contenido. Dedicamos tiempo y recursos a escribir contenido que, en muchas ocasiones es útil para los lectores. Y los anuncios son nuestra parte principal de financiación en este área. ¿Cómo compaginar, entonces, el crear contenido, y recibir una compensación por ello, con el derecho de los usuarios a poder ver dicho contenido sin anuncios? Ante este problema de los adblockers los creadores tienen varias opciones y todas pasan por detectar si el usuario está usando un adblocker.Una vez detectado, el creador puede optar por: No ofrecer contenido a los usuarios que tengan estas extensiones (redirigiendo al usuario o ocultando el contenido). Avisar al usuario constantemente que está bloqueando una fuente de ingresos para el creador. Mi preferida: avisar una vez al usuario que está bloqueando una fuente de ingresos importante y pedirle que ponga la página en la lista blanca del adblocker.Recomiendo algo como “Hemos detectado que estás usando un adblocker. Los anuncios son un importante método de ingresos para nosotros. Te solicitamos que nos apoyes y añadas en la lista blanca de tu adblocker. Intentamos ser lo menos intrusivos posibles.“ Hoy os enseñamos cómo podéis detectar adblockers en WordPress.En otros artículos os enseñaremos varios scripts para cualquier sistema, y maneras en las que se hace esta detección. Nota: alguno de los plugins hace tiempo que no se actualizan. Puede ser poruqe funcionen, o porque el proyecto esté abandonado. Probadlos, y si no siempre podéis usar los scripts del siguiente artículo. Plugins para detectar adblockers en WordPress. Os dejamos algunos de los más usados. Ad Blocker Notify Lite. Uno de los plugins más usados. Tiene muchas opciones de presentación (efectos, CSS etc), varias opciones para evitar que le detecten los adblockers y cuando sale el mensaje. Muy completo y actualizado. El que usamos nosotros en clientes. Simple Adblock Notice: Sólo te permite mostrar un mensaje, personalizar cuándo quieres mostrarlo y si quieres que puedan ver la web o no. Adblocking Detector: Te permite usar shortcodes que puedes usar para mostrar mensajes en vez del artículo, o como widgets para mostrar avisos. Hace un año que no se actualiza (en el momento que escribimos el artículo). Adback Solution to adblock. Muestra un mensaje en el pie para desactivar el adblocker y también te permite mostrar un anuncio ahí. Lleva poco tiempo

Diseño Web, Gestores de contenidos, Soporte, Trucos

Etiqueta de “No Disponible” en la imagen de productos en Prestashop 1.7 plantilla Classic.

/

Prestashop 1.7 está cambiando mucho. Poco tienen que ver el 1.7 que salió (a todas luces casi una beta) con el 1.7.6 de ahora. Aún así, y por todos los cambios, nosotros estamos configurando en los clientes la plantilla Classic que viene con Prestashop (y es la que están renovando). En esta plantilla, en estos momentos, no se puede poner fácilmente un cartel de “No Disponible” en los productos que están fuera de stock (en la descripción si, pero no en la imagen). Parece que están haciendo avances en personalizar las “banderas” (flags) que podemos poner al listado de productos, pero todavía no se puede. Así que toca personalizar código y os enseñamos cómo (nosotros siempre creamos tema hijo, así que estas modificaciones son más fáciles). Cómo poner la etiqueta de No Disponible en los productos de Prestashop. Tenemos dos sitios en los que poner la personalización. Uno para que aparezca en el producto individual (al abrirlo) y otro en los listados (en las miniaturas de portada, categorías etc). Etiqueta de No Disponible dentro del producto individual. Para que salga la etiqueta “No Disponible” en la imagen del producto al abrir el producto, tenemos que editar el fichero product.tpl en la ruta /httpdocs/themes/nombredetutema/templates/catalog/product.tpl  Si tienes un tema hijo, crea esos directorios y copia el fichero del padre aquí. Así puedes editar sin problemas. Tenemos que añadir lo siguiente: {if $product->quantity == 0 AND $quantity == 0}    <li class=”product-flag rojo”>        {l s=”NOT AVAILABLE” d=”Shop.Theme.Catalog”}        {/if} Justo después de class=”product-flags” y antes de {foreach from=$product.flags item=flag} Con esto, comprobará la cantidad antes de poner el resto de “carteles” y, si es cero, pondrá la de sin stock. Etiqueta de No Disponible dentro de los listados de productos. Para que aparezca el cartel de No Disponible en la foto miniatura de los listados de productos como en la portada o en las categorías, tenemos que hacer la misma modificación en otro fichero. En este caso la ruta es : /httpdocs/themes/tutema/templates/catalog/_partials/miniatures/product.tpl La modificación de código es la misma que en el caso anterior y la posición la misma (antes que empiece a cargar el resto de carteles). Con esto ya tendréis el cartel que necesitabais en todas las vistas de productos (si falta alguna lo añadiremos aquí).

Diseño Web, Gestores de contenidos, Legalidad

Cookies que usa WooCommerce.

/

Seguimos con nuestra serie de artículos sobre cookies en los CMS o plugins más conocidos. En este caso toca WooCommerce, el plugin más usado en WordPress para crear tiendas online. Afortunadamente WooCommerce (al contrario que los servicios de Google) si que tiene información detallada sobre sus cookies que podéis ver aquí.Os los resumimos. Cookies de WooCommerce en el Front-End de la web (portada). Nota: no se almacena información personal en estas cookies. woocommerce_cart_hash : Coookie que ayuda a detectar y guardar cambios en el carrito. Sesión. woocommerce_items_in_cart: Coookie que ayuda a detectar y guardar cambios en el carrito. Sesión. woocommerce_recently_viewed : Para que funcione el widget de “visto recientemente”. Sesión. store_notice[notice id]: Para que los usuarios puedan descartar el aviso de tienda. Sesión. wp_woocommerce_session_: Añade un código único a cada cliente para poder identificar su carrito en la base de datos. Persistente. Duración: 2 días. Cookies de WooCommerce en el Back-End de la web (administración). Estas son las cookies que WooCommerce activa en la sección del back-end accesible por /wp-admin woocommerce_snooze_suggestions__[suggestion] : Permite descartar notificaciones del marketplace. Persistente. Duración: 2 días. woocommerce_dismissed_suggestions__[context]: Cuenta las veces que se han descartado las notificaciones del marketplace. Persistente. Duración: 1 mes. tk_ai: Guarda un ID aleatorio generado en el backend para estadísticas. Sesión.

Diseño Web, Gestores de contenidos, Legalidad

Cookies de los servicios de Google 2. Youtube

/

Seguimos con los artículos sobre las cookies que instalan los recursos más usados en las páginas web. En concreto los de Google. Hace unos días hablamos de Analytics, hoy toca Youtube. Recordamos cómo usa Google las cookies, y los tipos de cookies que usa. Destacamos también que, aunque todo este tema está todavía difuso, en desarrollo, con problemas obvios, y sin gente a la que consultar… quiero enlazar este documento sobre cookies de la Comisión Europea, que parece indicar que las cookies de vídeos incrustados están exentos de requerir consentimiento. Se supone que son básicos para la estructura de la web (cosa que parece lógica). Y cito: “Exemptions on Europa In line with Article 5(3) of the ePrivacy Directive, consent is not required for technical storage or access of the following cookies: cookies used for the sole purpose of carrying out the transmission of a communication cookies that are strictly necessary in order for the provider of an information society service explicitly required by the user to provide that service Examples of cookies that generally do NOT require consent: User input cookies, for the duration of a session Authentication cookies, for the duration of a session User-centric security cookies, used to detect authentication abuses and linked to the functionality explicitly requested by the user, for a limited persistent duration Multimedia content player session cookies, such as flash player cookies, for the duration of a session Load balancing session cookies and other technical cookies, for the duration of session User interface customisation cookies, for a browser session or a few hours, when additional information in a prominent location is provided (e.g. “uses cookies” written next to the customisation feature)“ Nota: Youtube no tiene una política propia de cookies y enlaza a la general de Google que hemos comentado más arriba. Cookies que usa Youtube. PREF: Cookies común en los servicios de Google al iniciar sesión. Guarda preferencias. Persistente. Duración 2 años. NID: Cookie de preferencias común en los servicios de Google. Un navegador envía esta cookie a través de solicitudes a los sitios web de Google. La cookie NID contiene un ID único que Google utiliza para recordar tus preferencias y otra información, como tu idioma preferido (por ejemplo, el español), el número de resultados de búsqueda que quieres que se muestren por página (por ejemplo, 10 o 20) y si quieres que el filtro SafeSearch de Google esté activado o desactivado. Persistente. Duración 6 meses. SID y HSID: Cookies comunes a los servicios de Google. Contienen registros encriptados y firmados de forma digital de la hora de inicio de sesión más reciente y del ID de cuenta de Google de un usuario. La combinación de estas dos cookies les permite bloquear muchos tipos de ataques como, por ejemplo, intentos de robo del contenido de los formularios que rellenas en páginas web. Persistente. Duración 2 años. SSID: Cookies comunes a los servicios de Google. Para guardar configuración y preferencias de usuario. Persistente. Duración 2 años. SIDCC: Cookies comunes a los servicios de Google. Para guardar configuración y preferencias de usuario. Persistente. Duración 3 meses. SAPISID: Cookies creada al usar videos incrustados de Youtube. Persistente. Duración 2 años. LOGIN_INFO: Cookies creada al usar videos incrustados de Youtube. Persistente. Duración 2 años. VISITOR_INFO1_LIVE: Cookies creada al usar videos incrustados de Youtube. Persistente. Duración 6 meses YSC: Cookies creada al usar videos incrustados de Youtube. Sesión. wide: Sesión. endscreen-metadata-editor-gh: Persistente. Duración. 7 días. _ga: relacionado con Analytics, pero a veces añadido por Youtube . Persistente. Duración 2 años. CONSENT: Cookie técnica de reproducción de contenido. Persistente. Duración 20 años.

Diseño Web, Internet

Cookies de los servicios de Google 1. Google Analytics.

/

Siguiendo el hilo de posts sobre las cookies que instala cada servicio o CMS (como WordPress), hoy os dejamos las de los servicios de Google que muchos usáis. Íbamos a ponerlos todos en un mismo artículo, pero salía larguísimo, así que lo hemos dividido. Hoy hablaremos de las cookies que usa Google Analytics, el servicio de análisis y estadísiticas de uso de la web. Recordemos que estas cookies son de terceros, y no esenciales (ya que son añadidos a la web, pero no impiden su funcionamiento). Iremos actualizando el artículo si detectamos, o nos indicáis, que nos falta algo. Más información en “tipos de cookies que usa Google” o “cómo utiliza Google las cookies“. Google Analytics. Podéis ver información sobre las cookies de Google Analytics aquí. Si se usa GA con gtag.js y analytics.js, llamado Universal Analitics (lo más común). _ga : De Google Analytics (análisis del uso de la web por parte de los usuarios). Se usa para distinguir a los usuarios. Persistente. Duración 2 años. _gid : De Google Analytics (análisis del uso de la web por parte de los usuarios). Se usa para distinguir a los usuarios. Persistente. Duración 24 horas. _gat : De Google Analytics (análisis del uso de la web por parte de los usuarios). Se usa para limitar el porcentaje de solicitudes. Si has implementado Google Analytics mediante Google Tag Manager, esta cookie se llamará _dc_gtm_<property-id>. Persistente. Duración 1 minuto. AMP_TOKEN : De Google Analytics (análisis del uso de la web por parte de los usuarios). Incluye un token que se puede utilizar para recuperar un ID de cliente del servicio de ID de cliente de AMP. Otros posibles valores indican inhabilitaciones, solicitudes en curso o errores obtenidos al recuperar un ID del servicio de ID de cliente de AMP. Persistente. Duración 30 segundos a 1 año _gac_<property-id> : De Google Analytics (análisis del uso de la web por parte de los usuarios). Incluye información de la campaña relativa al usuario. Si has vinculado tus cuentas de Google Analytics y Google Ads, las etiquetas de conversión en sitio web de Google Ads leerán esta cookie, a menos que la inhabilites. Más información .Persistente. Duración 90 días. Si se usa GA con ga.js (método antiguo). Antes se usaba la librería ga.js que usa otras cookies. Ya no es común, pero puedes verlas aquí. Si se usan los Experimentos de Contenido de GA. Si usas los Experimentos de Contenido de Google Analytics añade dos cookies que puedes ver aquí. Si usas Optimize de GA. Si usas Optimize de Google Analytics, puedes ver las cookies que añade aquí. Os recordamos que, en la mayoría de los casos, hay que añadir el script en la parte de Cookies No Esenciales para que los plugin los pueda bloquear.Y que el script de Universal Analitics es: <!– Google Analytics –><script>(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,’script’,’https://www.google-analytics.com/analytics.js’,’ga’);ga(‘create’, ‘UA-XXXXX-Y’, ‘auto’);ga(‘send’, ‘pageview’);</script><!– End Google Analytics –>

Diseño Web, Gestores de contenidos, Trucos

Módulo gratuito para optimizar la base de datos de Prestashop 1.4 a 1.7

/

Prestashop, con el tiempo va recogiendo muchos datos. Sobre todo si tienes demasiados módulos de estadísticas activados. No deberías tener estos módulos activados, recomendamos que desactives los que no uses y saques estadísticas de, por ejemplo, Google Analytics. Pero aunque no los tuvieras, guarda datos de invitados, carritos abandonados y mucho más.Con el tiempo esto va llenando la base de datos, y una base de datos “pesada” es más lenta que una más “ligera” (optimizada). Para optimizar una base de datos puedes hacer muchas cosas. Por ejemplo a través de PhpMyAdmin. Pero una básica es borrar datos antiguos. Hace unos días hemos descubierto este módulo gratuito de MyPresta, empresa de la que ya hemos recomendado otros módulos, fiable y con mucho tiempo en el sector, que hace justo esto.El módulo Prestashop Database Optimization te muestra los registros que tienes de (desde el comienzo de la tienda): Carritos abandonados. Estadísticas de visitantes. Páginas vistas y tipos de páginas. Orígenes de visitas. Visitantes Y te deja elegir si borrar cada uno de ellos o no. Todo esto se puede hacer por SQL, pero siempre es mejor si está en un módulo.Nota: siempre haced copia de la base de datos antes. El módulo es compatible con todas las versiones de Prestashop (elige la descarga correcta), incluidos la 1.6 y 1.7. Y en varios idiomas, incluido el español.Fácil, bueno, bonito y gratis.

Diseño Web, Gestores de contenidos

Smart Slider 3. Excelente plugin de slider gratuito para WordPress.

/

Si tienes una plantilla que no tiene slider (ese módulo que hace que las fotos de la cabecera pasen una después de otra), o no te gusta el que tienes, te dejamos una buena alternativa gratuita. La hemos probado (Revolution Slider que viene con muchas plantillas ha cambiado y no nos gustaba) y estamos muy contentos con lo fácil que es de usar, y la gran cantidad de opciones que tiene.Sinceramente, parece un plugin de pago en modo gratuito. Slider gratuito para WordPress. Smart Slider 3 es el plugin del que os estábamos hablando. Lo puedes descargar fácilmente del repositorio de plugins de WordPress. Tienes demos, tutoriales y documentación. Es decir, todo lo necesario para aprender a usar este plugin. Con más de 500.000 descargas, y una puntuación de 5 estrellas es, sin duda, uno de los mejores plugins de este tipo.No hemos echado nada de menos en la versión gratuita, y tiene las opciones de imágenes, vídeos, responsive, efectos y mucho más de una versión Pro. Esperamos que os guste.

Diseño Web, Gestores de contenidos, Información Tecnica

Lista de cookies que usa WordPress por defecto.

/

Con la RGPD, la tendencia ya no es sólo poner un aviso de Cookies clásico, del tipo “si sigues navegando, y le das a aceptar, aceptas nuestra política de cookies, si no estás de acuerdo abandona el sitio” . Las reglas han cambiado. Ahora es necesario especificar que cookies usa tu página web, y dar la opción de desactivar las no esenciales para el uso del sitio. Se debe: Detallar las cookies que usa la web y especificar para qué y si son necesarias o no. Bloquear todas las cookies no esenciales hasta que el usuario no consienta su uso. Guardar los consentimientos. Permitir a los usuarios deshabilitar las cookies no esenciales y aún así navegar. Permitir a los usuarios renunciar a la aprobación cuando quiera. Y cuidado, que las multas no son de risa. Aquí tenéis una sanción de 30.000€ de la AEPD a Vueling por no permitir seleccionar qué cookies instalar. En esta otra sentencia de la UE se sanciona a Planet49 por, entre otras cosas, premarcar el consentimiento de Cookies y no dejar al usuario escoger cuales activar o no. Así que hemos decidido hacer varios artículos, especificando las cookies por defecto de cada sistema, y el tipo que son. Así lo tenemos (y vosotros) para referencias futuras. En este caso para WordPress. Cookies que usa WordPress por defecto. Estas son las cookies de un WordPress sin instalar, limpio. Si tienes plugins seguramente tendrás más. Es importante hacer una auditoría de cookies para añadir todas las que usa tu sitio. Recordamos que: Cookies de Sesión. Son las cookies temporales que crea WordPress cuando alguien visita la web. Duran sólo una sesión (hasta que se cierra el navegador). Cookies persistentes. Cookies que se guardan en tu ordenador y se borran o cuando borras cookies, o cuando ha pasado su fecha de expiración (importante mostrar este tiempo). Las cookies de WordPress serían cookies propias porque son del propio sitio (vs cookies de terceros). Cookies en el front-end sin estar registrado. wordpress_test_cookie – en esta cookie WordPress comprueba y guarda si las cookies están activadas en el navegador. Técnica de sesión. Necesaria. Cookies cuando se inicia sesión. wordpress_[hash] – cookie restringida al área de administración (wp-admin). No se ve en el frontend incluso estando registrado. Guarda tus datos de acceso. Técnica de sesión. Necesaria. wordpress_sec_[hash] – lo mismo que la anterior (de hecho creo que la sustituye). Necesaria. wordpress_logged_in_[hash] – Guarda quien eres mientras estás registrado y lo usa WordPress para su interfaz. Técnica de sesión. Necesaria. wp-settings-{time}-[UID] – Guarda tus configuraciones de la zona de administración e incluso del frontend. UID es tu ID de usuario en WordPress. Técnica persistente. Tiempo por defecto 1 año. Necesaria. wp-settings-[UID] – como la anterior. Guarda tus configuraciones de la zona de administración e incluso del frontend. UID es tu ID de usuario. Técnica persistente. Tiempo por defecto 1 año. wp-postpass_[hash] – Cookie donde se guarda el acceso a páginas protegidas con contraseña. Técnica persistente. Tiempo por defecto 10 días. Cookies de Comentarios. Cookies que usa WordPress para que los usuarios dejen sus comentarios. Con los nuevos ajustes de la RGPD de WordPress ahora se puede activar la opción para que los usuarios las permitan o no. comment_author_[hash] – para recordar el nombre del que realiza el comentario. Técnica persistente. Duración 347 días. comment_author_email_[hash] – para recordar el email del que realiza el comentario. Técnica persistente. Duración 347 días. comment_author_url_[hash] – para recordar la url del que realiza el comentario. Técnica persistente. Duración 347 días. Asegúrate que está el aviso de cookies habilitado en los comentarios para que los usuarios puedan aceptarlo. Está en Ajustes-> Comentarios (marca la casilla ” Mostrar la casilla de verificación de aceptación de cookies en los comentarios, permitiendo que se establezcan las cookies de autor de comentarios ” si no lo está ya).

Scroll al inicio