[Script útil] Módulo automático para pie editorial con fecha y edición diaria

Hola comunidad!

Quiero compartir una solución sencilla que puede ser útil para muchos medios que publican contenido a diario. Se trata de un script HTML + JavaScript que genera automáticamente un módulo editorial con los siguientes datos:

¿Qué hace?

Muestra:

• Propietario (editable)

• Director Responsable (editable)

• Fecha del día actual (automática o manual)

• Número de edición que se incrementa diariamente desde una fecha base (automático o manual)

• Domicilio Legal (editable)

• Registro DNDA (editable)

¿Cómo se usa?

Solo necesitás activar la maqueta de Bloques HTML, elegir un bloque donde quieras que se vea esta información y pegar el código que dejo a continuación.

<div id="info-editorial"></div>
<script>
(function() {
  // === CONFIGURACIÓN MANUAL ===
  const propietario = "Nombre del Propietario";
  const director = "Nombre del Director Responsable";
  const domicilio = "Dirección Legal del Medio";
  const dnda = "En trámite"; // o por ejemplo "DNDA 123456"

  const usarFechaManual = false;
  const fechaManual = "Lunes 27-05-2025"; // usar solo si usarFechaManual = true
  const edicionInicial = 1;
  const fechaInicio = new Date("2025-05-25"); // fecha desde la que empieza a contar

  // === FUNCIÓN PARA FORMATEAR FECHA ACTUAL ===
  function obtenerFechaFormateada() {
    const diasSemana = ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"];
    const hoy = new Date();
    const dia = diasSemana[hoy.getDay()];
    const diaNum = hoy.getDate().toString().padStart(2, '0');
    const mes = (hoy.getMonth() + 1).toString().padStart(2, '0');
    const año = hoy.getFullYear();
    return `${dia} ${diaNum}-${mes}-${año}`;
  }

  // === CALCULAR EDICIÓN AUTOMÁTICA ===
  const hoy = new Date();
  const diasTranscurridos = Math.floor((hoy - fechaInicio) / (1000 * 60 * 60 * 24));
  const edicion = edicionInicial + diasTranscurridos;

  const fechaFinal = usarFechaManual ? fechaManual : obtenerFechaFormateada();

  // === IMPRIMIR EN EL DIV ===
  const contenedor = document.getElementById("info-editorial");
  if (contenedor) {
    contenedor.innerHTML = `
      <p style="font-size: 0.9em; line-height: 1.5;">
        Propietario: ${propietario}<br>
        Director Responsable: ${director}<br>
        ${fechaFinal} – Edición ${edicion}<br>
        Domicilio Legal: ${domicilio}<br>
        Registro DNDA: ${dnda}
      </p>
    `;
  }
})();
</script>

¿Qué se puede personalizar?

• Cambiando las variables al principio del script (propietario, director, fechaInicio, etc.)

• Si activás usarFechaManual = true, podés forzar una fecha en lugar de usar la del sistema.

Cualquier duda o mejora que quieran proponer, ¡bienvenida!
Espero que les sea útil

0 Votos