A través de Internet

Con el desarrollo de las redes sociales, cada vez es más interesante facilitar a los usuarios de tu blog la inclusión de tus artículos en las redes que utilicen. De esta forma, además de proporcionar un servicio interesante para tus usuarios, conseguirás aumentar la distribución de tus artículos gracias a la propia publicidad que tus usuarios realizarán de ellos.

Sin embargo, la gran cantidad de redes sociales existentes hace que preparar tu página de forma individual para cada una de estas redes sea algo largo y tedioso. Por suerte, ya existen algunos sistemas que nos facilitan esta tarea. De entre todos estos sistemas, para este artículo hemos elegido AddThis por ser un sistema muy fácil de instalar, multiidioma (cada usuario lo verá en su propia lengua), con más de 250 formas de compartir incluidas (Facebook, Twiter, MySpace, etc., incluidas) y con la posibilidad de tener estadísticas de su utilización.

Si quereis ver un ejemplo de como funciona este sistema basta con que mireis en la parte superior derecha de este blog, justo debajo del buscador (si, es el que he elegido para incluir en mi blog). Los pasos para incluir este sistema en tu web son:


1- Crea tu botón personalizado y tu cuenta para las estadísticas

Para crear nuestro botón personalizado en primer lugar tendremos que ir a la web de AddThis (http://www.addthis.com/) y en la propia página principal de esta web ya tenemos la opción de crear nuestro botón. Para ello tenemos que configurar los siguientes aspectos:

• "1- Select your service": en este punto tenemos que indicar donde tenemos pensado colocar el botón. En nuestro caso introduciremos la opción de "Blogger". En caso de tener otro sistema como Wordpress o MySpace, también podemos seleccionarlo. Y si no es ninguno de estos pondremos la opción de "WebSite"
• "2- Select a button style": en este punto se nos ofrecen distintos estilos para el botón, simplemente hay que seleccionar el que más nos guste.
• "3- Do you want analytics?": por último, tendremos que indicar si queremos o no que AddThis calcule las estadísticas utilización de nuestro botón, así como los usuarios que han llegado a nuestro blogs gracias a publicaciones realizadas con el botón. Para este ejemplo seleccionamos que sí, por considerarlo interesante.

• En el Sidebar: la página nos permite introducir nuestro botón de manera automática justo encima del primer mensaje. Para ello, basta con pulsar el botón que aparece tras el alta con el texto "Install to Sidebar". Tras pulsarlo nos aparecerá una página para que seleccionemos el blog en el que queremos añadir y tras presionar "Añadir Artilugio" ya lo tendremos instalado en nuestro blog.
• Como un gadget: para ello, únicamente tenemos que ir a la zona de Diseño de nuestro blog y seleccionar la opción de "Añadir Gadget". En el siguiente listado seleccionamos la opción de "HTML/Javascript" e introducimos el código que obtuvimos tras el alta. Después guardamos los cambios en el diseño y ya tenemos nuestro botón incluido en nuestra barra de gadgets.
• Por último, si conocemos un poco la estructura de las plantillas en su vista HTML podemos incluir el código en cualquier parte. Así, por ej, si queremos incluir el botón en el pie de nuestro blog tendremos que buscar la etiqueta
  y colocar el código en su interior.

• addtoany: sistema que te permite incluir un par de botones con los permitir compartir en Twiter y Facebook. Además, aparece el número de veces que el artículo ha sido compartido en el propio botón.

Actualmente, en España, la banca por internet es cada vez más utilizada y la mayoría de las personas que dominan los ordenadores suelen tener cuentas en ellas. Estos tipos de banco suelen tener tentadoras ofertas para la creación de cuentas de alta remuneración, siendo los más famosos ING Direct, iBanesto, Open Bank, etc.

Todos estos bancos suelen tener unos pros y unos contras con respecto al resto. En el caso de iBanesto los intereses de sus cuentas y ofertas de bienvenida suele ser un poco mayor que los de ING, pero en su contra está la fama de "muy lentos" en el proceso de apertura de cuentas, por lo que vamos a dedicar este artículo a realizar el seguimiento de un alta de nuevo cliente para la cuenta Azul para que cualquier internauta se haga una idea de los plazos de iBanesto. Así, se pasa a detallar los pasos y fechas desde que se realiza la solicitud a través de su página web hasta que se obtienen las claves necesarias para poder acceder a la cuenta:

Posición Inicial: Una persona que no tiene ni ha tenido ningún tipo de relación con iBanesto (ni Banesto) desea crear una Cuenta Azul.

Lunes 5 de Abril del 2010: sobre las 10:00 rellenamos el formulario de alta en la web de iBanesto. En este proceso se permite elegir como queremos recibir los contratos, por correo postal o por correo electrónico. Para abreviar el proceso de alta se selecciona correo electrónico.

Lunes 5 de Abril del 2010: a las 11:16 se recibe un correo indicando que la solicitud ha sido dada de alta correctamente. Indican además que en breve se recibirá los contratos por correo electrónico y que será necesario entregar una fotocopia del DNI junto con los contratos.

Martes 6 de Abril del 2010: a las 01:20 se recibe un correo electrónico con los contratos que es necesario firmar para abrir la cuenta. En él se indica que una vez impresos y firmados se pueden enviar a las oficinas de iBanesto o dejarlos en cualquier oficina física de Banesto. Por lo que parece, el proceso que envía los contratos podría ser nocturno, ya que en todos los casos de conocidos les han llegado los mails durante la madrugada.

Martes 6 de Abril del 2010: sobre las 11:00 se entrega toda la documentación firmada (contrato, OTE y formulario sobre la Ley de Servicios de Pago, junto con una fotocopia del DNI) en una oficina de iBanesto situada en el centro de Madrid.

Miércoles 14 de Abril del 2010: se realiza el traspaso del dinero incluido en la O.T.E., pero no se recibe ninguna información.

Jueves 15 de Abril del 2010: a las 10:47 se recibe un correo de iBanesto indicando que se ha realizado el ingreso del dinero traspasado el día anterior.

Jueves 15 de Abril del 2010: a las 20:20 se recibe un mail con el título "Activación del contrato xxxxxxx". En este mail se indica que el producto se encuentra totalmente activo, pero no se incluye información sobre la recepción de las claves necesarias para entrar. Leyendo por foros y páginas de internet se comenta que en este momento iBanesto habrá procedido a enviar las claves por correo postal. Existe la posibilidad de ir tras 48/72 horas de recibir este correo a cualquier oficina de Banesto y solicitar las claves si no se quiere esperar al correo postal.

Jueves 22 de Abril del 2010: se recibe una carta con el código de usuario. Según se indica en esa misma carta aún falta dos claves más, la clave personal y la clave de firma. A seguir esperando más cartas. Nota: en una consulta vía mail se indica que las claves ya han sido enviadas, pero que si se desea se puede ir a cualquier oficina de iBanesto con el DNI y te generan unas nuevas en el momento (no estaría mal que toda esta información la hubiesen comunicado en el mail del día 15)

Lunes 26 de Abril del 2010: se reciben dos cartas con las clave personal y la clave de firma. Ya se puede operar normalmente con la Cuenta Azul.


Resumen: en total el proceso de alta en iBanesto ha tardado 21 días, desde el lunes 5 de Abril al lunes 26 de Abril. Por tanto, el proceso es bastante más lento que en otras entidades como ING (donde en poco más de una semana tienes todo operativo), pero tampoco se alarga exageradamente. Por último, viendo lo que tardaron en llegar las claves tras ser enviadas, es recomendable solicitar que los contratos los envíen vía web en lugar de por correo postal.


Artículo relacionado: Seguimiento de apertura Cuenta Naranja de ING


Nota: ¿Te ha resultado útil este artículo? ¿estás pensando darte de alta en un banco on-line? Nosotros pensamos que conocer de antemano el proceso de alta de un producto bancario puede ser útil a mucha gente, así que si vas a comenzar uno de estos procesos y deseas que publiquemos cómo te ha ido ponte en contacto con nosotros y podrás elaborar tu propio artículo.

En este artículo se explica como añadir en Word una barra de herramientas mediante la cual se pueda firmar digitalmente los documentos de manera sencilla. Así, tras realizar todos estos pasos se tendrá una nueva barra de herramientas con tres botones los cuales servirán:

- El primer botón para firmar electrónicamente el documento Word.
- El segundo botón para incluir la imagen o rúbrica de la firma en el documento (como se ha visto en artículos anteriores, esta imagen es opcional y no tiene valor legal)
- El tercer botón para ver las firmas que tiene ese documento.

Nota: estas macros han sido probadas en Word 2003 sobre Windows XP. No se el resultado sobre otras versiones de Word, por lo que si lo probais podríais indicar el resultado en los comentarios del artículo, pudiendo así añadir una lista de en qué versiones de Word funcionan las macros y en cuales no. Además, si en alguna no funciona y alguien se anima a modificar las macros también podría colgarlas aquí.

Paso 1: Creación de las Macros

En primer lugar tenemos que crear un par de macros con el siguiente código fuente:

Sub FirmaDigital()
On Error GoTo finalFirmaDigital
If Application.Documents.Count > 0 Then
sig = ActiveDocument.Signatures.Add
If sig And sig.IsCertificateExpired = False And _
sig.IsCertificateRevoked = False Then
bAddSig = True
Else
sig.Delete
bAddSig = False
End If
ActiveDocument.Signatures.Commit
End If
finalFirmaDigital:
If Err.Number <> 91 Then
MsgBox "Se ha producidoun error: " + Err.Description
End If
End Sub

Sub IncluirRubrica()
On Error GoTo finalIncluirRubrica
Selection.InlineShapes.AddPicture FileName:= _
"C:\mifichero.bmp", _
LinkToFile:=False, SaveWithDocument:=True
finalMeterRubrica:
MsgBox Err.Description
End Sub

Herramientas / Personalizar …
Barras de herramientas / Nueva …

Herramientas / Personalizar …

Comandos / Macros / Normal.NewMacros.FirmaDigital

Comandos / Todos los Comandos / MostrarFirmas

Blogspot, mediante su herramienta para la redacción artículos los ofrece la posibilidad de incluir subir un video que tengamos en nuestro ordenador previamente mediante el iconio de "Añadir nuevo vídeo". Pero, ¿qué pasa si queremos compartir un vídeo situado en otra vez? (como por ejemplo YouTube), pues que no nos vale ese iconito. Así, para incluir un vídeo de YouTube en un árticulo simplemente hay que seguir los siguientes pasos:

1- Obtener el código del vídeo en Youtube

Para esto tenemos que irnos a la página del vídeo en YouTube y buscar en el cuadro donde pone los datos del vídeo y el usuario que lo subió un cuadro de texto sobre el que pone el texto "Insertar". Ese cuadro comenzará con el texto "<object width ....", debiendo copiar para posteriormente pegarlo en el blog.

Antes de copiarlo, si lo deseamos, es posible configurar aspectos como colores, el tamaño, etc. Para ello, basta con fijarse en las opciones que se expanden al pinchar sobre la caja de texto anterior y modificarlas a nuestro gusto.

2- Incluir el vídeo en nuestro artículo

Finalmente, para incluir el vídeo en nuestro artículo basta con copiar el código de la caja de texto mencionada anteriormente y copiarlo en el lugar del artículo en el que queremos exactamente que salga el vídeo. Y así de fácil ya tendremos incluido un vídeo de YouTube en nuestro blog.


¿Y si el vídeo está en otra vez?

Casi todas las vez en las que se comparten vídeos por internet tienen una forma de compartir vídeos. Normalmente será muy parecida a la de YouTube, así que solamente tienes que buscar en esa web un código parecido, copiarlo en tu artículo y probar a ver si ha habido suerte.

En ocasiones, cuando abrimos la nevera podemos encontrarnos con huevos que no sabemos si están crudos o han sido cocidos (hervidos) previamente. Existen multitud de trucos para averiguarlo, pero sin duda el más sencillo es hacerlos girar sobre una mesa y:

- Si el huevo gira a un ritmo uniforme entonces el huevo está cocido o hervido.

- Si el huevo gira "a tirones", acelerándose y frenándose, y a un ritmo más lento entonces el huevo está crudo.

En el siguiente video se puede observar como gira el huevo en cada caso:

En la Parte I de este artículo vimos como firmar electrónicamente un documento PDF incluyendo una firma invisible. En esta segunda parte veremos como incluir la firma en un campo visible, pudiendo añadir en dicho campo el dibujo de nuestra rúbrica o garabato. Para ello basta con seguir estos sencillos pasos:

Paso 1- Creación del fichero con el garabato de la firma

En caso de querer añadir el garabato o rúbrica manual al campo con nuestra firma lo primero que tendremos que hacer es pasar nuestra firma manuscrita a un formato digital. Para ello lo más fácil es coger una hoja en blanco, firmar en ella y posteriormente escanearla. Tras escanearla es conveniente recortar la imagen para que en ella aparezca solamente la firma (es decir, le quitamos la parte en blanco del folio escaneado)

Paso 2: Configuración de la apariencia de la firma en Acrobat

Una vez que tenemos el fichero tenemos que configurar lo que en Acrobat se denomina "Apariencia". Mediante este paso diremos que datos queremos que salgan en el campo de la firma, creando una "apariencia que utilizaremos posteriormente al firmar.

Para ello tenemos que abrir nuestro Acrobat Profesional e ir a la siguiente opción del menú: "Editar > Preferencias > Firmas (o Firmas Digitales)" . En esa pantalla veremos que hay un apartado denominado "Apariencias", pero estará vacío si previamente no habíamos configurado ninguna apariencia. Por tanto, damos a "Nueva" y nos saldrá una ventana en la que queremos especificar como será el campo de firma. En esta ventana tendremos que indicar que el fichero con el que deseamos firmar es el obtenido en el Paso 1, así como el resto de datos que contendrá nuestro campo de firma. Lo bueno es que la propia ventana nos muestra una previsualización de como quedará este campo, así que podemos juguetear lo que queramos poniendo y quitando campos antes de dar a aceptar (ojo, acordaros del título que le poneis a vuestra apariencia para poder localizarla fácilmente en el próximo paso)

Paso 3- Realizar la firma visible

Por último, una vez creado la apariencia la podemos utilizar fácilmente al firmar. Para ello simplemente hay que seguir los siguientes pasos (muy similares a los de la primera parte del artículo)

1- Abrir el documento PDF que se desea firmar y situarnos de tal forma que veamos en la pantalla la zona exacta donde queremos incluir nuestra firma.

2- Seleccionar la opción de firmar, la cual se encuentra en el menú "Documento>Firmas digitales>Firmar este documento"

3- Tras seleccionar la opción de firmar nos saldrá una ventana en la que debemos indicar el tipo de firma que deseamos crear. Para ello nos dará la opción de "Crear un nuevo campo de firma" o "Crear una nueva firma invisible". En este caso seleccionaremos la primera opción opción.

4- Tras seleccionar la opción de "Crear un nuevo campo de firma" tenemos que indicar en que lugar exactametne queremos crearla. Para ello simplemente hay que pinchar en la pantalla y arrastrar el ratón. En ese momento se irá dibujando un rectángulo en el que se incluirá nuestra firma. En el momento que este rectángulo se ajuste al hueco en el que queremos mostrar la firma soltaremos el ratón.

5- Tras soltar el ratón nos aparecerán en pantalla todos los certificados que tenemos instalados en nuestro PC. Deberemos elegir de la lista el que deseamos utilizar y dar a siguiente. Además, en caso de necesitar firmar numerosos documentos con este certificado nos da la opción de indicarle que en el futuro siempre queremos utilizar el mismo certificado.

6- Introducir la contraseña de nuestro certificado. En este momento Adobe Acrobat se dispone a utilizar la clave privada de nuestro certificado para firmar el documento. Debido a ello, si dicha clave la tenemos protegida con una contraseña nos la pedirá. Este paso no saldrá si tenemos la clave privada sin proteger.

7- Introducción de datos opcionales. Junto con la firma, Adobe Acrobat nos permite introducir la razón por la que firmamos el documento, el lugar desde el que firmamos y nuestros datos de contacto. Además, como estamos firmando mediante un campo visible nos deja elegir la apariencia que tendrá dicho campo, por tanto, si desplegamos la lista de esta opción deberá aparecerno el título dado a la "apariencia" creada en el Paso 2, la cual seleccionaremos.

- Paso 7: Guardar el documento firmado. Adobe Acrobat permite guardar el documento firmado sobrescribiendo el documento original ("Firmar y Guardar") o crear una copia del documento firmado manteniendo el original sin firmar ("Firmar y Guardar Como"). Tras seleccionar una de estas opciones ya tendremos el documento firmado. Si ahora nos fijamos en el lugar donde hemos indicado mediante el rectángulo aparecerán los datos e imagen que incluimos en la apariencia de nuestra firma.

Otros artículos sobre el tema

- Firma electrónica con Acrobat (PDFs). Parte I. Artículo en el que se explica como crear firmas invisibles con Acrobat, así como la forma de comprobar quién ha firmado un documento PDF.

- Firma electrónica con Word. Artículo en el que se explica como crear y configurar una barra de botones en Word que nos permita firmar electrónicamente documentos .doc.

Cada vez se está extendiendo a mayor velocidad el uso de certificados digitales para acceder a distintos servicios, tanto de la administración pública como de empresas privadas. Sin embargo, estos certificados también pueden utilizarse para firmar distintos tipos de documentos de manera electrónica, pudiendo llegar a tener esta firma el mismo valor que la firma manuscrita (por ej, en España esto sucede con los certificados del DNI-Electrónico y los emitidos por la FNMT).

Debido a ello, en los siguientes artículos de este blog iremos explicando la forma de firmar electrónicamente documentos, tanto mediante la creación de firmas invisibles como de firmas con rúbrica o "garabato" incluido. En el artículo de hoy explicaremos cómo firmar archivos PDF con el Adobe Acrobat, utilizando una firma invisible.

Requisito previo

Como es lógico, el requisito previo para poder firmar un documento es tener instalado en el PC el certificado digital con clave privada que se desea utilizar para la firma.

Firma invisible con Adobe Acrobat

- Paso 1: Abrir el documento PDF que se desea firmar.

- Paso 2: Seleccionar la opción de firmar, la cual se encuentra en el menú "Documento>Firmas digitales>Firmar este documento"

- Paso 3: Tras seleccionar la opción de firmar nos saldrá una ventana en la que debemos indicar el tipo de firma que deseamos crear. Para ello nos dará la opción de "Crear un nuevo campo de firma" o "Crear una nueva firma invisible". En este caso seleccionaremos la segunda opción (en próximas entradas explicaremos la primera opción)

- Paso 4: Tras seleccionar la firma invisible nos aparecerán en pantalla todos los certificados que tenemos instalados en nuestro PC. Deberemos elegir de la lista el que deseamos utilizar y dar a siguiente. Además, en caso de necesitar firmar numerosos documentos con este certificado nos da la opción de indicarle que en el futuro siempre queremos utilizar el mismo certificado.

- Paso 5: Introducir la contraseña de nuestro certificado. En este momento Adobe Acrobat se dispone a utilizar la clave privada de nuestro certificado para firmar el documento. Debido a ello, si dicha clave la tenemos protegida con una contraseña nos la pedirá. Este paso no saldrá si tenemos la clave privada sin proteger.

- Paso 6: Introducción de datos opcionales. Junto con la firma, Adobe Acrobat nos permite introducir la razón por la que firmamos el documento, el lugar desde el que firmamos y nuestros datos de contacto. Esta información es opcional, pero es importante destacar que si se introduce la podrá ver los destinatarios del documento.

- Paso 7: Guardar el documento firmado. Adobe Acrobat permite guardar el documento firmado sobrescribiendo el documento original ("Firmar y Guardar") o crear una copia del documento firmado manteniendo el original sin firmar ("Firmar y Guardar Como"). Tras seleccionar una de estas opciones ya tendremos el documento firmado.

Comprobación de las firmas

Para comprobar quién ha firmado un documento nos sirve tanto el Acrobat como el Acrobat Reader. En ambos casos tenemos que ir a una pestaña situada normalmente en el borde izquierdo de la ventana y denominada "Firmas" o "Signatures". Si la presionamos nos aparecerán todas las personas que han firmado el documento, pudiendo ver tanto los nombres de esas personas (o empresas) como el certificado asociado a la firma.

Otros artículos sobre el tema

- Firma electrónica con Acrobat (PDFs). Parte II. En este artículo se explica como poder realizar una firma electrónica visible en el propio documento, pudiendo incluir la rúbrica o garabato personal.

- Firma electrónica con Word. Artículo en el que se explica como crear y configurar una barra de botones en Word que nos permita firmar electrónicamente documentos .doc.

Cuando estamos editando o añadiendo contenido a nuestro blog, sobre todo cuando estamos modificando la plantilla, normalmente solemos entrar a nuestro propio blog para ver como está quedando el artículo. Esto provoca que nuestras visitas se contabilicen junto con el resto de visitas de otros usuarios, que son las que realmente luego nos interesan. Debido a ello, en este artículo vamos a explicar como excluir nuestras propias visitas a nuestro blog o página web cuando utilizamos Google Analytics y tenemos un IP dinámica.

Paso 1: Creación de una nueva Cookie

Dado que nuestra IP es dinámica, para que Google Analytics sepa que somos nosotros tenemos que crear un filtro a partir de un valor incluido en un cookie. Para ello, tenemos dos posibles formas:

- Si estamos en un blog de Bloggers, tenemos que ir al las opciones de "Diseño > Edición de HTML" . En este apartado tenemos que localizar el código de seguimiento de Google Analytics y añadir tras su última línea la instrucción: pageTracker._setVar(”visita_propia”); Es decir, el código de seguimiento quedará momentáneamente así:

...
try {
var pageTracker = _gat._getTracker("UA-XXXXXXX-X");
pageTracker._trackPageview();
pageTracker._setVar(”visita_propia”);
} catch(err) {}
...

Una vez incluido el código anterior en la plantilla seleccionamos la opción "Guardar Plantilla", y seguidamente visitamos cualquier página de nuestro blog. Tras realizar la visita se nos habrá creado una nueva cookie _utmv en nuestro navegador, la cual nos servirá posteriormente para crear el filtro en Google Analytics. Para comprobar que la cookie se ha creado correctamente podemos ir a (en FireFox) "Herramientas > Opciones > Privacidad > Mostrar Cookies", donde debemos encontrar una entrada parecida a la siguiente:


Importante: mientras tengas modificada la plantilla, el navegador de cualquier usuario que entre en tu blog creará esa misma cookie, por lo que si volviera a entrar en el futuro se le aplicaría también el filtro de "Visita Propia". Debido a ello, en cuanto compruebes que la cookie está bien creada vuelve a la plantilla de tu blog y quita la línea que incluimos anteriormente.

También hay que tener en cuenta que, si limpiamos la cookies de nuestro navegador tendremos que volver a realizar este paso, ya que estaríamos borrando la cookie _utmv que hemos creado. Además, la cookie creada tiene una validez de 2 años, así que tras 2 años hay que renovarla.

- Si estamos modificando un portal/página web, podemos crear una nueva página en la que incluir el nuevo código y subirla a nuestro servidor sin enlazarla desde ningún sitio de nuestra web. De esta forma, para añadir la cookie podemos acceder directamente mediante la URL a esa página y no corremos el riesgo de que otros usuarios tengan la cookie.

Otra opción en el caso de las páginas web es, en lugar de añadir la línea en el código de seguimiento, se puede incluir en la etiqueta body de la siguiente forma:

<body onLoad="javascript:pageTracker._setVar('visita_propia');">

Paso 2: Creación de un nuevo filtro en Google Analytics

Una vez creada la cookie y eliminado el código de nuestra plantilla procederemos a crear el filtro que va a excluir nuestras visitas en Google Analytics. Para ello accedemos a nuestra cuenta de Analytics y seleccionamos la opción de "Editar" y "Añadir Filtro". En ese momento nos saldrá un formulario el cual debemos rellenar con los siguientes datos:

• Nombre del Filtro: el que queramos, por ejemplo "Visitas Propias"
• Tipo de Filtro: Filtro Personalizado > Excluir
  
• Campo del Filtro: Usuario Definido
• Patrón de Filtro: visita_propia
• Distinción entre mayúsculas y minúsculas: no

• Nombre del Filtro: el que queramos, por ejemplo "Visitas Propias"
• Tipo de Filtro: Excluir todo el tráfico procedente de una dirección IP específica
• Expresión regular para direcciones IP: tu IP o rango de IPs