Entradas

Script para Navegar Anterior y Siguiente con el teclado

Muchas páginas necesitan la comodidad de usar el teclado, este script permite en lugar de dar clic con el ratón usar las teclas avanzar y retroceder de nuestro teclado. Primero , asegúrate que ya tienes el Jquery en tu página. Segundo , antes de cerrar el body agrega el script. <script> $(document).keydown(function(e){   if(e.keyCode == 37) { // Izquierda     $("#izquierda").click(); window.location = 'izquierda.html';   }   else if(e.keyCode == 39) { // Derecha     $("#derecha").click(); window.location = 'derecha.html';   } }); </script> Tercero , Cambia las páginas:   izquierda.html y derecha.html  con las respectivas páginas a donde apuntan tus links. Cuarto,  en tus links normales agrega los ID:  id="izquierda" y id="derecha", con esto ya debe funcionar perfectamente. <a id="izquierda" href="izquierda.html">Anterior</a> <a id="derecha" href=

Mostrar fotos alternativas para evitar imágenes rotas

Imagen
A menudo los desarrolladores crean plantillas dinámicas en donde las imágenes son servidas desde otro servidor o desde otras carpeta en el mismo sitio. Muchas veces estas imágenes no cargan por diversos motivos, así que hay que valerse de un pequeño truco para evitar un cuadrado vacío o la incómoda imagen rota que proporciona el navegador. La solución un pequeño código: Tu código de Imagen Normal <img src="http://guiaplaza.com/foto.jpg" alt="foto"> Tu código de Imagen Optimizado <img src="http://guiaplaza.com/foto.jpg" alt="foto" onerror="this.src='http://guiaplaza.com/imagenerror.png';"> Como habrás entendido solo hubo que agregar: onerror="this.src='http://guiaplaza.com/imagenerror.png';" dentro de la imagen. La imagen alternativa solo se mostrará si es que la imagen principal del SRC no se visualiza. Importante: Ambas imágenes deben ser del mismo tamaño. Si la imagen p

Cuidado con los JavaScript: type text/rocketscript

Cuando trates de copiar y adaptar un script de otros sitios web y en sus páginas el script que deseas clonar contenga el type="text/rocketscript" deberás cambiarlo por  type="text/javascript" . Además debes eliminar:     data-cfasync="true"  si la hubiere. ¿Por qué? Estás líneas son agregadas por un servidor llamado CloudFlare, el cual es un servicio de CDN y caché que usan muchos sitios web. Rocket Loader , es una función que acelera las páginas web el cual cambia las funcionalidades de los JS normales por un sistema que los ejecuta en su servidor reduciendo las conexiones. Esta función solo trabaja con archivos JS internos alojados en el propio sitio de sus clientes. Por lo que Jquery, CSS y otros archivos externos no los optimiza.

Facebook Audience Network (FAN) para sitios web

Imagen
Hasta que por fin Facebook se animó a competir con Adsense y por el momento solo en móviles. Los propietarios de sitios web tienen ahora otra opción para rentabilizar sus páginas para móviles con los anuncios de la red de Facebook. Los tamaños que existen por ahora son: - 320x50 - 300x250 Y por supuesto con css personalizados (nativos).

Truco para ganar impresiones de las Networks con Minimo CPM

Si estás afiliado a una network que paga un mínimo CPM como Criteo, Amazon, Switch Ads, etc deberás ayudar a que tu red te brinde impresiones pagadas. El sistema mínimo CPM o eCPM floor / minimum eCPM es una plataforma publicitaria que paga por encima del valor cpm que tu estableces. Eso quiere decir que si tu aceptas poner sus códigos por un cpm mayor a $0.5 solo se mostrarán anuncios con cpm a partir de esa cantidad. Ahora bien, hay dos maneras como se muestran las impresiones de esos anunciantes. Porque tu contenido y tráfico les interesa. Porque ya han sido visitados antes y están siguiendo al usuario a través de diferentes sitios web, esta técnica se llama ReMarketing o ReTargeting . Entonces lo que nos queda es la ayuda mutua entre todos los webmasters haciendo artículos que inviten a visitar a los anunciantes, entre los cuales tenemos a: Allposters Amazon Linio (varios dominios, en Latinoamérica) DePeru.com  (Perú, EEUU, Europa) Agoda.com Creative Alibaba Rip

Mostrar solo resúmenes en Lista de Artículos, Categorías y Palabras clave en Twenty Fifteen

Una de las desventajas de las plantillas es que no vienen optimizadas como el webmaster desea, así que esta vez vamos a modificar una plantilla llamada Twenty Fifteen para que en su lista de artículos muestre solo un título y su resumen. Esta optimización fue hecha con la versión 1.4 de Twenty Fifteen. Se necesita saber de html básico para editar la plantilla a nivel de código.

Mejores Networks para tu sitio web - 2016

Imagen
Hasta ahora he probado muchas redes publicitarias y todas decepcionan, así de lo malo hay que elegir lo menos malo y esta es una muy pequeña lista de ello. Estas redes están compuestas por sistemas automatizados que muestran publicidad sobre el precio base que el publisher configura, si no tienen anuncios sobre ese precio la network mostrará otros anuncios de reserva que también el editor a predefinido.