Ir al contenido principal

Edición Web con el Gestor Web Institucional de la UCM

Guía de apoyo a la edición Web

Introducción

La Guía de usos y estilo de las redes sociales corporativas de la Universidad Complutense de Madrid recoge las orientaciones para la gestión y publicación de contenidos en los perfiles corporativos de unidades, centros, departamentos y eventos que representan a la UCM, con el objetivo de reforzar nuestra identidad institucional y potenciar el alcance y la difusión de las publicaciones.

El widget "Redes Sociales" nos permite incrustar en nuestras páginas Web el contenido subido a las siguientes redes sociales:

  • Facebook
  • Instagram
  • Linkedin
  • Pinterest
  • Tik Tok
  • X (Twitter).

Procedimiento:

  1. Arrastramos y soltamos el widget "Redes Sociales" en el lugar de la página donde deseamos incrustar el contenido. Se recomienda una columna de 30% o 50%, para una mejor presentación.
  2. Pulsamos en Configurar Widget (rueda dentada).
  3. La ventana emergente "Configuración del componente" nos muestra, en la pestaña "Configuración", las siguientes opciones:
    • Título del contenido: título del post o de la Red Social
    • Visibilidad en la Web: del título del contenido. No operativo.
    • Elige la red social: seleccionamos la red social deseada:
      Elige red social: Facebook
       
    • Pulsamos Aceptar.
    • La pestaña "Configuración" nos muestra el campo "Código" donde pegamos el código del "Post" o del "Timeline" (Página) de la Red Social.

       
    • Pulsamos "Aceptar", "Cerrar" y actualizamos la página para publicar los cambios.
      Post Facebook en página Web
       
  Debemos tener en cuenta que para que el contenido incrustado sea visible:
  • Solo podemos insertar publicaciones de perfiles y páginas públicas.
  • Dependiendo de la Red Social puede ser necesario que para ver el contenido incrustado, los usuarios deban iniciar sesión en la Red Social .
  • Dependiendo de la Red de Acceso puede ser necesario que para ver el contenido incrustado, los usuarios deban iniciar sesión en la Red Social.

Facebook

Solo podemos insertar publicaciones de post públicos de Facebook.

Procedimiento:

  1. Arrastramos y soltamos el widget "Redes Sociales" en el lugar de la página donde deseamos incrustar el contenido. Se recomienda una columna de 30% o 50% para una mejor presentación.
  2. Pulsamos en Configurar Widget (rueda dentada).
  3. La ventana emergente "Configuración del componente" nos muestra, en la pestaña "Configuración", las siguientes opciones:
    • Título del contenido: título del Post o de la Red Social.
    • Visibilidad en la Web: del título. No operativo.
    • Elige la red social: Facebook.
      Elige red social: Facebook
       
    • Pulsamos Aceptar.
    • La pestaña "Configuración" muestra el campo "Código Facebook" donde pegamos el código del "Post" o de la página de la Red social.

       
    • Pulsamos "Aceptar", "Cerrar" y actualizamos la página para publicar los cambios.

¿Cómo obtener el código de un Post de Facebook?

  1. Iniciamos sesión en Facebook.
  2. Navegamos hasta el Post (publicación) que deseamos insertar. Hacemos clic en el ícono elipsis (tres puntos) en la esquina superior derecha de la publicación.
    Insertar post Facebook
     

  3. En el menú contextual seleccionamos "</> Insertar". Esto abrirá la ventana emergente "Insertar publicación" que nos permite copiar el código HTML. Pulsamos en el botón "Copiar código" y lo pegamos en el Widget.
    Copiar código post Facebook


  4. Pulsamos Aceptar y Cerrar.

¿Cómo insertar una página (timeline) de Facebook en mi página web?

No operativo

Instagram

Ver FAQ

Linkedin

Procedimiento:

  1. Arrastramos y soltamos el widget "Redes Sociales" en el lugar de la página donde deseamos incrustar el contenido. Se recomienda una columna de 30% o 50% para una mejor presentación.
  2. Pulsamos en Configurar Widget (rueda dentada).
  3. La ventana emergente "Configuración del componente" nos muestra, en la pestaña "Configuración", las siguientes opciones:
    • Título del contenido: título del Post o de la Red Social.
    • Visibilidad en la Web: no operativo.
    • Elige la red social: Linkdln.
      Seleccionar Linkdln en desplegable widget Redes sociales
       
    • Pulsamos Aceptar.
    • La pestaña "Configuración" muestra el campo "Código Linkdln" donde pegamos el código del "Post".
      Código Linkedln
       
    • Pulsamos "Aceptar", "Cerrar" y actualizamos la página para publicar los cambios.

¿Cómo obtener el código de un Post de Linkedln?

  1. Iniciamos sesión en Linkedln.
  2. Navegamos hasta el post (Publicación) que deseaamos insertar. Hacemos clic en el ícono  elipsis (tres puntos) situado en la esquina superior derecha de la publicación.
    Linkedln insertar post
     
  3. En el menú contextual, selecciona "</> Insertar esta publicación". Esto abrirá una ventana emergente que nos permite copiar el código HTML.
    Código Linkedln
     
  4. Copia el código proporcionado mediante el botón "Copiar código" y pégalo en el widget Redes Sociales.

Pinterest

Procedimiento:

  1. Arrastramos y soltamos el widget "Redes Sociales" en el lugar de la página donde deseamos incrustar el contenido. Se recomienda una columna de 30% o 50% para una mejor presentación.
  2. Pulsamos en Configurar Widget (rueda dentada).
  3. La ventana emergente "Configuración del componente" nos muestra, en la pestaña "Configuración", las siguientes opciones:
    • Título del contenido: título del Post o de la Red Social.
    • Visibilidad en la Web: del título. No operativo.
    • Elige la red social: Pinterest.
      Seleccionar Pinterest
       
    • Pulsamos Aceptar.
    • La pestaña "Configuración" muestra el campo "Código Pinterest" donde pegamos el código del "Post".
      Código Pinterest
       
    • Pulsamos "Aceptar", "Cerrar" y actualizamos la página para publicar los cambios.

¿Cómo obtener el código de un Post de Pinterest?

  1. Iniciamos sesión en Pinterest.
  2. Navegamos hasta el post (Publicación) que deseamos insertar. Hacemos clic en el ícono elipsis (tres puntos) en la esquina superior derecha de la publicación.
    Pinterest elipsis tres puntos código del pin
     
  3. En el menú emergente, seleccionamos "Obtener código de incrustación del Pin". Esto abre la ventana emergente "Obtener código de incrustación"que nos permite elegir un tamaño del contenido y copiar el código HTML.
    Pinterest. Seleccionar tamaño y copiar código
     
  4. Seleccionamos y copiamos el código y lo pegamos en el widget Redes Sociales.

Tik Tok

Procedimiento:

  1. Arrastramos y soltamos el widget "Redes Sociales" en el lugar de la página donde deseamos incrustar el contenido. Se recomienda una columna de 30% o 50% para una mejor presentación.
  2. Pulsamos en Configurar Widget (rueda dentada).
  3. La ventana emergente "Configuración del componente" nos muestra, en la pestaña "Configuración", las siguientes opciones:
    • Título del contenido: título del Post o de la Red Social.
    • Visibilidad en la Web: del título. No operativo.
    • Elige la red social: Tik Tok.
      Tik Tok Widget Redes Sociales
       
    • Pulsamos Aceptar.
    • La pestaña "Configuración" muestra el campo "Código Tik Tok" donde pegamos el código del "Post".
      Código Tik Tok Widget Redes Sociales
       
    • Pulsamos "Aceptar", "Cerrar" y actualizamos la página para publicar los cambios.

¿Cómo obtener el código de un vídeo de Tik Tok?

  1. Navegamos hasta el post vídeo que deseamos insertar. Hacemos clic en el ícono </> Insertar.
    Icono insertar en Tik Tok
     
  2. En la ventana emergente "Insertar vídeo" pulsamos en el botón "Copiar código".
    código vídeo Tik Tok
     
  3. Pegamos el código copiado en el widget Redes Sociales.

X (Twitter)

No operativo