-->
Mostrando entradas con la etiqueta Html. Mostrar todas las entradas
Mostrando entradas con la etiqueta Html. Mostrar todas las entradas

Cómo redirigir a los usuarios móviles de tu web

Redirigir a los usuarios móviles a una web específica

Tras recibir varias peticiones sobre cómo redirigir a los usuarios móviles de tu web a una determinada página he decidido escribir este pequeño tutorial donde mostraré una de las maneras más sencillas.

¿QUÉ ENTENDEMOS POR REDIRECCIÓN MÓVIL?

Mejor explicar la redirección móvil con un ejemplo: Imaginad que alguien desde un dispositivo móvil visita nuestra página web, como ésta no está preparada no se mostrará bien por lo que optamos por mostrarle una web especialmente diseñada para dispositivos móviles.

EJEMPLO PRÁCTICO DE REDIRECCIÓN MÓVIL

En el ejemplo veremos un sencillo código que deberá incluirse en la sección <head> de nuestra página lo que permite que pueda ser reconocido por primera vez y redirigir todos los usuarios móviles rápidamente.

<script type="text/javascript">
if (screen.width<800) {
window.location="http://www.tudominio.com/mobile/";
}
</script>

Lo que hace este código es detectar el ancho del dispositivo que abre nuestra página web, si éste es inferior a 800 píxeles entiende que el dispositivo es móvil y redirige al usuario a la carpeta "http://www.tudominio.com/mobile/"

RECOMENDACIÓN PARA LA REDIRECCIÓN MÓVIL

El método que mostramos en este artículo es muy sencillo y rápido de implementar aunque no es de mi agrado si lo que queremos es mostrar correctamente nuestra página web en todos los dispositivos, si lo que queremos conseguir es precisamente eso yo personalmente recomiendo diseñar nuestra página web utilizando el llamado Responsive design.


Si te ha gustado el artículo sobre cómo redirigir a los usuarios móviles de tu web puedes colaborar con este Blog visitando a nuestros patrocinadores, con esto me ayudarás a mantener el Blog y pueda escribir más artículos.

ARTÍCULOS QUE TE PUEDEN INTERESAR

Cómo guardar la configuración de una red wifi en Windows 7
Cómo abrir puertos windows 7
Atajos de teclado de Windows
Windows 7 no muestra la fecha

Añadir iconos redes sociales que giran en blogger

Cómo añadir iconos redes sociales que giran en blogger

En este artículo voy a explicar cómo añadir iconos de redes sociales que giran en nuestro blog en dos posiciones diferentes de nuestro blog.

Si realizas todos los pasos de este tutorial, los iconos de redes sociales quedarían de la siguiente manera en tu blog:


A continuación os muestro los pasos a seguir para añadir iconos redes sociales que giran en blogger:
  1. Añadir los estilos a la plantilla: Debes dirigirte a la sección "Plantilla" de tu blog y pulsar el botón "Editar HTML".

    Busca el siguiente texto ]]></b:skin> y justo andes de él añade el siguiente código:

    /* ICONOS REDES SOCIALES DE TUTORIALES Y OPINIONES*/
    #social-iconos {
    width:100%;
    height:50px;
    margin-bottom:10px; display:block;
    clear:both;
    }
    .social-icons{display:table}
    .social-icons ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    text-align:right;
    padding:5px 5px 0 0
    }
    .social-icons ul {
    padding:0;
    float:right;
    margin-bottom:0;
    }
    .social-icons li.social_icon {
    background:none !important;
    padding-left:0 !important;
    display:inline;
    float:left;
    margin-left:6px;
    }
    .social-icons li:hover {
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(-360deg);
    }

  2. Añadir los iconos de redes sociales en la CABECERA del Blog: Debes dirigirte a la sección "Plantilla" de tu blog y pulsar el botón "Editar HTML".

    Busca SIN expandir artilugios el siguiente texto:
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> y pega antes de él el siguiente código:

    <div class='social-icons' id='social-iconos'>
    <ul>
    <li class='social_icon'><a href='http://facebook.com/Nombre_Usuario'><img border='0' src='http://www.characterscounter.com/img/iconos-sociales/facebook-32x32.png'/></a></li>
    <li class='social_icon'><a href='https://twitter.com/Nombre_Usuario'><img border='0' src='http://www.characterscounter.com/img/iconos-sociales/twitter-32x32.png'/></a></li>
    <li class='social_icon'><a href='https://plus.google.com/ID_Usuario/about'><img border='0' src='http://www.characterscounter.com/img/iconos-sociales/google-32x32.png'/></a></li>
    <li class='social_icon'><a href='http://Nombre_de_tu_blog.com/feeds/posts/default'><img border='0' src='http://www.characterscounter.com/img/iconos-sociales/rss-32x32.png'/></a></li>
    </ul>
    </div>

    IMPORTANTE: Debes cambiar el texto que aparece en rojo por tus datos.

  3. Añadir los iconos de redes sociales COMO GADGET del Blog: Deberás dirigirte a la sección "Diseño" y pulsar la opción "Añadir un gadget".

    De la lista de gadgets disponibles, deberás seleccionar el "HTML/Javascript" y pegar en su interior el código del punto anterior.


Artículos que te pueden interesar

Añadir gadget redes sociales en blogger.
Cómo proteger las imágenes de tu blogger.
Cómo etiquetar entradas de blogger.

Crear índice de contenido en Blogger

Crear índice de contenido en Blogger

Muchos bloggers quieren incluir en sus blogs un índice de contenidos desde el cual se pueda acceder a todas las entradas que ha escrito. A continuación os muestro la manera de crear un índice de contenidos para vuestro Blooger cuyo autor original es Bismillah, Alhamdulillah.

Las ventajas del método que a continuación os presento son las siguientes:
  • Es muy sencillo de implementar, basta con copiar el código que a continuación os muestro en el código html de una entrada.
  • Este índice de contenidos se actualiza automáticamente por lo que una vez creado podemos olvidarnos de él.

Pasos a seguir para la creación del índice de contenidos

  1. Crear una entrada nueva.
  2. Pinchar sobre el botón HTML de la entrada.
  3. Escribir el siguiente código:
  4. <script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
    <script src="http://tutorialesyopiniones.blogspot.com.es/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
  5. Sustituir http://tutorialesyopiniones.blogspot.com.es por la URL de vuestro blog
  6. Ejemplo de funcionamiento del índice de contenidos

Agrandar imagen al pasar el ratón por encima

Agrandar imagen al pasar el ratón por encima

En este artículo vamos a ver cómo agrandar una imagen al pasar por encima el ratón simulando la acción de un zoom.

Ejemplo: Agrandar imagen al pasar el ratón por encima para Blogger

En primer lugar deberemos personalizar la plantilla que utilizamos en blogger, para ello deberéis dirigiros a la sección Plantilla y a continuación pulsar el botón Edición de HTML.

En la ventana que se abre y que muestra el código de nuestra plantilla  deberéis localizar el siguiente código:
]]></b:skin>
Justo antes del código anterior deberéis pegar el siguiente código que se encarga de definir la nueva clase thumbnail:
.thumbnail {position: relative; z-index: 0; }
.thumbnail:hover{ background-color: transparent; z-index: 50; }
.thumbnail span{
position: absolute;
background-color: black;
padding: 5px;
left: -100px;
border: 5px double gray;
visibility: hidden;
color: #ffffff;
text-decoration: none;
}
.thumbnail span img{ border-width: 0; padding: 2px; }
.thumbnail:hover span{ visibility: visible; top: 0; left: 10px; }

Cuando queramos utilizar el efecto zoom sobre una imagen en alguno de nuestros post, esto es lo que deberemos escribir:
<a class="thumbnail" href="#thumb"><img src="URL de la imagen" width="100px" height="80px" border="0" /><span><img src="URL de la imagen" /><br />Pie de foto</span></a>

Por último deberás personalizar el código anterior para que se adapte a las propiedades de la imagen que quieres mostrar:
  • Cambiar URL de la imagen
  • Modificar height
  • Modificar width
  • Personalizar texto del pie

Resultado de agrandar foto al pasar el ratón por encima

Como utilizar Google Fonts

Tutorial: Como utilizar Google Fonts en nuestra página web

Gracias a Google Fonts los desarrolladores web podemos utilizar en nuestros desarrollos fuentes diferentes a las estándar de una manera rápida y sencilla consiguiendo dar un toque diferentes a nuestras páginas web y todo sin tener que subir los archivos de las fuentes a nuestro hosting.

Para utilizar Google Fonts en nuestra página web deberemos visitar el catálogo de fuentes disponibles, seleccionar la que más nos gusta y utilizar el siguiente código en la sección <head> de nuestra página web.

Sintaxis de Google Fonts

<link href="http://fonts.googleapis.com/css?family=Font+Name" rel="stylesheet" type="text/css"></link>
Donde deberemos sustituir donde pone Font+Name por el nombre de la fuente que queremos utilizar.

Ejemplo de utilización de la fuente Offside:

<link href="http://fonts.googleapis.com/css?family=Offside" rel="stylesheet" type="text/css"></link>

Artículos que te pueden interesar

Como crear un localizador con HTML5

Tutorial HTML: Como crear un localizador con HTML5

En el  tutorial de hoy vamos a explicar como crear un localizador con HTML5, pero antes vamos a explicar qué es HTML5.

¿Qué es HTML5?

HTML5 es la quinta revisión importante del lenguaje HTML. En esta últimaa versión se incluyen nuevas características para ayudar a los autores de aplicaciones Web, se introducen nuevos elementos basados ​​en la investigación sobre las prácticas de autor vigentes y se ha prestado especial atención a la definición de criterios claros de conformidad para los agentes de usuario en un esfuerzo por mejorar la interoperabilidad.

¿Cómo crear un localizador con HTML5?

Aunque HTML5 solo es soportado por las últimas versiones de Chrome y Firefox, la gran potencia de desarrollo que permite junto con las nuevas funcionalidades de la API de Google Maps permiten ajustar casi al milímetro la posición actual del internauta, por esta razón me he decidido a escribir un tutorial sobre la creación de un localizador con HTML5.

Ejemplo: Crear localizador con HTML5

En primer lugar crearemos la función para que el navegador obtenga las coordenadas:

<script language="javascript">
function obtener_localizacion() {
   if (navigator.geolocation) {
   navigator.geolocation.getCurrentPosition(coordenadas);
   }else{
      alert('Tu navegador no soporta la API de geolocalizacion');
   }
}

En segundo lugar creamos la función javaScript llamada coordenadas que utiliza la API Google Maps para que muestre los resultados obtenidos en la función obtnener_localizacion sobre el mapa:

function coordenadas(position) {
var latitud = position.coords.latitude;
var longitud = position.coords.longitude;
var mapa = document.getElementById("mapa");
mapa.src = "http://maps.google.com/maps/api/staticmap?center="+ latitud + "," + longitud + "&zoom=15&size=400x400&markers=color:green|label:A|" + latitud + "," + longitud + "&sensor=false";
}
</script>

Ahora simplemente lo que necesitamos será un botón para activar la función javaScript y una imagen llamada 'mapa' donde llamaremos al mapa de Google, a través de 'mapa.src' de la función anterior:

<a href="javascript:obtener_localizacion();">Mostrar Posición</a>
<p><img id="mapa" src=""></p>


Y de esta manera se crea un localizador con HTML5.

También te puede interesar saber como dibujar rutas en Google maps y como calcular la distancia entre dos puntos con PHP.

Añadir gadget redes sociales en blogger



Tutorial blogger: Como añadir gadget redes sociales en blogger

En este tutorial voy a explicar cómo añadir un gadget que incluya las redes sociales donde nos pueden encontrar todos los lectores de nuestro blog.

Para el ejemplo del presente tutorial crearemos un gadget donde mostraremos los iconos de las redes sociales donde nos pueden encontrar los lectores del blog y un enlace a nuestro perfil de usuario. En este ejemplo las redes sociales que voy a incluir son las siguientes:

  1. 1. Twitter
  2. 2. Facebook
  3. 3. Google+
  4. 4. Linkedin
  5. 5. Youtube
  6. 6. Metroblog

El gadget redes sociales en blogger quedará de la siguiente manera en vuestro blog:


Ejemplo: Crear gadget en nuestro Blogger con las redes sociales que utilizamos. Cuando un lector de nuestro blog pinche en alguno de los iconos se mostrará la página de nuestro perfil.
  1. Paso 1 Nos dirigimos a la sección Diseño de nuestro blogger.
  2. Paso 2 En este momento se abre una página donde se muestra una representación visual de nuestro blog.
  3. Paso 3 Para el ejemplo actual he creado el gadget redes sociales en el panel lateral derecho, en dicho panel hacemos clic en la opción Añadir un gadget.
  4. Paso 4 En este momento se abrirá una ventana donde podremos seleccionar el tipo de gadget que queremos añadir.
  5. Paso 5 Dentro de la pestaña Lo básico seleccionamos la opción HTML/Javascript
  6. Paso 6 Al seleccionar dicha opción se abre una página donde configuraremos el gadget redes sociales de la siguiente manera:
    1. - Título: Escribir el título que queremos que se muestre al visualizar el gadget redes sociales. En mi caso he puesto "Sígueme en las redes sociales".
    2. - Contenido: Espacio destinado para poner el código HTML que queremos mostrar en el gadget redes sociales, en nuestro caso deberemos poner el siguiente:
// Icono y link a tu perfil de twitter
<a href='URL twitter' target='_blank'><img alt='twitter' src="http://2.bp.blogspot.com/-HoByHzmab00/T-WiFnncFXI/AAAAAAAAAuM/eIStHRliy7Y/s000/twitter.png" title='twitter'/></a>

// Icono y link a tu perfil de facebook
<a href='URL facebook' target='_blank'><img alt='facebook' src="http://4.bp.blogspot.com/-KGUfFpIGxDo/T-WiF2abbMI/AAAAAAAAAuU/YUHVZnWeTAQ/s000/facebook.png" title='facebook'/></a>

// Icono y link a tu perfil de google+
<a href='URL google+' target='_blank'><img alt='google plus' src="http://4.bp.blogspot.com/-FbyQUvCfcsc/T-WiGWwdzZI/AAAAAAAAAuc/23NBI95QlmY/s000/gplus.png" title='google plus'/></a>

// Icono y link a tu perfil de Linkedin
<a href='URL linkedin' target='_blank'><img alt='linkedin' src="http://3.bp.blogspot.com/-HPHUoa0ufsw/T-WiGqwz3YI/AAAAAAAAAuk/MEYc0chl5zs/s000/linkedin.png" title='linkedin'/></a>

// Icono y link a tu perfil de Youtube
<a href='http://www.youtube.com/user/masetru' target='_blank'><img alt='Youtube' src="http://static.tiendy.com/shops/mimomimascota/theme/assets/icono_youtube.png" title='Youtube'/></a>

// Icono y link a tu perfil de Metroblog
<a href='http://NombreUsuario.metroblog.com/' target='_blank'><img alt='Metroblog' src="http://blog.mp3.es/wp-content/uploads/2013/03/metro-last-light.png" title='Metroblog'/></a>

En el código de arriba deberéis sustituir el texto URL twitter, URL facebook, URL google+ y URL linkedin por la URL de vuestros perfiles en cada una de estas redes sociales.

Podríamos personalizar el código del gadget redes sociales de muchas maneras, yo os propongo las siguientes:
  1. - Personalizar el contenido de la meta etiqueta title.
  2. - Modificar contenido de la meta etiqueta alt.


Si te ha gustado el artículo sobre cómo añadir gadget redes sociales en blogger puedes visitar a alguno de nuestros patrocinadores, con esto me ayudarás a mantener el Blog y pueda escribir más artículos.

ARTÍCULOS QUE TE PUEDEN INTERESAR

Cómo guardar la configuración de una red wifi en Windows 7
Cómo abrir puertos windows 7
Atajos de teclado de Windows
Windows 7 no muestra la fecha

Como incluir tablas en tus post de blogger

Tutorial HTML: Incluir tablas en tus post de blogger

En este artículo voy a explicar la manera de incluir tablas en tus post de blogger ya que en ocasiones nos encontramos con la necesidad de incluirlas en nuestros artículos y observamos que el editor de blogger no dispone de ninguna herramienta que nos permita insertar tablas.

Para incluir tablas en los post de blogger tendremos que recurrir al editor HTML y definir nosotros mismos la estructura de la tabla en html. A continuación os pongo el código html necesario para definir una tabla en vuestros post de blogger:

<table border="1" style="float: left; margin-right: 2%; width: 100%;">
<tbody>
<tr>
<td>Columna 1</td>
<td>Columna 2</td>
<td>Columna 2</td>
</tr>
</tbody>
</table>

Y el resultado de aplicar el código anterior es el siguiente:

Columna 1Columna 2Columna 2



Explicación: Elementos utilizados en la creación de la tabla.
  1. table: Instrucción que indica que se va a definir una tabla en HTML.
  2. style: Instrucción que se utiliza para definir el estilo de la tabla.
  3. float: Indica donde se alinea la tabla, en nuestro caso a la izquierda de su contenedor.
  4. margin-right: Margen derecho de la tabla, en nuestro ejemplo el 2% del contenedor de la tabla.
  5. width: Ancho que ocupará la tabla, en nuestro ejemplo el 100% del contenedor de la misma. 
  6. tbody: Indica que se va a definir el contenido del cuerpo de la tabla.
  7. tr: Se utiliza para definir el contenido de una fila de la tabla
  8. td: Instrucción para definir celdas en una tabla
A través del ejemplo anterior podéis personalizar las tablas que incluyáis en vuestros post de blogger ya que con cambiar los valores de las propiedades que he descrito anteriormente observaréis como va cambiando la tabla.


ARTÍCULOS QUE TE PUEDEN INTERESAR

Añadir gadget últimos tweets en Blogger
Cómo poner una imagen de fondo en Blogger
Cómo crear un sitemap para Blogger
Widget nube etiquetas para Blogger
Añadir gadget redes sociales en Blogger

Como incluir código en tus post de blogger

Tutorial blogger: Como añadir código a tus post

En ocasiones queremos incluir código fuente en los artículos de nuestro blogger para mostrar a nuestros lectores un ejemplo práctico con el que resolver sus dudas.

Algunos bloggers utilizan el tag blockquote para escribir el código, recordemos que blockquote marca una sección de nuestra página o artículo como si fuera una referencia de otra fuente, estéticamente aplica una sangría y poco más.

La opción que yo suelo utilizar para añadir código a mis post de blogger es la siguiente:
  1. Edito el html de la plantilla que utilizo en mi blog.
  2. Desde el menú principal de blogger seleccionar la opción Plantilla y a continuación pinchar sobre Edición de HTML
  3. Esto abrirá un cuadro de diálogo donde deberemos seleccionar la opción Continuar.
  4. En este momento veremos el código HTML de la plantilla que estemos utilizando en nuestro blog.
  5. Ahora buscaremos el siguiente texto: ]]></b:skin>
  6. Recordad que para buscar rápidamente podemos utilizar la combinación de teclas Ctrl + F
  7.  Justo antes del texto del punto número 5 pegaremos el siguiente código:
code {background:#EEEEEE; font-family: Trebuchet MS; display:block; border:1px solid #999999; padding:10px;}

Explicación:  Con el código anterior estamos creando la code y asignándole unas determinadas características como por ejemplo:
  1. background: Color del fondo en hexadecimal.
  2. fonf-family: Tipo de letra
  3. display: Especifica cómo se mostrará el html resultante.
  4. border: ancho, tipo y color del borde que rodeará al texto.
  5. padding: espacio entre el texto y su contenedor.
¿Cómo se utiliza?: Muy sencillo, para incluir código en un post de blogger deberás seguir los siguientes pasos:
  1. Pulsar el botón HTML del editor.
  2. Escribir en código que quieres mostrar en tu post entre las siguientes tags <code></code>


Si te ha gustado el artículo sobre cómo corregir error "Apache shutdown unexpectedly" al iniciar Xampp te pido un favor: Haz clic sobre uno de los anuncios, con esto me ayudarás a mantener el Blog y pueda escribir más artículos.

ARTÍCULOS QUE TE PUEDEN INTERESAR

Cómo guardar la configuración de una red wifi en Windows 7
Cómo abrir puertos windows 7
Atajos de teclado de Windows
Windows 7 no muestra la fecha

Mostrar últimos tweets de un usuario con PHP

Tutorial PHP: Mostrar últimos tweets de un usuario

A continuación mostramos una funcion PHP que devuelve los últimos tweets de un determinado usuario. El funcionamiento de la función PHP que muestra los últimos tweets de un usuario es muy sencillo, simplemente hay que pasarle dos parámetros:

  1. El nombre de la cuenta de twitter. Por ejemplo masetru
  2. El número de tweets que queremos mostrar. Por ejemplo mostrar los últimos 10 tweets de @masetru
A continuación os mostramos el código de la función php que muestra los últimos tweets de un determinado usuario:

<?php
$json = file_get_contents("http://twitter.com/status/user_timeline/masetru.json?count=10", true);
$decode = json_decode($json, true);
print_r($decode);
?>


MOSTRAR ÚLTIMOS TWEETS CON PHP: AÑADIDO 04/06/2013

function getTweets($tweetsToDisplay, $user_id) {

$twitterrequest = 'http://api.twitter.com/1/statuses/user_timeline.json?user_id=' . $user_id . '&include_rts=true&count=' . $tweetsToDisplay;
$twitterci = curl_init($twitterrequest);
curl_setopt($twitterci, CURLOPT_RETURNTRANSFER, TRUE);
$twitterinput = curl_exec($twitterci);
curl_close($twitterci);
return ($twitterinput);

}

$user_id = '99999999';
$var = json_decode(getTweets(1, $user_id));
$txt = $var[0]->text;
$txt = preg_replace('%(https?://)[^\s]*%', '$1...', $txt);
echo $txt;



Si te ha gustado el artículo sobre cómo corregir error "Apache shutdown unexpectedly" al iniciar Xampp te pido un favor: Haz clic sobre uno de los anuncios, con esto me ayudarás a mantener el Blog y pueda escribir más artículos.

ARTÍCULOS QUE TE PUEDEN INTERESAR

Cómo guardar la configuración de una red wifi en Windows 7
Cómo abrir puertos windows 7
Atajos de teclado de Windows
Windows 7 no muestra la fecha

Calcular distancia entre dos puntos con PHP

Tutorial PHP: Calcular distancia entre dos puntos

A través de la siguiente función PHP podremos obtener la distancia en kilómetros, millas o millas náuticas entre dos puntos.


Generar clave aleatoria en php

Tutorial PHP: Como generar contraseñas aleatorias

En ocasiones nos será muy útil poder disponer de un método de generación automática de contraseñas, en mi caso en particular he necesitado generar contraseñas de manera aleatoria cuando he abordado proyectos web donde se requería que el usuario se diera de alta.

El procedimiento que sigo para generar contraseñas aleatorias es el siguiente:
  1. El futuro usuario registra su mail en una web o aplicación móvil.
  2. El sistema manda al usuario un correo electrónico con la contraseña que hemos generado de manera aleatoria y un link a la página de logueo.
  3. El usuario ingresa en el sistema y cambia su contraseña aleatoria por la que él quiera.
A continuación os muestro el código php que genera claves aleatorias:

Detectar idioma del visitante de tu web

Tutorial PHP: Como detectar el idioma del visitante de una web

En ocasiones nos puede interesar conocer el idioma del visitante de una web, imaginad que tenemos una web donde queremos mostrar el contenido en el idioma del visitante. 

La idea es muy sencilla: Si conocemos el código ISO del país del visitante podemos seleccionar el idioma del contenido de nuestra web.

En primer lugar recogemos el idioma del visitante de la siguiente manera:

$idioma ($_SERVER['HTTP_ACCEPT_LANGUAGE']02);

En segundo lugar, conociendo el código ISO del país, redireccionamos a nuestro visitante a la página que se nos antoje:

$idioma ($_SERVER['HTTP_ACCEPT_LANGUAGE']02);
if($idioma=='es'){
   ("Location: es.php");
}elseif($idioma=='fr'){
   ("Location: fr.php");
}else{
   ("Location: en.php");
}

En el ejemplo anterior podemos observar que redirigimos al visitante a la página es.php si el código ISO pertenece a 'España', lo redirigimos a fr.php si pertenece a 'Francia' y si el visitante es de otro país lo redirigimos a en.php

Tutorial PHP: Recibir notificación cuando Google visita tu web

Como recibir notificación cuando Google visita tu web

El siguiente script php detecta el User Agent de cada visitante de tu página web, cuando se trata de Google manda un correo electrónico notificándote que tu página web ha sido visitada por Google.
<?php
   if ( strpos( $_SERVER['HTTP_USER_AGENT'], 'Googlebot' ) !== false ) {
  mail('mail@micorreo.com','Google ha visitado tu web','Google ha visitado tu página web: http://www.tu_dominio.com'. $_SERVER['REQUEST_URI']);
   }
?>
Si observáis el código php anterior podéis comprobar que se puede personalizar, indicando el texto que deseáis recibir así como cambiar la cuenta de correo donde recibiréis la notificación.