Gestores de contenidos

Gestores de contenidos, Prestashop, Soporte, Trucos

Insertar códigos de seguimiento como el de Analytics en Prestashop

Hace unos días teníamos que insertar el código de Analytics en un cliente con una tienda de Prestashop. Es verdad que tiene un módulo de Analytics, pero al comprobarlo en Google daba un error como que el script estaba dañado. Por lo que hemos visto le pasa a mucha gente. Así que optamos por poner el script “a mano”, y esta solución sirve también para cualquier script de seguimiento adicional, incluído Google Tag Manager.Pero no se puede poner de cualquier manera por ser ficheros .tpl. Lo primero que tienes que elegir es el fichero donde lo quieres poner. Esto va a depender si lo tienes que poner antes del cierrre de la etiqueta <header> o después de la apertura o cierre de la etiqueta </body>. Va a depender mucho del código.Los ficheros header.tpl y footer.tpl de la plantilla suelen ser unos candidato idóneos a considerar. Si el fichero es .tpl (como header o footer) debes poner el código entre las etiquetas {literal}{/literal}. Sin ellas a nosotros se nos caía la página. Esto es porque estos códigos pueden incluir paréntesis entre sus líneas de código y esto el SMARTY lo puede interpretar como código suyo. Estas etiquetas le dicen que lo que hay entre medias no es para él. Por ejemplo para Google Analytics: {literal} <!– 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’,’//www.google-analytics.com/analytics.js’,’ga’); ga(‘create’, ‘UA-XXXXX-Y’, ‘auto’); ga(‘send’, ‘pageview’); </script> <!– End Google Analytics –> {/literal} Con esto te funcionará el código. Lo puedes comprobar fácilmente con el Tag Assistant que os comentamos el otro día.

Gestores de contenidos, Navegadores, Prestashop, Trucos

Tag Assistant. Extensión de Chrome para comprobar los códigos de Google en una web

Hace unos días estábamos trabajando con el Prestashop de un cliente para poner el código de Anayltics.  El problema que tenía era que el módulo estaba bien instalado pero Google Webmaster tools decía que no funcionaba el sript. Pero por nuestra parte lo veíamos todo bien. Probamos varias maneras de poner el código pero no podíamos saber si estaba bien puesto o no. Con esta extensión de Chrome, Tag Assistant, puedes comprobar fácilmente si la configuración es correcta. La extensión lee la página en curso y te dice qué códigos de Google están activos y funcionando correctamente y cuales no. Muy sencillo de usar. Por cierto, os recomiendo que pongáis el script de Analytics en Prestashop en un módulo html en el footer o directamente en la plantilla. No uséis el módulo de Prestashop…no funciona bien.

Diseño Web, Gestores de contenidos, Seguridad

Dos plugin para limpiar tu WordPress en caso de infección

WordPress es uno de los programas más atacados en la actualidad. Obviamente porque un gran porcentaje de las páginas web están hechas con WordPress. Así que si tienes una web con este gestor, y tienes cierta relevancia, es muy posible que en algún momento te hayan atacado y conseguido infectar. Sueles enterarte porque el proveedor ha bloqueado o el correo (porque envías spam) o la web,  o por avisos de Google. Para poder volver a tu estado normal, tienes que limpiar la amenaza…¿pero cómo hacerlo? Os dejamos dos plugins que te pueden ayudar: Exploit Scanner: un plugin que analiza los ficheros, a base de datos y los plugins de tu WordPress para detectar elementos sospechosos. No limpia nada, sólo suelta un listado de lo que detecta peligroso y es el usuario el que tiene que tomar las medidas. Hay usuarios que encuentran problemático porque proporciona un listado grande de ficheros o de errores y con falsos positivos. Pero en caso de no saber dónde puede estar la infección, es útil para hacer un barrido y encontrar todos los resquicios del malware. Anti-Malware Security and Brute-Force Firewall: Un plugin que analiza tu WordPress para encontrar fallos de seguridad, agujeros, scripts desactualizados etc etc. Es decir sitios por donde puede haber entrado la infección. En este caso no sólo los encuentra, sino que además te permite solucionarlos. Así que es un plugin estupendo a tener en cuenta para los que les preocupe la seguridad de su web.

Correo, Gestores de contenidos

Plugin de Newsletters desde WordPress

Parece que estamos con la semana de los Newsletter, debe ser que se acerca la navidad. A petición de otro cliente, al que le instalamos una página con WordPress, os pongo una manera de realizar Newsletters desde ese gestor de contenidos. Uno de los mejores plugins de WordPress para ello es MailPoet . Es un editor de newsletter con dos funcionalidades básicas, o mandar newsletters como respuesta automática, o mandarlos a la lista de newsletter de la web. Puedes poner un widget en el que los clientes se agreguen rápidamente a la lista.También puedes importar clientes fácilmente. Puedes usar la configuración de tu correo  y la versión gratuita te deje enviar hasta 2000 clientes. Os dejo un vídeo sobre el plugin:

Diseño Web, Gestores de contenidos, Trucos

Antispam Bee: plugin contra el spam para WordPress

Cuando la gente instala un Worpdress, y la página empieza a funcionar, enseguida llega el spam. Como Askimet viene instalado se piensan que es la única solución y que tienen que resignarse y borrar el spam diario. No hace falta. Primero puedes reducir mucho el spam diario con las listas negras. A mi me ha rebajado el spam en un 90%. Pero además existen plugins muy buenos gratuitos. Por ejemplo el de hoy Antispam Bee. Con muchísimas opciones para reconocer spam (por tiempo, ip, listas, bases de datos públicas y privadas), con la opción de aprobar comentaristas y denegar otros, deja borrar automáticamente el spam, te estadísiticas avisos….. Si lo que necesitas es algo fuerte contra el spam…este es tu plugin.

Diseño Web, Gestores de contenidos, Seguridad

Bloquear países por IP en WordPress.

Llevamos unos días con ataques en uno de nuestros servidores. Y aunque Wordfence lo bloqueaba, es una lata recibir emails de intentos de ataques continuos. Los ataques venían siempre del mismo país, República de Moldavia…pero cambiaban de IP y Wordfence permite bloquear por IP pero la opción del país es de pago. Así que, como hemos hecho con en otros servidores, decidimos bloquear el país. Hay webs en España que quitando países de Europa del Este se quitan un 60-70% de los ataques. Y si no tienes o sirves a clientes de esa zona es una buena idea. Os dejamos dos plugins para hacer esto de manera gratuita. IQ Block Country. Un buen módulo, con muchas descargas y buena puntuación. Puedes bloquear usuarios en el front-end y en el back-end, y por páginas o categorías. Además puedes personalizar el mensaje. Puedes usar un localizador de pago o usar la gratuita en http://geoip.webence.nl/. IP Geo Block: Al final usamos esta opción porque también tiene una buena puntuación y además los desarrolladores comentaban que estaba probado con Wordfence. Permite gestionar listas blancas (decir a quien permites y excluir al resto) o listas negras (las que usamos nosotros, elegir a quien bloquear). Cuidado, configuradlo bien al principio u os podéis bloquear a vosotros mismos.    

Diseño Web, Gestores de contenidos

El módulo Photon de JetPack cachea las imágenes y las enlaza desde i0.wp.com

El otro día estábamos intentando modificar una imagen en el WordPress de un cliente, desde un editor, y no cambiaba. La sustituíamos por FTP y nada, la imagen seguía ahí. Nos estaba volviendo locos…no tenía sentido. De repente vimos que la ruta de las imágenes no era la del servidor, sino que las cogía desde el dominio http://i0.wp.com/…..   lo que en un principio nos alarmó. No os preocupéis, es el módulo Photon de Jetpack, que si lo tenéis habilitado cachea las imágenes. Esto es fantástico para acelerar las páginas y mostrar el contenido lo más rápido posible. Pero a los que desarrollamos las páginas nos puede volver locos porque no hay manera de modificar esas imágenes. Si quieres modificar una imagen y tienes este módulo instalado cambia la imagen de nombre. O si no…deshabilita el módulo mientras estés en desarrollo.

Diseño Web, Gestores de contenidos, Trucos

No puedo elegir una plantilla para mi página de Blog o Entradas

Ayer tuvimos este problema en WordPress. Es una tontería, pero pongo la solución para que nadie más se rompa la cabeza con esta tontería. Si tu tema permite varias plantillas, y puedes cambiarlas en otras páginas (si no puedes es que no tienes plantillas bien definidas en tu tema), pero no puedes cambiarla en  tu página de Blog o de Entradas, esto es porque has seleccionado en Ajustes>Lectura que esa página sea la de entradas (una estática en la portada y la de, por ejemplo, Blog en entradas). Cuando haces esto, como dice en esta página de WordPress: Do not use a custom Page template for this page. The template files home.php or index.php will be used to generate this page in the Theme. Es decir, WordPress escoge automáticamente la plantilla home o index para tu página de entradas sin dejarte elegir otra. Por lo tanto la solución, si quieres crear una página de Blog con una plantilla personalizada, es que vayas a Ajustes>Lectura y deja la sección de Página de Entradas  en “-Elegir-“. Así verás que te deja escoger un tema. Sólo tienes que poner tu entrada de Blog en el menú y ya tendrás lo que querías.

Diseño Web, Gestores de contenidos

Módulo gratuito de Instagram para Prestashop y otros métodos de poner un feed de Instagram..

Como lo hemos usado para un cliente, hoy os dejamos un módulo gratuito para Prestashop que os permite mostrar las últimas fotos de Instagram en varios lugares de la plantilla Podéis ver una demo aquí. El módulo puedes conseguirlo en este enlace. Eso si, recuerda que tienes que darte de alta en la comunidad de Prestashop para poder descargarte los ficheros. Después colocarlo es muy sencillo, sólo instálalo, consigue el ID de cliente de Instagram y el un token de aplicación y colócalo donde quieras (que te permita la plantilla). Como lo de conseguir el ID puede ser algo complicado el lunes explicamos varias maneras. Otra manera de poner el feed de instagram es con estas soluciones online: http://snapwidget.com/#getstarted  o http://websta.me/tools . A mi no me gusta mucho porque tengo que fiarme de este servicio y, si se da de baja, nos quedamos sin feed. También mi web va a al servicio externo, luego a Instagram…lo que la ralentiza. Por último también podríamos hacerlo con este javascript: http://instafeedjs.com/. Pero Tendríamos que retocar Prestashop para que nos deje usar JS, cosa que no hace normalmente. Entonces tocamos código del gestor y lo hacemos menos seguro. No me gusta tanto…pero si no hay otra manera se puede hacer. Sería una solución para webs html puras. Podéis ver cómo en este vídeo, o explicado aquí:        

Diseño Web, Gestores de contenidos

Buenas plantillas gratuitas de Moodle

Escribo este artículo para que la gente no pierda el tiempo que he perdido yo probando plantillas. Y consciente que algunas de estas que pongo dentro de poco dejarán de usarse o que pueden salir mejores. Recordad que muchas veces es buena idea comprar plantillas, para lo cual recomiendo Themeforest. Obviamente son mucho mejores. Estas son las plantillas gratuitas que, a fecha del artículo, más me han gustado. BCU: gran plantilla creada para la universidad Birmingham City University que se mantiene actualizada. Tiene una portada muy configurable con espacios para poner banners, información etc. Basada de bootstrap y responsive (se adapta a los dispositivos). Tiene una apartado de configuración con muchas opciones de colores, tamaños etc y además una sección para el CSS y Javasript personalizados. Essential: otra de las clásicas, lleva bastante tiempo y está muy probada y desarrollada. Con actualizaciones frecuentes. Totalmente resposive. Tienes una demo aquí. Rocket: Una plantilla con muchísimas descargas que también lleva tiempo actualizándose. Muy popular. Evolve-D: una plantilla muy visual, con un slider de fondo en la pantalla de login, personalización de iconos y efectos visuales muy logrados. El único problema que veo es que inicie con la pantalla de login y no con una página de Inicio. Klass: Otra plantilla responsive y gratuita. Podéis ver la demo aquí.

Scroll al inicio