Ejemplo - Creación de un informe por correo electrónico utilizando una plantilla incrustada de HTML

En este ejemplo, creará y enviará un informe incrustando una plantilla de informes de HTML directamente en un mensaje de correo electrónico.

Requisitos

• Proveedor de correo electrónico configurado para el espacio empresarial inquilino de Qlik Cloud. Vea: Configurar el correo electrónico para informes y notificaciones

• La función de seguridad Private Analytics Content Creator, o la función de espacio suficiente para el desarrollo de informes en un espacio compartido. Consulte: Permisos

Paso 1: Cargar fuentes de ejemplo

Consulte aquí las fuentes de la app del ejemplo: Ejemplos de materiales: informes en la app. Cargue la app y los archivos de datos en un espacio y, a continuación, vuelva a cargar la app. Ya está todo listo para completar el ejemplo.

Paso 2: Desarrollar la plantilla

Crear una nueva plantilla

Añadir datos tabulares

A continuación, añada datos tabulares a la plantilla.

Haga lo siguiente:

1. Haga clic en en el panel de objetos.

2. Haga clic en Añadir tabla. Aparece una lista de hojas disponibles.

3. Amplíe la hoja Sales Tables.

4. Haga clic en el icono situado junto al gráfico Yearly Regional Sales.

5. En el menú desplegable, seleccione Columnas individuales.

6. En Seleccionar columnas que agregar, seleccione Todas. Haga clic en Añadir.

   El gráfico se añade a la plantilla como una estructura de tabla.

7. Con la nueva tabla seleccionada, cambie las siguientes propiedades de la tabla en el panel de objetos:

   • En Configuración de la tabla, desactive Conservar formatos de origen.

   • Cambie Mostrar cabeceras a Ocultar.

8. En la tabla, añada una nueva fila encima de la definición de fila existente. Añada una nueva línea debajo de la que contiene <tbody><tr>. Pegue lo siguiente:

   <th>Order year</th>
   <th>Region</th>
   <th>Sales</th>
   </tr>
   <tr>

Opciones de estilo para la tabla

A continuación, aplique estilo a los elementos de la tabla añadiendo definiciones de estilo en la cabecera de HTML (HTML head) y opciones de estilo inline en la propia estructura de la tabla (table).

Haga lo siguiente:

1. Añada una nueva línea debajo de la definición de título (title) para la plantilla.

2. Pegue lo siguiente:

   <style>html { font-family: sans-serif }
   table { border: 2px solid #000000 }
   tr, th, td { border: 1px solid #000000 }
   th { font-size: large }
   td { font-size: medium }</style>

3. Localice la línea en la estructura de table que define los datos. Debería tener este aspecto:

   <td>%%OrderYear%%</td><td>%%Region%%</td><td>%%Sales%%</td>

4. Añada style="text-align: center" a la etiqueta de apertura del primer elemento td. La línea completa debería presentar ahora el siguiente aspecto:

   <td style="text-align: center">%%OrderYear%%</td><td>%%Region%%</td><td>%%Sales%%</td>

   Esto alinea el texto de la primera columna para que quede centrado.

Añadir un título dinámico

A continuación, cree una expresión para almacenar el cálculo del intervalo de años para sus ventas. A continuación, incorpore esta expresión al título del informe para que quede incrustada como asunto del correo electrónico.

Haga lo siguiente:

1. Haga clic en en el panel de objetos.

2. Haga clic en Añadir expresión.

3. En el campo Nombre, escriba YearRange.

4. En el campo Expresión, pegue la siguiente expresión:

   = min(OrderYear)& ' - ' & max(OrderYear)

5. Haga clic en Crear.

6. En la superficie de diseño, busque el elemento title. Sustituya toda la línea por lo siguiente:

   <title>Sales Report: </title>

7. En la línea que acaba de pegar, coloque el cursor después de Sales Report:

8. En el panel de objetos, haga clic en Añadir etiqueta de expresión.

9. La línea debería presentar ahora el siguiente aspecto:

   <title>Sales Report: %YearRange%%</title>

Añada frases de apertura y cierre

A continuación, añada un saludo y una frase de apertura, y finalice el informe con un agradecimiento final.

Haga lo siguiente:

1. Añada una nueva línea debajo de la etiqueta de apertura body.

2. Pegue lo siguiente:

       <p>Hello,</p>
       <p>The table below outlines regional sales details for the requested years.</p>
   

3. Añada una nueva línea debajo de la que contiene la etiqueta de cierre de la tabla.

4. Pegue lo siguiente:

       <p>Regards,</p>
       <p>- Management</p>

Guardar y finalizar su trabajo

Haga clic en Guardar plantilla para guardar su trabajo. El código completo de la plantilla deberá presentar el siguiente aspecto:

<html><head>
  <title>Sales Report: %%YearRange%%</title>
<style>html { font-family: sans-serif }
table { border: 2px solid #000000 }
tr, th, td { border: 1px solid #000000 }
th { font-size: large }
td { font-size: medium }</style>
  </head>
  <body>
    <p>Hello,</p>
    <p>The table below outlines regional sales details for the requested years.</p>
    <table cellspacing="0" style="border-collapse: collapse">
    <tbody><tr>
      <th>Order year</th>
      <th>Region</th>
      <th>Sales</th>
      </tr>
      <tr>
      <td style="text-align: center">%%OrderYear%%</td><td>%%Region%%</td><td>%%Sales%%</td></tr>
    </tbody></table>
    <p>Regards,</p>
    <p>- Management</p>
</body></html>

Paso 3: Añadir una lista de distribución

Añada un archivo de lista de distribución en la pestaña Destinatarios o Grupos de la sección Informes de la app. Asegúrese de que se le añade por correo electrónico como destinatario y de que la lista de distribución no contiene filtros ni grupos.

Para obtener información sobre las listas de distribución, consulte Crear una lista de distribución para su informe.

Paso 4: Crear una tarea de informe

Haga lo siguiente:

1. Abra la pestaña Tareas de informe en la sección Informes de la app.

2. Haga clic en Crear tarea de informe. Se abre el cuadro de diálogo de la tarea de informe.

3. Escriba un Título para la tarea de su informe.

4. Añada una Descripción, si lo desea.

   En la pestaña del diálogo Plantilla, haga clic en Añadir plantilla existente. Seleccione la plantilla que desarrolló anteriormente.

5. Haga clic en Siguiente. El cuadro de diálogo pasa a la pestaña Salida.

6. En la pestaña del diálogo Resultado, escriba un Nombre de archivo para el resultado de salida del informe.

7. Haga clic en Siguiente para pasar a la pestaña del cuadro de diálogo Distribuir.

8. Añádase como destinatario al informe de salida.

9. En Correo electrónico, seleccione Informe HTML. Esto incrustará el informe en el mensaje de correo electrónico en lugar de adjuntarlo como archivo.

10. Haga clic en Siguiente para ir a la pestaña del cuadro de diálogo Programación.

11. Seleccione los ajustes de programación predeterminados y haga clic en Guardar.

Paso 5: Enviar el informe

Haga lo siguiente:

1. Permanezca en la pestaña Tareas de informe de la sección Informes de la app.

2. Haga clic en junto a la tarea del nuevo informe.

3. Haga clic en Enviar ahora.

Cuando llegue el correo electrónico, ábralo para ver el resultado.