Crear páginas de error 404

  • 19/04/2009
  • 1:33 pm
  • unijimpe

Un error 404 ocurre cuando un visitante no encuentra una página web, esto por que la dirección ingresada no existe, han escrito mal la dirección URL o por que la ruta ya no existe por que se editado o eliminado. Por defecto el browser muestra una pantalla indicando el tipo de error el cual es ininteligible para la mayoría de usuarios, por ello veremos la forma de personalizar este tipo de mensajes.

error404

Creando las paginas de error 404
Lo primero es editar el archivo .htaccess que esta en la raíz de nuestro servidor e incluir la siguiente línea de código, el cual hará que cada vez que no se encuentre el archivo solicitado se muestre la pagina error404.hml al visitante

  1. errorDocument 404 /error404.htm

Lo siguiente es crear este archivo, ahora como esta página es solo informativa no es necesario que sea indexada por los buscadores para ello es necesario agregarle un header indicando el tipo de error:

  1. <?php header("HTTP/1.1 404 Not Found"); ?>

Otra forma si no se tiene acceso a PHP es agregar un metatag en nuestro html para indicarle a los robots que no indexen la página:

  1. <meta name="robots" content="noindex, nofollow">

Lo que sigue es creatividad para crear un archivo de error personalizado. Si desean ver una muestra de diferentes paginas de error pueden visitar 404 Error Pages, One More Time.

Páginas de error personalizadas con Google
Si eres usuario de Google Webmaster Central podrás hacer uso de un widget para incluir en tus páginas de error 404, el cual sugerirá al visitante las urls semejantes a la ingresada e incluso un buscador, de esta forma le brindamos al usuario posibilidades de encontrar la información deseada.

Para utilizar este script, accedes a tu panel de Google Webmaster Central, seleccionas el dominio que deseas, luego accedes en el menu Tools - Enhance 404 pages, en donde encontrarás un código javascript el cual debes incluir en tus paginas de error.

  1. <script type="text/javascript">
  2.   var GOOG_FIXURL_LANG = 'es';
  3.   var GOOG_FIXURL_SITE = 'http://blog.unijimpe.net/';
  4. </script>
  5. <script type="text/javascript"  src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>

De esta forma ya tienes una página de error personalizada y sobre todo que le dará al visitante las opciones necesarias para encontrar lo que busca.

Mas Información

Posts Relacionados

Google Analytics para Flash

  • 22/11/2008
  • 11:44 am
  • unijimpe

Acaban de lanzar una versión del código de seguimiento de Google Analytics, llamado gaforflash escrito en AS3 especialmente preparado para facilitar el seguimiento de páginas Flash. Este componente contiene toda la funcionalidad del código Javascript de Google Analytics y es 100% compatible con las últimas versiones del código de seguimiento ga.js.

En anterior oportunidad habíamos comentado sobre Google Analytics y Flash, una técnica que utiliza getURL para comunicar Flash con Javascript y por ello comunicar Flash con las funciones contenidas en ga.js. Pero esta nueva versión no requiere el uso de la librería ga.js y el uso Google Analytics es mucho mas sencillo pues se provee de funciones que se pueden llamar directamente con AS3.

Instalar el Componente
Para hacer uso del código de seguimiento en Flash, hace falta instalar un componente, para ello es necesario descargar los archivos desde gaforflash downloads. El siguiente paso es crear una carpeta llamada Google en el directorio de componentes de Flash.

  1. // For Windows:
  2. C:\Program Files\Adobe\Adobe Flash CS3\en\Configuration\Components
  3. // For Mac OS X:
  4. Macintosh HD/Applications/Adobe Flash CS3/Configuration/Components

Luego, extraemos el archivo recién descargado y copiamos el archivo analytics.swc a la carpeta recién creada, con esto ya esta instalado el componente y ya estamos listo para hacer uso de sus propiedades y métodos.

Utilizando el Componente
Lo primero es importar las clases necesarias para hacer el seguimiento, esto lo hacemos al inicio de todo el código:

  1. import com.google.analytics.AnalyticsTracker;
  2. import com.google.analytics.GATracker;

El siguiente paso es crear una instancia del objeto GATracker, este objeto permite definir como se comportará el seguimiento de eventos en nuestro flash y cuya sintaxis es la siguiente.

  1. new GATracker( display, "gaID", "mode", debug );

Donde se tienen los siguiente parámetros.

  • display: Referencia al actual objeto display.
  • gaID: es tu código de Google Analytics para registrar las visitas.
  • mode: es el modo de tracking (Bridge o AS3)
  • debug: modo de depuración (true o false).

Luego de ello creamos una variable del tipo GATracker y posteriormente lo utilizamos para hacer el seguimiento cada vez que se hace click a un botón.

  1. import com.google.analytics.AnalyticsTracker;
  2. import com.google.analytics.GATracker;
  3. var tracker:AnalyticsTracker;
  4. tracker = new GATracker( this, "UA-XXXXXX-X", "AS3", true );
  5.  
  6. playGame.addEventListener( MouseEvent.CLICK, onButtonClick );
  7. function onButtonClick ( event:Event ):void {
  8.    tracker.trackPageview("/section");
  9. }

Esta es una nueva opción que no solo sirve para hacer el seguimiento de visitas de páginas Flash si que también permitirá hacer el seguimiento de eventos en archivos SWFs individuales sin necesidad que estén incluidas en un HTML.

Posts Relacionados

SWFObject en Google Library

  • 13/11/2008
  • 11:59 pm
  • unijimpe

SWFObject la popular librería para incluir SWFs dentro de documentos HTML ha sido integrado al servicio Google AJAX Libraries API, el cual brinda alojamiento a las mas populares librerías utilizadas en el desarrollo web.

Esta es una buena noticia pues podemos incluir SWFObject directamente desde los servidores de Google, mejorando la velocidad de carga de nuestras webs. Actualmente se tiene disponible SWFObject 2.1, para ello podemos utilizar la función google.load o directamente desde un URL.

Incluir SWFObject con URL Absoluto.
Para esta forma podemos utilizar el URL absoluto de la librería, el cual es el siguiente:

  1. http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js

Luego insertamos de la forma normal el SWF utilizando la sintaxis de SWFObject, con lo cual tendríamos al incluir un SWF llamado main.swf con dimensiones de 231x132 pixels.

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
  2. <script type="text/javascript">
  3.   swfobject.embedSWF("main.swf", "main", "231", "132", "8.0.0");
  4. </script>

Incluir SWFObject utilizando google.load
Adicionalmente se puede utilizar la función google.load el cual carga dinámicamente la librería y provee un evento que se ejecuta una vez que ha sido cargada la librería, entonces utilizando este método la sintaxis para incluir SWFs sería de la forma:

  1. <script src="http://www.google.com/jsapi"></script>
  3. google.load("swfobject", "2.1");
  4. google.setOnLoadCallback(function() {
  5.   swfobject.embedSWF("main.swf", "main", "231", "132", "8.0.0");
  6. });
  7. </script>

Esta segunda forma tiene la ventaja que se ha comprobado que la librería ha sido cargado y por ende se puede hacer el llamado directo a los métodos de esta librería.

Mas Información

Posts Relacionados