Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google

Escrito por ehow contributor | Traducido por luciano ariel castro
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
El calendario de Google es útil para las personas que quieren publicar un calendario en su blog o sitio Web personal. (Calendar image by 1nv3rt3d from Fotolia.com)

Google Calendar es parte de la suite de aplicaciones web gratuitas proporcionadas por Google. La aplicación Google Calendar te permite crear y compartir uno o más calendarios que incluyen eventos importantes, citas y reuniones. Los usuarios de Google Mail (Gmail) apreciarán que Google Calendar esté integrado, lo que les permite crear un evento en sus calendarios con sólo unos pocos clics de Gmail. Google Calendar permite organizar tu calendario de una manera fácil y divertida, y recordatorios para acontecimientos importantes que pueden ser enviados por correo electrónico o incluso a tu teléfono móvil. Los calendarios pueden ser compartidos, accesibles a través de teléfono móvil o incluso publicados usando una variedad de formatos flexibles. Google hace incrustar tu calendario rápidamente y sin ningún esfuerzo, y tienes una variedad de opciones de formato para que puedas proporcionar un aspecto muy pulido y personalizado con el calendario incorporado. Esto es útil para las personas que quieren publicar un calendario en su blog o sitio Web personal, o para las empresas y otras organizaciones que quieran publicar un calendario basado en la Web.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Necesitarás

  • Usuario de Google

Lista completaMinimizar

Instrucciones

    Cómo insertar un calendario dinámico en tu sitio web utilizando calendarios de Google

  1. 1

    Ve a la página web de Google Calendars (calendar.google.com) y accede con tu cuenta. Si aún no has creado tu cuenta de Google, regístrate para obtener una cuenta gratuita que podrás utilizar para Gmail, Google Calendar y otras aplicaciones de Google.

    Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
    Ve a la página web de Google Calendars (calendar.google.com) y accede con tu cuenta. (p web image by Sergio Hayashi from Fotolia.com)
  2. 2

    Si aún no has creado tu calendario, crea un nuevo calendario ahora. Ten en cuenta que podrás tener distintos calendarios, si es necesario. Cada calendario debe ser un código de colores para hacer una distinción visual. Insertar tu calendario en una página Web significa que lo compartirás con el mundo, y es posible que desees crear un nuevo calendario para contener sólo los eventos que deseas exponer (en lugar de utilizar tu calendario personal).

    Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
    Insertar tu calendario en una página Web significa que lo compartirás con el mundo. (world image by Clark Duffy from Fotolia.com)
  3. 3

    Antes de poder insertar un calendario en una página web, primero debes hacer que éste sea público. Para ello, haz clic en "Configuración" en la parte superior derecha de la ventana y selecciona "Calendarios".

    Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
    Antes de poder insertar un calendario en una página web, primero debes hacer que éste sea público. (calendar image by Aleksey Bakaleev from Fotolia.com)
  4. 4

    Junto al nombre del calendario que deseas hacer público, haz clic en la opción de habilitar o modificar recursos compartidos.

    Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
    Junto al nombre del calendario que deseas hacer público, haz clic en la opción de habilitar o modificar recursos compartidos. (Calendar image by janaka Dharmasena from Fotolia.com)
  5. 5

    Marca la casilla junto a "Hacer público este calendario". Ten en cuenta que los datos de tu calendario ahora se pueden insertar en una página web. Al hacer público el calendario, los datos de los eventos serán visibles también para los motores de búsqueda.

    Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
    Al hacer público el calendario, los datos de los eventos serán visibles también para los motores de búsqueda. (web image by peter Hires Images from Fotolia.com)
  6. 6

    Además de crear tus propios calendarios, puedes agregar un calendario que sea propiedad de otro usuario (si se ha optado por hacer público el calendario). Para ello, haz clic en "Agregar enlace" debajo de tu lista de calendarios y, a continuación, selecciona "Añadir el calendario de un amigo". Introduce la dirección de correo electrónico para añadir el calendario compartido.

    Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
    Además de crear tus propios calendarios, puedes agregar un calendario que sea propiedad de otro usuario (si se ha optado por hacer público el calendario). (e-mail image by anoshkin from Fotolia.com)
  7. 7

    Otra fuente de calendarios son los calendarios públicos. Puedes añadirlos haciendo clic en "Añadir a continuación la lista de calendarios" y seleccionando, a continuación, "Agregar un calendario público".

    Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
    Otra fuente de calendarios son los calendarios públicos. (valentine's day calendar image by Wolszczak from Fotolia.com)
  8. 8

    Selecciona el calendario que desees en la lista. Para volver a tu propio calendario, haz clic en "Volver al calendario" en la parte superior izquierda de la ventana.

    Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
    Para volver a tu propio calendario, haz clic en "Volver al calendario" en la parte superior izquierda de la ventana. (computer image by blaine stiger from Fotolia.com)
  9. 9

    Una vez que hayas creado o añadido el calendario que desees publicar, haz clic en "Configuración". A continuación, haz clic en "Calendarios".

    Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
    Una vez que hayas creado o añadido el calendario que desees publicar, haz clic en "Configuración". (mouse image by timur1970 from Fotolia.com)
  10. 10

    A continuación, haz clic en el nombre del calendario que desees publicar. Si deseas publicar varios calendarios a la vez, simplemente haz clic en cualquiera de los nombres. Serás capaz de seleccionar los calendarios que deseas incrustar en el paso 12.

    Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
    Si deseas publicar varios calendarios a la vez, simplemente haz clic en cualquiera de los nombres. (PC image by queidea from Fotolia.com)
  11. 11

    En el cuadro de diálogo de detalles del calendario, junto a la sección "Insertar código de este calendario", haz clic en "Personalizar el tamaño, color y otras opciones".

    Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
    Haz clic en "Personalizar el tamaño, color y otras opciones". (Colors image by Eagle from Fotolia.com)
  12. 12

    En la pantalla de ayuda "Google Embeddable Calendar Helper", personaliza la forma en que deseas que el calendario se muestre. También, puedes comprobar o seleccionar el calendario que deseas incluir. Ten en cuenta que puedes seleccionar varios calendarios, si lo deseas.

    Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
    En la pantalla de ayuda "Google Embeddable Calendar Helper", personaliza la forma en que deseas que el calendario se muestre. (CALENDAR image by janaka Dharmasena from Fotolia.com)
  13. 13

    Después de seleccionar las opciones deseadas, haz clic en "Actualizar HTML". A continuación, copia el texto en la ventana de HTML. Ten en cuenta que hacer clic en "Actualizar HTML" por lo general no es necesario ya que el código HTML se actualiza automáticamente cuando se realizan cambios.

    Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
    Después de seleccionar las opciones deseadas, haz clic en "Actualizar HTML". (notebook pc image by Albo from Fotolia.com)
  14. 14

    Pega el texto copiado en el paso anterior a tu página web, donde desees. Tu calendario ahora se mostrará en tu página web, reflejando los últimos datos de calendario a partir de tu calendario de Google.

    Cómo incrustar un calendario dinámico en tu sitio web utilizando calendarios de Google
    Pega el texto copiado en el paso anterior a tu página web, donde desees. (PC image by laurent davaine from Fotolia.com)

Consejos y advertencias

  • También puedes mostrar una versión sólo de lectura de tu calendario desde otras aplicaciones en formato XML o iCal copiando los enlaces de la "Agenda Direcciones" de la sección de diálogo "Detalles de Calendario". Asegúrate de utilizar los enlaces publicados junto a "Direcciones de Calendario".
  • Puedes compartir un enlace a tu calendario; ve a la "Agenda Direcciones" de la sección de Detalles de Calendario. A continuación, haz clic en el botón "HTML" situado junto a "Direcciones Calendario".
  • No compartas los enlaces publicados junto a "Direcciones privadas".

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles